user interface hall of shame
play

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

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


  1. User Interface - Hall of Shame SWEN-610 Foundations of Software Engineering Department of Software Engineering Rochester Institute of Technology

  2. Contempt & Loathing

  3. Don’t Insult Users

  4. Don’t Shout at Users !!!! • There is no need for exclamation points !!! • Buttons are already commands !!!

  5. DON’T USE ALL UPPER CASE • Upper case is hard to read • Reader’s get clues from vertical outlines

  6. Users Aren’t Fools

  7. Sowing Confusion

  8. Delete Files To Delete Files?

  9. What Do Icon’s Mean?

  10. Failure = Success?

  11. Success = Error?

  12. Is This An Error - Or Is It Normal?

  13. Misleading Messages • Really: too many directories for “Find” • Do we really want to delete files?

  14. Avoid “Geek Speak”

  15. Know the User’s Level • From Dr. Seuss’s ABCs • Target audience: 3-5 year olds • Works find on standard displays

  16. Speak to the User

  17. The Geek World of Colors • Quick: What is the 24-bit code for orange? • Why not show the color pallette?

  18. Label Buttons Appropriately Why not “Yes” and “No” as button labels?

  19. Ambiguity - What Would You Do?

  20. Useless Output

  21. Uninformative Messages

  22. My Favorite Outlook Diagnostic

  23. VB Message - 1

  24. VB Message - 2

  25. Use The Correct UI Control

  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

  27. Confusing Buttons & Labels

  28. The Ultimate Social Security Entry Control

  29. Just Plain Annoying

  30. Can’t Save Empty File (Notepad) • Why can’t you save an empty file? • You can create an empty file via Explorer!

  31. An AI Triumph - Spell Check

  32. Extras

  33. Right at Home

  34. Fun Errors

  35. Fun Errors

  36. 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

  37. For More Examples Visit the UI Hall of Shame http://www.iarchitect.com/mshame.htm

Recommend


More recommend