User-Centered Design. Jeff Bos, Design Insights BlackBerry

Similar documents
15/16 CSY2041 Quality and User-Centred Systems

Design Heuristics and Evaluation

CS 160: Evaluation. Professor John Canny Spring /15/2006 1

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test

cs465 principles of user interface design, implementation and evaluation

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing

HCI and Design SPRING 2016

Introduction to Internet Applications

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics.

Jakob Nielsen s Heuristics (

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation

Heuristic Evaluation

Lose It! Weight Loss App Heuristic Evaluation Report

Heuristic Evaluation

Usability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram

HEURISTIC EVALUATION WHY AND HOW

User Interface Evaluation

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web

Human-Computer Interaction: An Overview. CS2190 Spring 2010

CO328- Human Computer Interaction Michael Kölling Caroline Li. Heuristic Evaluation

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten

evision Review Project - Engagement Simon McLean, Head of Web & IT Support Information & Data Services.

HUMAN COMPUTER INTERACTION

Implementing Games User Research Processes Throughout Development: Beyond Playtesting

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt.

NUR - Introduction to HCI. Big picture, design process, UCD, UI issues

IPM 10/11 T1.6 Discount Evaluation Methods

Chapter 15: Analytical evaluation

Heuristic Evaluation. Jon Kolko Professor, Austin Center for Design

3 Prototyping and Iterative Evaluations

Interaction Design. Ruben Kruiper

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation

UX DESIGN BY JULIA MITELMAN

Analytical Evaluation

Heuristic Evaluation of Covalence

User Centered Design - Maximising the Use of Portal

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!!

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search

Hyper Mesh Code analyzer

Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction

A Heuristic Evaluation of Ohiosci.org

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003

Heuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008

Evaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005

Sri Vidya College of Engineering & Technology Question bank (unit 2) UNIT 2 TWO MARKS

3 Evaluating Interactive Systems

CogSysIII Lecture 9: User Modeling with GOMS

Analytical evaluation

User Experience Report: Heuristic Evaluation

Severity Definitions:

Competitors Usability Heuristics App Analysis. Sandeep Hundal UX Course Competitors Usability Heuristics App Analysis

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement

MIT GSL week 4 Wednesday. User Interfaces II

Interaction Design DECO1200

iscreen Usability INTRODUCTION

Computer Systems & Application

1. Select/view stores based on product type/category- 2. Select/view stores based on store name-

Top 10 Usability Guidelines for Blogging

Design, prototyping and construction

Übung zur Vorlesung Mensch-Maschine-Interaktion. e5: Heuristic Evaluation

Heuristic Evaluation of igetyou

Additional reading for this lecture: Heuristic Evaluation by Jakob Nielsen. Read the first four bulleted articles, starting with How to conduct a

Usability. HCI - Human Computer Interaction

Usability. Daniela Rosner. Web Architecture, October 9, School of Information UC Berkeley

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design

CSE 118 Introduction to Design

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web

USER RESEARCH Website portfolio prototype

Introduction to Usability and its evaluation

Heuristic Evaluation of [ Quest ]

Crab Shack Kitchen Web Application

Cognitive Disability and Technology: Universal Design Considerations

Heuristic Evaluation of Team Betamax

GUI Design Principles

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( )

THINK THE FDA DOESN T CARE ABOUT USER EXPERIENCE FOR MOBILE MEDICAL APPLICATIONS? THINK AGAIN.

Introducing Evaluation

Nektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece

User Experience Design I (Interaction Design)

Applying Usability to elearning

Human-Computer Interaction

Gleanings Ch 5, 6, 7. Design Naviga3on Organiza3on and layout

Evaluating myat&t Redesign. Conner Drew

Interaction Design. Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability

Interaction Design. Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): Process Models, Elements and Usability

Usability. CSE 331 Spring Slides originally from Robert Miller

A short introduction to. designing user-friendly interfaces

Foundation Level Syllabus Usability Tester Sample Exam Answers

Addition about Prototypes

User Centered Design And Prototyping

Heuristic Evaluation of NUIG Participate Module 1

Interface (API) Design

Chapter 10 Interactive Systems And Usability Organizational Requirements Engineering

Chapter 1: What is interaction design?

Transcription:

User-Centered Design Jeff Bos, Design Insights BlackBerry

Overview Real World Design Challenges UX Design Principles Cognitive Demand Techniques for reducing workload Discount Usability Techniques Best practices for product design 2

What is Usability? ISO 9241-11 outlines three objective factors for measuring the usability of a product: 1. Speed: Users efficiency when carrying out tasks. 2. Accuracy: Users effectiveness when interacting with the system. 3. Satisfaction: Users satisfaction when experiencing the design. 3

Real World Design Challenges How do you adjust the following controls? 1. Heated Mirrors 2. Volume Control 3. Parking Brake

Real World Design Challenges Answers: 1. Heated Mirrors 2. Volume Control 3. Parking Brake

What is Affordance?

Discoverable Design Fewer people than ever read manuals. This is true whether it is a manual for an automobile, a new cooking device a TV set, a computer program or app, or a game. Therefore, the important point is to develop devices that are self-explaining, that do not require manuals. In the new edition of Design of Everyday Things Don Norman calls this property, Discoverable.

Discovery-Based Learning People just want to use a product. As a metaphor for UX design, consider the challenge of telling the backstory in a novel or detective/crime/spy story. The author has to bring the reader up to speed without losing the narrative flow of the story or losing the reader s attention. As a device, the author will introduce a new character to the scene, so that either the hero has to explain a lot of stuff (in a natural way), or the new person will unearth material and rush to tell others.

Successive Approximations People just want to use a product. Successive Approximation is a technique that can enable a app developer to introduce an interesting, complex, or impressive experience to the user (e.g., a puzzle or action) without making it difficult to learn and discover. A practice case can be used to make the challenge as approachable as possible without compromising the first experience using the feature.

Maximize Cognitive Bandwidth User attention is a precious resource and should be allocated accordingly. Minimize Visual, Auditory, Psychomotor, and Cognitive load. 1. Reduce visual noise 2. Build on existing mental models 3. Enable discovery 4. Chunk content 5. Off-load tasks

11

Familiarity

Discovery

Consistency

Repeating Patterns

Re-Use

Apprehension and Congruity

Center of Mass The mass of the device should be centralized within the hand In particular, on tall devices, a lower center of mass helps users stabilize the device to prevent wobbling when typing. As the Pivot Point moves toward the Centre of Mass, the torque becomes lower which reduces grip effort and increases device stability when typing.

Optimal Resting Posture and Reach Device Height and Width As the device gets wider, users have difficulty reaching across the screen As the device gets taller, users find it more difficult to reach content at the top of the screen and less stable in the hand when typing Device Thickness [Galaxy Note 2 feedback] Thinner devices tend to have sharper edges which can dig into the hand Extra pinch grip force is required to stabilize a thinner device in the hand

Discount Usability Techniques Heuristic Review Subject Matter Expert Review Cognitive Walkthroughs Critical Incident Technique Rapid Prototyping and Usability Testing A-B Benchmark Testing Instrumented Software

Nielsen s Ten Usability Heuristics 1. Visibility of system status 2. Match between system and the real world 3. User control and freedom 4. Consistency and standards 5. Error prevention 6. Recognition rather than recall 7. Flexibility and efficiency of use 8. Aesthetic and minimalist design 9. Help users recognize, diagnose, and recover 10. Help and documentation

Baseline Experience Visibility of system status Match between system and the real world User control and freedom Consistency and standards Error prevention Recognition rather than recall Flexibility and efficiency of use Aesthetic and minimalist design Help users recognize, diagnose, and recover from errors

First Automated Thermostat 1. It Is Not Transparent Not responding as expected 2. People wearing coats in apartment Physical discomfort 3. Took Away My Control Turning dial does nothing It doesn t seem possible to change the temperature at all using the mobile app. 4. Makes Me Feel Stupid Difficult UI to tune the system using PC 5. Makes It Difficult to Recover Makes user look bad Guests think owner is deliberately keeping apartment too cold 6. Beauty Is Only Chrome Deep High initial expectations lead to a great deal of disappointment

Applying the Heuristics Visibility of System Status: It is not transparent Not responding as expected Error Prevention: People wearing coats in apartment Physical discomfort User Control and Freedom: Took away user control Turning dial does nothing It doesn t seem possible to change the temperature at all using the mobile app. Match Between System and the Real World: Makes user feel stupid Difficult UI to tune the system using PC Help Users Recognize, Diagnose, and Recover from Errors: Difficult to recover Makes user look bad Guests think owner is deliberately keeping apartment too cold Aesthetic and Minimalist Design: Beauty Is Only Chrome Deep High initial expectations and lead to a great deal of disappointment

Best Practices in Product Design Identify Solid Product Requirements: What is unique and compelling about the desired experience? Tell Your Story: Design your product to have a conversation with your user. Share the value proposition with them and help the make best use of the application. Intuitiveness and Simplicity: It is difficult to make complex things seem simple. Properly applying UX design techniques makes novices feel like experts. Iterate Frequently: Be flexible while clearly working out the user experience. Making rapid changes early in the process will reduce time consuming rework later. Long Wow: Users like product experiences that evolve with them over time.

Summary Real World Design Challenges UX Design Principles Cognitive Demand Techniques for reducing workload Discount Usability Techniques Best practices for product design 30