Download - Lecture 2: Usability
![Page 1: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/1.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 1
Lecture 2: Usability
January 27
![Page 2: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/2.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 2
What is Usability?
• How easy is it for users to perform a particular task using a system or device?
• How well a system or device can support the users to perform a particular task?
![Page 3: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/3.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 3
Usability of doors
1. Why do door knobs always turn the same direction to open?
2. Why do door knobs installed at waist height? 3. Why do some people rather use a small side
door next to a large revolving door? 4. Why do some doors have knobs, some bars? 5. Why do doors have dampers and closers? 6. Why do doors have see through windows? 7. Why do doors lock only from outside with keys? 8. Why do people decorate doors?
![Page 4: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/4.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 4
Five attributes of usability
• Easy to learn • Efficient to use • Easy to remember • Few user errors • Subjectively pleasing
![Page 5: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/5.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 5
![Page 6: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/6.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 6
![Page 7: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/7.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 7
![Page 8: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/8.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 8
![Page 9: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/9.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 9
![Page 10: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/10.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 10
Five attributes of usability
• Easy to learn • Efficient to use • Easy to remember • Few user errors • Subjectively pleasing
![Page 11: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/11.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 11
Three aspects of HCI
• Design • Evaluation • Implementation
![Page 12: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/12.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 12
1. Easy to learn
• Evaluation – Can users learn to perform the correct
interactions?
• Design – How can we provide the right guidance to
help users learn the interactions easily?
![Page 13: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/13.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 13
![Page 14: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/14.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 14
2. Efficient to use
• Evaluation – How fast can users perform the correct
interactions?
• Design – How can we optimize the interface design
for faster interactions?
![Page 15: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/15.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 15
![Page 16: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/16.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 16
3. Easy to remember
• Evaluation – Can users remember the correct
interactions?
• Design – What reminders can we provide to help
users remember the correct interactions?
![Page 17: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/17.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 17
![Page 18: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/18.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 18
4. Few user errors
• Evaluation – Is it likely or unlikely for users to make
interaction errors by accident?
• Design – How can we identify and eliminate design
elements prone to user accidents?
![Page 19: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/19.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 19
![Page 20: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/20.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 20
5. Subjectively pleasing
• Evaluation – Are users pleased with the way they interact
with the system?
• Design – How do we introduce design features to
reduce stress and increase satisfaction?
![Page 21: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/21.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 21
![Page 22: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/22.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 22
People complain about usability problems
Real users’ complaints about VLC Player (1/2) • Hard-to-guess shortcuts to operate with the
movie. • Non-responsive shortcuts in WX interface. • Unresponsive stop/play. • Preferences are way too big. You can navigate
thru them all the day long and you won't find what you're really looking for.
(cont…)
![Page 23: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/23.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 23
People complain about usability problems
Real users’ complaints about VLC Player (2/2) • Hard to remember what filters have been
enabled. • Adding/removing a video filter during
playback often causes video window to resize.
• The fullscreen mode is always left between two videos, which is annoying when using playlists. It should only be disabled manually.
![Page 24: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/24.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 24
Usability Engineering
• Focus on assessing and making recommendations to improve usability
• Research and design process that ensures a product with good usability
![Page 25: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/25.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 25
Benefits of usability engineering to companies
• Increase customer satisfaction • Increase sales and revenues • Reduce development time and costs • Reduce maintenance costs • Decrease training and support costs
Example: IBM
![Page 26: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/26.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 26
A day in life of a usability engineer
Lani Hathway at EA Sports (1/2) • Interview project team members about
their product, usability concerns, design process
• Attend team meetings on strategy, feature design, schedule, and other hot topics
• Help teams set usability goals (cont...)
![Page 27: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/27.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 27
A day in life of a usability engineer
Lani Hathway at EA Sports (2/2) • Drive user research activities such as
gathering data for creating user personas, task lists and scenarios
• Design usability tests • Present results from usability tests and
other user research to project teams • Summarize results from usability tests
into design guidelines or style guides
![Page 28: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/28.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 28
Usability is relative to
• Users • Tasks • Locations • Time
![Page 29: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/29.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 29
Five attributes of usability
Usability
Utility
Usefulness Few errors
Memorizability
Learnbility
Efficiency
Satisfaction Practical acceptability
Speed
Security
Reliability
Cost
Size
Social acceptability
System acceptability
![Page 30: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/30.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 30
The new iMac • LED backlighting • More pixels, better picture • Stunning from every angle • Quad-core power • Revved-up graphics • More memory and storage • Built-in Wi-Fi • Wireless keyboard • iSight • The world’s first multi-touch mouse • Ports for everything • Wall mountable
![Page 31: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/31.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 31
Tradeoffs
• Usability attributes – Efficient or easy to learn – Efficient or robust to user errors – Easy to learn or easy to remember
• User groups – Experts or novices
• Tasks – Reading, typing, coding or drawing
![Page 32: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/32.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 32
Activity: Me vs. Users
1. IDE or Command line? 2. Default or personalization? 3. On-access or on-demand virus scan? 4. Show or hide captions? 5. Folders or search? 6. Speed or stamina? 7. Browser default page?
![Page 33: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/33.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 33
What are the usability tradeoffs of these keyboard designs?
Multi-tap Keyboard Slideout Keyboard Touchscreen
![Page 34: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/34.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 34
• Homework: Implementation 1 – Due next Monday (2/1)
• Micro homework: take a picture of a door – The one you used more often. – The one you think should be fixed.
• Project: Preferences – Due next Monday (2/1) – Choose from three possible themes
• Design for improving health • Design for a special user population • Redesign a bad website
![Page 35: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/35.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 35
![Page 36: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/36.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 36
![Page 37: Lecture 2: Usability](https://reader034.vdocument.in/reader034/viewer/2022051522/58a185961a28ab784d8c15c3/html5/thumbnails/37.jpg)
CMSC 434 Introduction to Human Computer Interaction Spring 2010 37
Activity: Amazon Reviews