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

Size: px
Start display at page:

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

Transcription

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

2 Contacts Zdeněk Míkovec K321 Jan Balata K411 Miroslav Macík K411 consultation hours: at practices course web page: 2

3 Classification Credits max. 2 missed practices min. 40 points submitted semester project D1-D4 min. 5 points per deliverable Exam mandatory entry test min. 10 points Points D1-D4 70 points exam 30 points extra points: 3 points Digitální design: Pohled za pixely (October 2015, World Usability Day ( , D1: Semester project understanding and analysis 15 points D2: Sketches, storyboards, HTA, paper mockup 15 points D3: Electronic prototype 15 points D4: Hi-Fi prototype + documentation + presentation 20 points D4 5 points presentation max. delay 24 hours any troubles: 4 days before 3

4 NUR lectures Lectures theoretical and practical Theoretical lectures formalisms used for UI design Practical lectures goal: to acquire knowledge necessary for successful completion of semester projects experience with industrial or EC funded projects experts from industry User research Prototyping 4

5 HCI definition Design, Implementation, and Evaluation of the interactive systems from the perspective of use by the human. Humans Design Tasks Technology 5

6 Human-Computer Interaction (HCI) Human End-user of an application Collaborative environment Computer The device running the application Execution often distributed among client and server machines Interaction two-way communication User tells the Computer what to do (commands) Computer tells the User what happened (results) 6

7 Why study the HCI? User interface takes majority of the source code Over 50% (Some authors report as much as 80%) More than 50% of the implementation efforts go to the UI Risks of the bad UI Financial (your product won t sell) Lives (air or factory disasters, ) Successful UI requires Good knowledge of the human s abilities Good knowledge of the principles of the UI design Meaningful use case 7

8 Idea of HCI The old computing is about what computer can do, the new computing is about what people can do. (Ben Scheniderman) 8

9 Example question for examination What is UCD good for? What techniques prevent errors in UI design? How many visual object can human brain process in parallel? What color combinations are not suitable? What is it pop-out effect and how it works? Describe KLM model. Explain Hicks law and it consequences for UI design. 9

10 User Interface (UI) The part of the technology, allowing people to: Perform their own tasks Interact with the technology Both are indivisible Hydroelectric power station Orlik 10

11 UI of pure physical nature Hydroelectric power station Orlik Hydroelectric power station Orlik 11

12 UI mimics real world Hydroelectric power station Orlik 12

13 UI of complex systems Hydroelectric power station Orlik 13

14 Blending physical and electronic world GraFooSha 14

15 UI design User Centered Design (UCD) Find what are user needs and take them into account You should be in permanent contact with potential users during the whole design process testing of UI prototypes Requirements ISO Evaluation Design Implementation 15

16 What kind of users do we have in mind? People are different The particular design is always a compromise we do not consider rare extremes (illiterate user) Usually 5% outlier cases are eliminated the result of this strategy is that some potential users can be discriminated Examples car: height, weight computer: font size, use of colors (colorblind)... 16

17 Classes of users Novices very limited set of functions available Casual users standard set of functions Advanced users advanced functionality Experts sophisticated functionality Consequence: necessity to split functions into individual categories How can influence particular class of users implementation of functions? 17

18 Examples of improper UI design 18

19 Examples of improper UI design Hydroelectric power station Orlik 19

20 Interaction 20

21 Feedback, Where am I? 21

22 Functionality is not reachable 22

23 Standards 23

24 Usability Simplicity of learning to use the system System can be learned easily and fast Memorability = Recall (Easy to remember) Whether the user is able to use the system after a longer time Efficiency Once the user learned how to use the system, the system will be fast to use To carry out the task quickly and efficiently 24

25 Usability Minimum amount of errors Preventing users from making errors If encountered, inform the users on the cause and give an advice Satisfaction of the user Subjectively pleasing The users is convinced that the task has been successfully achieved 25

26 Design heuristics by Nielsen 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 from errors 10. Help and documentation 26

27 Systematic approach to the UI design 27

28 User interface design - big picture Application Domain step 0 User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling personas profiles mental models System Modeling scenarios storyboards HTA, CTT step 2 UI Design app. models (GOMS, KLM, etc.) prototypes final design 3 parts visual design interaction design UX design UI Testing KLM CW EE user testing (UX) step 3 Documentation visual design interaction design UX design step 4 Implementation step 5 28

29 Analysis of the problem to be solved by IS Identification of activities which will be supported by IS Identification of the users those, who will perform the activities Definition the level of support (usability) support the IS will provide Selection of the form of solution of the problem User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling personas profiles mental models System Modeling scenarios storyboards HTA, CTT step 2 29

30 Users User requirements general user requirements physical, cognitive, social specific user requirements (related to the problem solved) User models KLM, personas User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling personas profiles mental models System Modeling scenarios storyboards HTA, CTT step 2 30

31 Level of support Designed solution must fulfill the user requirements Usability - see TUR course User Research user needs and requirements User Modeling personas profiles mental models Problem Description sources: marketing research step 1 System Modeling scenarios storyboards HTA, CTT step 2 31

32 Form of solution Influenced by technology and resources form of user interface application SW supporting the UI operating system system resources (memory, network bandwidth, etc.) hardware UI Design app. models (GOMS, KLM, etc.) prototypes final design 3 parts visual design interaction design UX design UI Testing KLM CW EE user testing (UX) step 3 32

33 IS design process 1. Problem description 2. UI design 3. UI testing 4. Documentation for further implementation UI Design app. models (GOMS, KLM, etc.) prototypes final design 3 parts visual design interaction design UX design UI Testing KLM CW EE user testing (UX) Documentation visual design interaction design UX design step 4 step 3 33

34 PSYCHOLOGICAL ASPECTS 34

35 Moore s Law Memory Speed Portability Affordability Computers Human Abilities

36 Example of application design process Application domain: Personal Weather Forecast Design process phases user research (ethnography study) user modeling (persona) prototyping (low-fid, high-fid) testing (qualitative/quantitative; with/without users; expert evaluation, cognitive walkthrough; lab/field study) evaluation (summative/formative) 36

37 Weather forecast - Nokia 37

38 Weather forecast - iphone 38

39 Weather forecast: What is the main difference? Number of "clicks"? NOT necessarily User's mental model? Nokia iphone application browser weather forecast weather forecast bookmark web address place place Is there anything wrong? complexity of mental model - NO unknown terms and relations (coming from system mental model) What is the weather in Prague for tomorrow? What are the consequences? 39

40 Different mental models 40

41 What was underestimated in the design process? Application Domain step 0 User Research user needs and requirements Problem Description sources: marketing research step 1 User Modeling personas profiles mental models System Modeling scenarios storyboards HTA, CTT step 2 UI Design app. models (GOMS, KLM, etc.) prototypes final design 3 parts visual design interaction design UX design UI Testing KLM CW EE user testing (UX) step 3 Documentation visual design interaction design UX design Implementation step 4 step 5 41

42 INTERDISCIPLINARITY OF HCI 42

43 UI design is more and more complex Increasing number of devices we can control radio set in a car: AM, FM1, FM2, 5 pre-sets, station selection, balance, fader, bass, treble, distance, mono/stereo, Dolby, CD changer What about driving in the dark? Feedback is more and more fine, more and more complex and it is getting more and more unnatural e.g. setting digital alarm clock The impact of wrongly designed UI is more and more serious medical applications, airplane disasters 43

44 Conceptual model of UI affordances (dostupnost) causality (návaznost) constraints (omezení) mapping (individual steps of our problem solution onto individual functions available) behavioral patterns of target users 44

45 Who are the stakeholders? Users Engineers and designers Sales and marketing personnel Managers 45

46 What users expect? Support from the system Easy available functions Manageable cognitive load Pleasant experience 46

47 What Engineers and Designers expect? They would like to finish the product ASAP They do not want to explain to users how the product (or its part) works 47

48 What Sales and Marketing People expect? They would like to have financially successful product They should take into account many external and internal factors E.g. database of current customers, public media and related PR, competing companies with similar product, product maintenance expenses etc. 48

49 What Managers expect? They are interested in expenses spent on product development E.g. how much design and testing will cost, what will be tested (just the product or support web page or both), how many resources will be needed (time, money, number of people involved ) 49

50 Aren t you missing someone? User experience designer user is number one tries to really and deeply understand the user ensures that final design is that what user wants 50

51 Recommended readings Alan Cooper: About Face The Essentials of Interaction Design Bill Buxton: Sketching User Experience Colin Ware: Visual Thinking for Design 51

52 Recommended readings Steve Krug: Don t make me think Don Norman: The Design of Everyday Things Jakob Nielsen: Designing Web Usability 52

53 Thank you for attention

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

evision Review Project - Engagement Simon McLean, Head of Web & IT Support Information & Data Services. evision Review Project - Engagement Monitoring Simon McLean, Head of Web & IT Support Information & Data Services. What is Usability? Why Bother? Types of usability testing Usability Testing in evision

More information

User-Centered Design. Jeff Bos, Design Insights BlackBerry

User-Centered Design. Jeff Bos, Design Insights BlackBerry 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

More information

Design Heuristics and Evaluation

Design Heuristics and Evaluation Design Heuristics and Evaluation Rapid Evaluation Selected material from The UX Book, Hartson & Pyla Heuristic Evaluation Another method for finding usability problems in a UI design Validation during

More information

Analytical Evaluation

Analytical Evaluation Analytical Evaluation November 7, 2016 1 Questions? 2 Overview of Today s Lecture Analytical Evaluation Inspections Performance modelling 3 Analytical Evaluations Evaluations without involving users 4

More information

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

Overview of Today s Lecture. Analytical Evaluation / Usability Testing. ex: find a book at Amazon.ca via search Overview of Today s Lecture Analytical Evaluation / Usability Testing November 17, 2017 Analytical Evaluation Inspections Recapping cognitive walkthrough Heuristic evaluation Performance modelling 1 2

More information

Jakob Nielsen s Heuristics (

Jakob Nielsen s Heuristics ( Jakob Nielsen s Heuristics (http://www.useit.com/papers/heuristic/heuristic_list.html) What is heuristic evaluation: Heuristic evaluation is done as a systematic inspection of a user interface design for

More information

Introduction to Usability and its evaluation

Introduction to Usability and its evaluation Introduction to Usability and its evaluation ~ Greg Ralph What is usability? Attributes ISO 9241-11 (1998) The extent to which a product can be used: by specified users to achieve specified goals with

More information

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

Software Quality. Martin Glinz. Thomas Fritz. Lecture 7 UI Design, Usability & Testing. Many thanks to Meghan Allen and Daniel Greenblatt. Institut für Informatik Software Quality Lecture 7 UI Design, Usability & Testing Thomas Fritz Martin Glinz Many thanks to Meghan Allen and Daniel Greenblatt. Overview Introduction to UI design User-centered

More information

MAKING YOUR GATEWAY EASY AND PLEASANT TO USE

MAKING YOUR GATEWAY EASY AND PLEASANT TO USE MAKING YOUR GATEWAY EASY AND PLEASANT TO USE AN INTRODUCTION TO USABILITY AND USER-CENTERED DESIGN Paul Parsons November 8, 2017 SGCI Webinar Background PhD, Computer Science Specialty: Human-Computer

More information

Usability. HCI - Human Computer Interaction

Usability. HCI - Human Computer Interaction Usability HCI - Human Computer Interaction Computer systems optimization for easy access and communication Definition design Basic principles Testing assessment implementation Quality Utility funcionality

More information

SWEN 444 Human Centered Requirements and Design Project Breakdown

SWEN 444 Human Centered Requirements and Design Project Breakdown SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report weekly project status to your instructor, and as you wish, capture other

More information

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

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation Lecture 11: Inspection Tuesday / Thursday 12:00 to 1:20 James Fogarty Kailey Chan Dhruv Jain Nigini Oliveira Chris Seeds

More information

HCI and Design SPRING 2016

HCI and Design SPRING 2016 HCI and Design SPRING 2016 Topics for today Heuristic Evaluation 10 usability heuristics How to do heuristic evaluation Project planning and proposals Usability Testing Formal usability testing in a lab

More information

HEURISTIC EVALUATION WHY AND HOW

HEURISTIC EVALUATION WHY AND HOW HEURISTIC EVALUATION WHY AND HOW REF: Scott Klemmer Jacob Nielsen James Landay HEURISTIC EVALUATION Multiple ways to evaluate Empirical: Assess with real users trying s/w Formal: Models and formulas to

More information

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

What is interaction design? What is Interaction Design? Example of bad and good design. Goals of interaction design What is interaction design? What is Interaction Design? Designing interactive products to support people in their everyday and working lives Sharp, Rogers and Preece (2002) The design of spaces for human

More information

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough

Interaction Design. Heuristic Evaluation & Cognitive Walkthrough Interaction Design Heuristic Evaluation & Cognitive Walkthrough Interaction Design Iterative user centered design and development Requirements gathering Quick design Build prototype Evaluate and refine

More information

3 Prototyping and Iterative Evaluations

3 Prototyping and Iterative Evaluations 3 Prototyping and Iterative Evaluations Viktoria Pammer-Schindler March 15, 2016 Prototyping and Iterative Evaluations 1 Days and Topics March 1 March 8 March 15 April 12 April 19/21 April 26 (10-13) April

More information

Introduction to Internet Applications

Introduction to Internet Applications to Internet Applications Internet Applications, ID1354 1 / 36 Contents 2 / 36 Section 3 / 36 Local Application We are familiar with an architecture where the entire application resides on the same computer.

More information

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

Heuristic Evaluation. Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics. Heuristic Evaluation Heuristic evaluation evaluates the interface to identify usability problems against recognized usability design heuristics. Usability heuristics are best practices developed and identified

More information

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1

evaluation techniques goals of evaluation evaluation by experts cisc3650 human-computer interaction spring 2012 lecture # II.1 topics: evaluation techniques usability testing references: cisc3650 human-computer interaction spring 2012 lecture # II.1 evaluation techniques Human-Computer Interaction, by Alan Dix, Janet Finlay, Gregory

More information

User Interface Evaluation

User Interface Evaluation User Interface Evaluation Heuristic Evaluation Lecture #17 Agenda Evaluation through Expert Analysis Cognitive walkthrough Heuristic evaluation Model-based evaluation Cognitive dimension of notations 2

More information

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

CO328- Human Computer Interaction Michael Kölling Caroline Li. Heuristic Evaluation CO328- Human Computer Interaction Michael Kölling Caroline Li Heuristic Evaluation Signage: What does this tells you? - History, what went earlier there before - Tells you more about a problematic situation

More information

cs465 principles of user interface design, implementation and evaluation

cs465 principles of user interface design, implementation and evaluation cs465 principles of user interface design, implementation and evaluation Karrie G. Karahalios 24. September 2008 1. Heuristic Evaluation 2. Cognitive Walkthrough 3. Discuss Homework 3 4. Discuss Projects

More information

Plunging into the waters of UX

Plunging into the waters of UX Plunging into the waters of UX Maja Engel TCUK 2017 UX vs. UI design UX is a journey UI design and technical communication are vehicles for that journey «things» that the user can interact with A UI without

More information

15/16 CSY2041 Quality and User-Centred Systems

15/16 CSY2041 Quality and User-Centred Systems 15/16 CSY2041 Quality and User-Centred Systems INTERACTION DESIGN 1 Heuristic evaluation and walkthroughs 2 1 Aims: Describe the key concepts associated with inspection methods. Explain how to do heuristic

More information

Human-Computer Interaction: An Overview. CS2190 Spring 2010

Human-Computer Interaction: An Overview. CS2190 Spring 2010 Human-Computer Interaction: An Overview CS2190 Spring 2010 There must be a problem because What is HCI? Human-Computer interface Where people meet or come together with machines or computer-based systems

More information

SWEN 444 Human Centered Requirements and Design Project Breakdown

SWEN 444 Human Centered Requirements and Design Project Breakdown SWEN 444 Human Centered Requirements and Design Project Breakdown Team Status Reports: (starting in Week 2) Your team will report bi-weekly project status to your instructor, and as you wish, capture other

More information

User Centered Design - Maximising the Use of Portal

User Centered Design - Maximising the Use of Portal User Centered Design - Maximising the Use of Portal Sean Kelly, Certus Solutions Limited General Manager, Enterprise Web Solutions Agenda What is UCD Why User Centered Design? Certus Approach - interact

More information

3 Evaluating Interactive Systems

3 Evaluating Interactive Systems 3 Evaluating Interactive Systems Viktoria Pammer-Schindler March 23, 2015 Evaluate 1 Android Sensing Tutorial Day on April 23 Save the Date!!! Evaluate 2 Days and Topics March 11 March 16 Intro Designing

More information

Analytical evaluation

Analytical evaluation Chapter 15 Analytical evaluation 1 Aims: Describe the key concepts associated with inspection methods. Explain how to do heuristic evaluation and walkthroughs. Explain the role of analytics in evaluation.

More information

MIT GSL week 4 Wednesday. User Interfaces II

MIT GSL week 4 Wednesday. User Interfaces II MIT GSL 2018 week 4 Wednesday User Interfaces II User Centered Design Prototyping! Producing cheaper, less accurate renditions of your target interface! Essential in spiral design process, useful in later

More information

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

CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation CSE 440: Introduction to HCI User Interface Design, Prototyping, and Evaluation Lecture 12: Inspection-Based Methods James Fogarty Daniel Epstein Brad Jacobson King Xia Tuesday/Thursday 10:30 to 11:50

More information

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

Usability in Multimedia. By Pınar Koçer Aydın and Özgür Bayram Usability in Multimedia By Pınar Koçer Aydın and Özgür Bayram 1 OUTLINE: Part 1: What is usability and what it isn t Part 2: Jakob Nielsen s 10 principles Part 3: The user experience testing Part 4: Application

More information

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea

Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea Usable Privacy and Security Introduction to HCI Methods January 19, 2006 Jason Hong Notes By: Kami Vaniea Due Today: List of preferred lectures to present Due Next Week: IRB training completion certificate

More information

NUR - Prototyping & Evaluation. High Fidelity Prototyping, Usability evaluation

NUR - Prototyping & Evaluation. High Fidelity Prototyping, Usability evaluation NUR - Prototyping & Evaluation High Fidelity Prototyping, Usability evaluation User interface design - big picture Application Domain step 0 User Research user needs and requirements Problem Description

More information

NUR- Formal description/models of user interfaces. Scenarios, Storyboards, Task models

NUR- Formal description/models of user interfaces. Scenarios, Storyboards, Task models NUR- Formal description/models of user interfaces Scenarios, Storyboards, Task models System modeling Analysis of user activities Description of the course of the dialogue Application Domain step 0 User

More information

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

Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an Heuristic evaluation is a usability inspection technique developed by Jakob Nielsen. The original set of heuristics was derived empirically from an analysis of 249 usability problems (Nielsen, 1994). -Preece

More information

Interaction Design. Ruben Kruiper

Interaction Design. Ruben Kruiper Interaction Design Ruben Kruiper What do you know? What do you think Interaction Design stands for? 2 What do you expect? Interaction Design will be: Awesome Okay Boring Myself I m not a big fan... This

More information

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

UI Evaluation: Cognitive Walkthrough. CS-E5220 User Interface Construction UI Evaluation: Cognitive Walkthrough CS-E5220 User Interface Construction Usability Testing With users Usability test Without users Heuristic evaluation Cognitive walkthrough Nielsen s Ten Heuristic Rules

More information

Applying Usability to elearning

Applying Usability to elearning Applying Usability to elearning 6 December 08 John Wooden, PhD Director of Usability Services Fredrickson Communications jwooden@fredcomm.com We make information useful! About Fredrickson Communications

More information

A Heuristic Evaluation of Ohiosci.org

A Heuristic Evaluation of Ohiosci.org A Heuristic Evaluation of Ohiosci.org Executive Summary Site evaluated: Goal: Method: The Ohio Academy of Science http://www.ohiosci.org/ The goal of this heuristic evaluation is to test the overall usability

More information

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

USER INTERFACE DESIGN + PROTOTYPING + EVALUATION. Heuristic Evaluation. Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Heuristic Evaluation Prof. James A. Landay University of Washington CSE 440 February 19, 2013 Hall of Fame or Shame? Pocket By Read It Later Jan. 14-18,

More information

Heuristic Evaluation of igetyou

Heuristic Evaluation of igetyou Heuristic Evaluation of igetyou 1. Problem i get you is a social platform for people to share their own, or read and respond to others stories, with the goal of creating more understanding about living

More information

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

Heuristic Evaluation. Ananda Gunawardena. Carnegie Mellon University Computer Science Department Fall 2008 Heuristic Evaluation Ananda Gunawardena Carnegie Mellon University Computer Science Department Fall 2008 Background Heuristic evaluation is performed early in the development process to understand user

More information

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

Page 1. Ideas to windows. Lecture 7: Prototyping & Evaluation. Levels of prototyping. Progressive refinement Ideas to windows Lecture 7: Prototyping & Evaluation How do we go from ideas to windows? Prototyping... rapid initial development, sketching & testing many designs to determine the best (few?) to continue

More information

Crab Shack Kitchen Web Application

Crab Shack Kitchen Web Application Crab Shack Kitchen Web Application EVALUATION ASSIGNMENT 2 HEURISTIC EVALUATION Author: Sachin FERNANDES Graduate 8 Undergraduate Team 2 Instructor: Dr. Robert PASTEL February 16, 2016 LIST OF FIGURES

More information

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

Assignment 5 is posted! Heuristic evaluation and AB testing. Heuristic Evaluation. Thursday: AB Testing HCI and Design Topics for today Assignment 5 is posted! Heuristic evaluation and AB testing Today: Heuristic Evaluation Thursday: AB Testing Formal Usability Testing Formal usability testing in a lab:

More information

Heuristic Evaluation

Heuristic Evaluation Heuristic Evaluation For CS4760 & HU4628 Group 3 -- BAER Can Li (canli@mtu.edu) 2/17/2015 Background: The primary mission of BAER Teams is to protect lives, property and sensitive habitats from post-fire

More information

Heuristic Evaluation of Covalence

Heuristic Evaluation of Covalence Heuristic Evaluation of Covalence Evaluator #A: Selina Her Evaluator #B: Ben-han Sung Evaluator #C: Giordano Jacuzzi 1. Problem Covalence is a concept-mapping tool that links images, text, and ideas to

More information

Chapter 15: Analytical evaluation

Chapter 15: Analytical evaluation Chapter 15: Analytical evaluation Aims: Describe inspection methods. Show how heuristic evaluation can be adapted to evaluate different products. Explain how to do doing heuristic evaluation and walkthroughs.

More information

Engineering Human Computer Interaction

Engineering Human Computer Interaction Engineering Human Computer Interaction Gaëlle Calvary Professor in Computer Science Institut polytechnique de Grenoble Laboratoire d Informatique de Grenoble G. Calvary 1 Core principles G. Calvary 2 Global

More information

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

CS 160: Evaluation. Outline. Outline. Iterative Design. Preparing for a User Test. User Test CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 2/15/2006 2 Iterative Design Prototype low-fi paper, DENIM Design task analysis contextual inquiry scenarios sketching 2/15/2006 3 Evaluate

More information

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

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

More information

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

CS 160: Evaluation. Professor John Canny Spring /15/2006 1 CS 160: Evaluation Professor John Canny Spring 2006 2/15/2006 1 Outline User testing process Severity and Cost ratings Discount usability methods Heuristic evaluation HE vs. user testing 2/15/2006 2 Outline

More information

Software Development and Usability Testing

Software Development and Usability Testing Software Development and Usability Testing Shneiderman, Chapter 4 Preece et al, Ch 9, 11-15 Krug, Rocket Surgery Made Easy Rubin, Handbook of Usability Testing Norman Neilsen Group www HCI in Software

More information

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day

Curtin University School of Design. Internet Usability Design 391. Chapter 1 Introduction to Usability Design. By Joel Day Curtin University School of Design Internet Usability Design 391 Chapter 1 Introduction to Usability Design By Joel Day Internet Usability Design 391 Chapter 1: Usability Introduction Page 2 of 6 What

More information

Hyper Mesh Code analyzer

Hyper Mesh Code analyzer Hyper Mesh Code analyzer ABSTRACT Hyper Mesh Code Analyzer (HMCA) is a text based programming environment, designed for programmers to write their source code in a more organized and manageable fashion.

More information

Lecture 22: Heuristic Evaluation. UI Hall of Fame or Shame? Spring User Interface Design and Implementation 1

Lecture 22: Heuristic Evaluation. UI Hall of Fame or Shame? Spring User Interface Design and Implementation 1 Lecture 22: Heuristic Evaluation Spring 2008 6.831 User Interface Design and Implementation 1 UI Hall of Fame or Shame? From Shauni Deshmukh: Kayak.com is a website that allows people to search for flights.

More information

UX DESIGN BY JULIA MITELMAN

UX DESIGN BY JULIA MITELMAN UX DESIGN BY JULIA MITELMAN TOPICS Why should we care? Usability Heuristics It s all about Context The Visual Applied Psychology The Pursuit of Product Design WHY SHOULD WE CARE? (IT S ALWAYS THE DESIGNER

More information

iscreen Usability INTRODUCTION

iscreen Usability INTRODUCTION INTRODUCTION Context and motivation The College of IST recently installed an interactive kiosk called iscreen, designed to serve as an information resource for student/visitors to the College of IST. The

More information

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford)

CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES. Tom Horton. * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) CS3205 HCI IN SOFTWARE DEVELOPMENT PROTOTYPING STRATEGIES Tom Horton * Material from: Floryan (UVa) Klemmer (UCSD, was at Stanford) WHAT WILL WE BE TALKING ABOUT? Specific Prototyping Strategies! Low-Fidelity

More information

UX + BA. User Experience & Business Analysis. Personas. What is UX? Customer Experience Maps. BA & UX roles. BA + UX Collaboration.

UX + BA. User Experience & Business Analysis. Personas. What is UX? Customer Experience Maps. BA & UX roles. BA + UX Collaboration. July 21, 2016 What is UX? BA & UX roles Design Thinking User Research MVP Personas Customer Experience Maps BA + UX Collaboration Tools Resources UX + BA User Experience & Business Analysis Jeanne Petty

More information

NUR- Formal description/models of user interfaces. Task models

NUR- Formal description/models of user interfaces. Task models NUR- Formal description/models of user interfaces Task models User requirements Analysis of user activities (task analysis) Description of the course of the dialogue. The description will be used to the

More information

CogSysIII Lecture 9: User Modeling with GOMS

CogSysIII Lecture 9: User Modeling with GOMS CogSysIII Lecture 9: User Modeling with GOMS Human Computer Interaction Ute Schmid Applied Computer Science, University of Bamberg last change June 26, 2007 CogSysIII Lecture 9: User Modeling with GOMS

More information

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2003 Nov-6-03 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines

More information

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

THINK THE FDA DOESN T CARE ABOUT USER EXPERIENCE FOR MOBILE MEDICAL APPLICATIONS? THINK AGAIN. THINK THE FDA DOESN T CARE ABOUT USER EXPERIENCE FOR MOBILE MEDICAL APPLICATIONS? THINK AGAIN. When granting regulatory approvals for medical devices, both IEC 62366 and the FDA have emphasized the importance

More information

Heuristic Evaluation

Heuristic Evaluation Heuristic Evaluation Assignment 11: HE of Prototypes (Individual) PROBLEM PlateList is a mobile application designed to help people overcome small obstacles when trying to cook by allowing users to (1)

More information

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

Heuristic Evaluation. Hall of Fame or Shame? Hall of Fame or Shame? Hall of Fame! Heuristic Evaluation 1 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Heuristic Evaluation Prof. James A. Landay University of Washington Pocket By Read It Later 11/1/2012 2 Hall of Fame or Shame?

More information

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

1. Select/view stores based on product type/category- 2. Select/view stores based on store name- COMPETITIVE ANALYSIS Context The world of mobile computing is fast paced. There are many developers providing free and subscription based applications on websites like www.palmsource.com. Owners of portable

More information

Interaction Design DECO1200

Interaction Design DECO1200 Interaction Design DECO1200 Rob Saunders web: http://www.arch.usyd.edu.au/~rob e-mail: rob@arch.usyd.edu.au office: Room 274, Wilkinson Building Administration Lectures Thu 1000 1100 ALT 2 Thu 1400 1500

More information

User-centered design in technical communication

User-centered design in technical communication User-centered design in technical communication Information designer & information architect Sharing knowledge is better than having it. Tekom - TC Europe November 19-20, 2003 Nov. 19-20, 2003 User-centered

More information

NUR- Prototyping & Evaluation. High Fidelity Prototyping, Usability evaluation

NUR- Prototyping & Evaluation. High Fidelity Prototyping, Usability evaluation NUR- Prototyping & Evaluation High Fidelity Prototyping, Usability evaluation User interface design - big picture Application Domain step 0 User Research user needs and requirements Problem Description

More information

What is interaction design?

What is interaction design? Chapter 1 What is interaction design? 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button People do not

More information

Expert Reviews (1) Lecture 5-2: Usability Methods II. Usability Inspection Methods. Expert Reviews (2)

Expert Reviews (1) Lecture 5-2: Usability Methods II. Usability Inspection Methods. Expert Reviews (2) : Usability Methods II Heuristic Analysis Heuristics versus Testing Debate Some Common Heuristics Heuristic Evaluation Expert Reviews (1) Nielsen & Molich (1990) CHI Proceedings Based upon empirical article

More information

What is interaction design?

What is interaction design? Chapter 2 What is interaction design? 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button People do not

More information

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines

Design Principles. Overview. User-Center Design. SMD157 Human-Computer Interaction Fall User-center design Guidelines INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Design Principles SMD157 Human-Computer Interaction Fall 2005 Nov-4-05 SMD157, Human-Computer Interaction 1 L Overview User-center design Guidelines

More information

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

Evaluation in Information Visualization. An Introduction to Information Visualization Techniques for Exploring Large Database. Jing Yang Fall 2005 An Introduction to Information Visualization Techniques for Exploring Large Database Jing Yang Fall 2005 1 Evaluation in Information Visualization Class 3 2 1 Motivation What are the advantages and limitations

More information

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten

USERINTERFACE DESIGN & SIMULATION. Fjodor van Slooten USERINTERFACE DESIGN Fjodor van Slooten TODAY USERINTERFACE DESIGN -Introduction -Interaction design -Prototyping techniques -Practice Collaborative Design Challenge: Paper prototyping Heuristic evaluation

More information

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

Usability Inspection Methods. Overview. Usability Measures. SMD157 Human-Computer Interaction Fall 2003 INSTITUTIONEN FÖR SYSTEMTEKNIK LULEÅ TEKNISKA UNIVERSITET Usability Inspection Methods SMD157 Human-Computer Interaction Fall 2003 Nov-20-03 SMD157, Usability Inspection Methods 1 L Overview Usability

More information

AmI Design Process. 01QZP - Ambient intelligence. Fulvio Corno. Politecnico di Torino, 2017/2018

AmI Design Process. 01QZP - Ambient intelligence. Fulvio Corno. Politecnico di Torino, 2017/2018 AmI Design Process 01QZP - Ambient intelligence Fulvio Corno Politecnico di Torino, 2017/2018 Design Process http://dilbert.com/strips/comic/2002-02-20/ http://dilbert.com/strips/comic/2001-12-12/ 2017/2018

More information

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015

Course Outline. Department of Computing Science Faculty of Science. COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Course Outline Department of Computing Science Faculty of Science COMP 3450 Human Computer Interaction Design (3,1,0) Fall 2015 Instructor: Office: Phone/Voice Mail: E-Mail: Course Description Students

More information

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

Due on: May 12, Team Members: Arpan Bhattacharya. Collin Breslin. Thkeya Smith. INFO (Spring 2013): Human-Computer Interaction Week 6 Assignment: Heuristic Evaluation of Due on: May 12 2013 Team Members: Arpan Bhattacharya Collin Breslin Thkeya Smith INFO 608-902 (Spring 2013): Human-Computer Interaction Group 1 HE Process Overview

More information

Heuristic Evaluation of [ Quest ]

Heuristic Evaluation of [ Quest ] Heuristic Evaluation of [ Quest ] 1. Problem Quest is an app that allows you to stay involved in, participate in, and create local clubs and events happening in your community 2. Violations Found 1. [H10.

More information

HUMAN COMPUTER INTERACTION

HUMAN COMPUTER INTERACTION HUMAN COMPUTER INTERACTION 3. USABILITY AND CONCEPTUAL MODEL I-Chen Lin, National Chiao Tung University, Taiwan "One most unfortunate product is the type of engineer who does not realize that in order

More information

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

Heuristic Evaluation! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame or Shame?! Hall of Fame!! CS 147: HCI+D UI Design, Prototyping, and Evaluation, Autumn 2014 HCI+D: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Hall of Fame or Shame? Heuristic Evaluation Computer Science Department Autumn

More information

EVALUATION OF PROTOTYPES USABILITY TESTING

EVALUATION OF PROTOTYPES USABILITY TESTING EVALUATION OF PROTOTYPES USABILITY TESTING CPSC 544 FUNDAMENTALS IN DESIGNING INTERACTIVE COMPUTATION TECHNOLOGY FOR PEOPLE (HUMAN COMPUTER INTERACTION) WEEK 9 CLASS 17 Joanna McGrenere and Leila Aflatoony

More information

User Experience and Interaction Experience Design. Jaana Holvikivi, DSc. School of Applications and Business

User Experience and Interaction Experience Design. Jaana Holvikivi, DSc. School of Applications and Business User Experience and Interaction Experience Design Jaana Holvikivi, DSc. School of Applications and Business User experience 12.1.2017 Jaana Holvikivi 2 Why do people use technology and applications? Followers

More information

User Experience Design I (Interaction Design)

User Experience Design I (Interaction Design) User Experience Design I (Interaction Design) Day 3 (April 26, 2018, 9am-12pm): Usability II and Approaches to UX/IxD Recap Session (Previous lecture): Process Models, Elements and Usability 1 Bill Verplank

More information

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

Interaction Design. Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability Interaction Design Recap Session (Previous lecture April 21, 2016, 9am-12pm): Process Models, Elements and Usability 1 Recap Day 2: LMU München Medieninformatik Alexander Wiethoff Interaction Design SS2016

More information

Interaction Design. Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): 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 Interaction Design Chapter 3 (May 11, 2017, 9am-12pm): Approaches to IxD Recap Session (Previous lecture): Process Models, Elements and Usability 1 Bill Verplank http://rpmedia.ask.com/ts?u=/wikipedia/commons/thumb/9/9b/billverplank_ciid_2010.jpg/180px-billverplank_ciid_2010.jpg

More information

Designing Usable Apps

Designing Usable Apps This is a free sample excerpt from the book: Designing Usable Apps An agile approach to User Experience design Author: Kevin Matz 264 pages (softcover edition) Print edition ISBN: 978-0-9869109-0-6 E-book

More information

Interface (API) Design

Interface (API) Design Interface (API) Design Architect s Perspective R. Kuehl/J. Scott Hawker p. 1 What is an API? Exposes the public facing functionality of a software component Operations, inputs, and outputs Exposes functionality

More information

Top 10 Usability Guidelines for Blogging

Top 10 Usability Guidelines for Blogging Top 10 Usability Guidelines for Blogging Hi, my name is Brian Sullivan. @bigdesign @BrianKSullivan #UXblog My Friends and I run the Big Design Conference. Nathan Shedroff Todd Zaki Warfell Chris Fowler

More information

Users and Usability Principles

Users and Usability Principles Users and Usability Principles CS 4640 Programming Languages for Web Applications [Jakob Nielsen and Hoa Loranger, Prioritizing Web Usability ] [Nielsen Norman Group, https://www.nngroup.com/articles/usability-101-introduction-to-usability/]

More information

IPM 10/11 T1.6 Discount Evaluation Methods

IPM 10/11 T1.6 Discount Evaluation Methods IPM 10/11 T1.6 Discount Evaluation Methods Licenciatura em Ciência de Computadores Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg

More information

Assistant Professor Computer Science. Introduction to Human-Computer Interaction

Assistant Professor Computer Science. Introduction to Human-Computer Interaction CMSC434 Introduction to Human-Computer Interaction Week 12 Lecture 24 Nov 21, 2013 Intro to Evaluation Human Computer Interaction Laboratory @jonfroehlich Assistant Professor Computer Science Hall of Fame

More information

Human-Computer Interaction IS4300

Human-Computer Interaction IS4300 Human-Computer Interaction IS4300 1 Designing for the Web Stone Ch 17 + J. Lazar et al, HCI Handbook 1 Today Stone Chapter J. Lazar et al, HCI Handbook Testing tools & surveys Nielsen s Top 10 Mistakes

More information

Mobile Usability & Design. March 2015

Mobile Usability & Design. March 2015 Mobile Usability & Design March 2015 Lochbridge Digital & User Experience Studio With over 30+ years of collective UX/UI experience the team has created designs for many of the most respected organizations

More information

What is interaction design?

What is interaction design? Lecture 1 What is interaction design? Mohammad Smadi 1 Bad designs Elevator controls and labels on the bottom row all look the same, so it is easy to push a label by mistake instead of a control button

More information

Lecture 14: Heuristic Evaluation. Fall UI Design and Implementation 1

Lecture 14: Heuristic Evaluation. Fall UI Design and Implementation 1 Lecture 14: Heuristic Evaluation Fall 2006 6.831 UI Design and Implementation 1 1 UI Hall of Fame or Shame? Fall 2006 6.831 UI Design and Implementation 2 The next version of Microsoft Office (Office 2007)

More information