user interface hall of shame - software engineering at ritswen-261/slides/ui hall of shame.pdf ·...
TRANSCRIPT
![Page 1: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/1.jpg)
SWEN-261Introduction to Software Engineering
Department of Software EngineeringRochester Institute of Technology
User Interface - Hall of Shame
![Page 2: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/2.jpg)
Contempt & Loathing
![Page 3: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/3.jpg)
Don’t Insult Users
![Page 4: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/4.jpg)
Don’t Shout at Users!!!!
•There is no need for exclamation points!!!
•Buttons are already commands!!!
![Page 5: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/5.jpg)
DON’T USE ALL UPPER CASE
•Upper case is hard to read
•Reader’s get clues from vertical outlines
![Page 6: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/6.jpg)
Users Aren’t Fools
![Page 7: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/7.jpg)
Sowing Confusion
![Page 8: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/8.jpg)
Delete Files To Delete Files?
![Page 9: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/9.jpg)
What Do Icon’s Mean?
![Page 10: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/10.jpg)
Failure = Success?
![Page 11: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/11.jpg)
Success = Error?
![Page 12: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/12.jpg)
Is This An Error - Or Is It Normal?
![Page 13: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/13.jpg)
Misleading Messages
•Really: too many directories for “Find”
•Do we really want to delete files?
![Page 14: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/14.jpg)
Avoid “Geek Speak”
![Page 15: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/15.jpg)
Know the User’s Level
•From Dr. Seuss’s ABCs
•Target audience: 3-5 year olds
•Works find on standard displays
![Page 16: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/16.jpg)
Speak to the User
![Page 17: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/17.jpg)
The Geek World of Colors
•Quick: What is the 24-bit code for orange?
•Why not show the color pallette?
![Page 18: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/18.jpg)
Label Buttons Appropriately
Why not “Yes” and “No” as button labels?
![Page 19: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/19.jpg)
Ambiguity - What Would You Do?
![Page 20: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/20.jpg)
Useless Output
![Page 21: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/21.jpg)
Uninformative Messages
![Page 22: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/22.jpg)
My Favorite Outlook Diagnostic
![Page 23: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/23.jpg)
VB Message - 1
![Page 24: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/24.jpg)
VB Message - 2
![Page 25: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/25.jpg)
Use The Correct UI Control
![Page 26: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/26.jpg)
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
![Page 27: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/27.jpg)
Confusing Buttons & Labels
![Page 28: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/28.jpg)
The Ultimate Social Security Entry Control
![Page 29: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/29.jpg)
Just Plain Annoying
![Page 30: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/30.jpg)
Can’t Save Empty File (Notepad)
•Why can’t you save an empty file?
•You can create an empty file via Explorer!
![Page 31: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/31.jpg)
An AI Triumph - Spell Check
![Page 32: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/32.jpg)
![Page 33: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/33.jpg)
Extras
![Page 34: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/34.jpg)
![Page 35: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/35.jpg)
![Page 36: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/36.jpg)
Right at Home
![Page 37: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/37.jpg)
![Page 38: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/38.jpg)
![Page 39: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/39.jpg)
![Page 40: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/40.jpg)
![Page 41: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/41.jpg)
Fun Errors
![Page 42: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/42.jpg)
Fun Errors
![Page 43: User Interface Hall of Shame - Software Engineering at RITswen-261/slides/UI Hall of Shame.pdf · SWEN-261 Introduction to Software Engineering Department of Software Engineering](https://reader030.vdocuments.site/reader030/viewer/2022041018/5ecc8429b34a7d2ac153916b/html5/thumbnails/43.jpg)
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