User Interface - Hall of Shame SWEN-610 Foundations of Software - - PowerPoint PPT Presentation

▶
user interface hall of shame
SMART_READER_LITE
LIVE PREVIEW

User Interface - Hall of Shame SWEN-610 Foundations of Software - - PowerPoint PPT Presentation

Sep 28, 2022 424 likes •876 views

User Interface - Hall of Shame SWEN-610 Foundations of Software Engineering Department of Software Engineering Rochester Institute of Technology Contempt & Loathing Dont Insult Users Dont Shout at Users !!!! There is no need for

slide-1
SLIDE 1

SWEN-610 Foundations

  • f Software Engineering

Department of Software Engineering Rochester Institute of Technology

User Interface - Hall of Shame

slide-2
SLIDE 2

Contempt & Loathing

slide-3
SLIDE 3

Don’t Insult Users

slide-4
SLIDE 4

Don’t Shout at Users!!!!

  • There is no need for exclamation points!!!
  • Buttons are already commands!!!
slide-5
SLIDE 5

DON’T USE ALL UPPER CASE

  • Upper case is hard to read
  • Reader’s get clues from vertical outlines
slide-6
SLIDE 6

Users Aren’t Fools

slide-7
SLIDE 7

Sowing Confusion

slide-8
SLIDE 8

Delete Files To Delete Files?

slide-9
SLIDE 9

What Do Icon’s Mean?

slide-10
SLIDE 10

Failure = Success?

slide-11
SLIDE 11

Success = Error?

slide-12
SLIDE 12

Is This An Error - Or Is It Normal?

slide-13
SLIDE 13

Misleading Messages

  • Really: too many directories for “Find”
  • Do we really want to delete files?
slide-14
SLIDE 14

Avoid “Geek Speak”

slide-15
SLIDE 15

Know the User’s Level

  • From Dr. Seuss’s ABCs
  • Target audience: 3-5 year olds
  • Works find on standard displays
slide-16
SLIDE 16

Speak to the User

slide-17
SLIDE 17

The Geek World of Colors

  • Quick: What is the 24-bit code for orange?
  • Why not show the color pallette?
slide-18
SLIDE 18

Label Buttons Appropriately

Why not “Yes” and “No” as button labels?

slide-19
SLIDE 19

Ambiguity - What Would You Do?

slide-20
SLIDE 20

Useless Output

slide-21
SLIDE 21

Uninformative Messages

slide-22
SLIDE 22

My Favorite Outlook Diagnostic

slide-23
SLIDE 23

VB Message - 1

slide-24
SLIDE 24

VB Message - 2

slide-25
SLIDE 25

Use The Correct UI Control

slide-26
SLIDE 26

Check Boxes vs. Option Boxes

  • What is a superscript/subscript?
  • Triumph of graphic design over usability
  • Use check boxes for non-exclusive options
  • Use options (radios) for exclusive options
slide-27
SLIDE 27

Confusing Buttons & Labels

slide-28
SLIDE 28

The Ultimate Social Security Entry Control

slide-29
SLIDE 29

Just Plain Annoying

slide-30
SLIDE 30

Can’t Save Empty File (Notepad)

  • Why can’t you save an empty file?
  • You can create an empty file via Explorer!
slide-31
SLIDE 31

An AI Triumph - Spell Check

slide-32
SLIDE 32
slide-33
SLIDE 33

Extras

slide-34
SLIDE 34
slide-35
SLIDE 35
slide-36
SLIDE 36

Right at Home

slide-37
SLIDE 37
slide-38
SLIDE 38
slide-39
SLIDE 39
slide-40
SLIDE 40
slide-41
SLIDE 41

Fun Errors

slide-42
SLIDE 42

Fun Errors

slide-43
SLIDE 43

Lessons Learned

  • The error message should be in the users’ words
  • Simple
  • Not geeky
  • Suggest a solution
  • The UI should be consistent
  • If you can make the users smile, let’em be
slide-44
SLIDE 44

For More Examples Visit the UI Hall of Shame

http://www.iarchitect.com/mshame.htm