Top Banner
Before usability CS 147: Intro to HCI After 1 st Usability Review
26

CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Mar 10, 2018

Download

Documents

doanxuyen
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Before usability

CS 147: Intro to HCI

After 1st Usability Review

Page 2: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

After 2nd Usability Review

After Usability

Page 3: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

After feedback from Don Norman(which cost me $25,000)

Page 4: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Plans for Today

• Project Overview• Terminology recap• Usability Breakdown Presentations

Page 5: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Project Summary

• Teams of 4, assigned next week• Project broken down into a series of

milestones– Contextual Inquiry– Project Proposal– Storyboards– Paper Prototype– User Testing– High Fidelity Prototype

Page 6: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Project Grading

• Project deliverables due Wednesday at midnight

• Your team meets with CAs for 30 minute sessions to discuss project progress

• Professor Winograd will be present during some feedback sessions, and you will be assigned a grade on your interim progress and deliverables

Page 7: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Final Project Fair

• In Wallenberg Hall, December 6th, 6-9pm• Present your completed project to a team

of industry judges and others from the Stanford community

• No final exam!

Page 8: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Terminology of InteractiveSystem Design

• Affordances• Constraints• Conceptual Models• Mappings• Visibility• Feedback• Consistency

Page 9: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Affordances

• Attribute of an object that allows people to know how to use it

Page 10: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Constraints

• Restricting interaction to reduce errors

Page 11: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Conceptual Model

• A set of ideas about how an interactive system behaves

vs.

Page 12: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Mapping

• Relationship between controls and their effects on the world

Page 13: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Visibility

• Making it obvious which actions are available

Page 14: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Feedback

• Send information about what is happening back to the user

Page 15: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Consistency

• Similar functions are performed in the same way

• Identical terminology for identical operations

Page 16: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Page 17: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Mapping – we’d expect to go, off, low, highFeedback – when lamp is on, hard to tell from switch position whether it’sin low or high mode

Page 18: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Page 19: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Consistency: different procedure for locking top than for locking bottom

Page 20: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Page 21: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

CONSISTENCY: Different procedure for setting different intervals of time.FEEDBACK: When timer is at a time under 15 minutes, hard to tell if it’sactually on or not (silent failure).

Page 22: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Page 23: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

CONSTRAINTS: The system could constrain the user from opening thecompartment until the film is at the end of the reel.AFFORDANCES: The big friendly blue button affords pushing.

Page 24: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

Page 25: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

What’s Wrong?

AFFORDANCES:The basin affords peeing in.

Page 26: CS 147: Intro to HCIweb.cs.wpi.edu/~kal/courses/hci/module1/normanreview.pdf · Plans for Today • Project Overview • Terminology recap • Usability Breakdown Presentations

Usability Breakdown

• My action causes something I did not expect or want

• I want to do something, and cannot figure out how