3 Prototyping and Iterative Evaluations

Size: px
Start display at page:

Download "3 Prototyping and Iterative Evaluations"

Transcription

1 3 Prototyping and Iterative Evaluations Viktoria Pammer-Schindler March 15, 2016 Prototyping and Iterative Evaluations 1

2 Days and Topics March 1 March 8 March 15 April 12 April 19/21 April 26 (10-13) April 28 (9-14) May 3 May 10 Administrative Stuff, Intro to Designing Interactive Systems Understanding Context of Use Assignment 1 Handed Out Prototyping and Iterative Evaluations Assignment 1 Deadline (before/in lecture) Assignment 2 Handed Out Participatory Design (Theory and Workshop) Assignment 2 Interviews with Tutor (throughout the day) (maybe guest lecture on April 21, lecture on April 19 will be cancelled) Evaluations Workshop (Cognitive Walkthrough, Observation and post-hoc discussion of prototypes Assignment 3) Assignment 4 Handed Out Android Sensing / Context-Aware Interactive Systems Tutorial Day (different room) Ubiquitous Computing, particularly Ubiquitous User Interfaces Questions on Programming to Tutor May 24 (10-13) Presentations 1 (Assignment 4) May 31 (10-13) Presentations 2 (Assignment 4) Prototyping and Iterative Evaluations 2

3 Recap 1. What do you need to plan for in an observation / semi-structured interview? a. Objective and entities of interest b. Cooperation with participants c. Data collection d. Interview guideline with key questions (for the interview) Prototyping and Iterative Evaluations 3

4 Recap 2. What are the five perspectives of an activity that contextual design is interested in for work modelling? a. Sequence and intents (sequence model) b. Interaction and coordination (flow model) c. Rules and policies governing behaviour (cultural model) d. Physical space of activity (physical model) e. Artefacts of relevancde (artefact model) Prototyping and Iterative Evaluations 4

5 Forward So, you observed and interviewed key users and have now some solution ideas which are so cool that you immediately want to implement them and try them out. If you do this, you might spend months fine-tuning your functionality then trying to sell this to your target users only to find out that for a long list of reasons users don t like your solution. Prototyping and Iterative Evaluations 5

6 Today Prototyping Key Concepts and a few tricks Iterative Evaluations we focus on early, informal evaluations that help you mature your solution ideas Prototyping and Iterative Evaluations 6

7 Learning Goals After today s lecture you should 1. Know about different kinds of prototypes 2. Know about different kinds of evaluations that are useful in UCD 3. Know and understand in principle the methods cognitive walkthrough and heuristic evaluation (will be practiced in Assignment 3 after Easter) After today s assignment you should 1. Be able to represent the key problem (pain point) that your system will solve in a storyboard 2. Be able to represent the measure of success for your system in a storyboard 3. Be able to develop prototypes Prototyping and Iterative Evaluations 7

8 Analyse Evaluate Design/ Implement DESIGN Prototyping and Iterative Evaluations 8

9 Prototyping Easier (for users + designers) to critique existing designs than to immediately think up a good one. Early prototypes - low fidelity Many! Different! Throw away! Evolutionary prototypes - from low to high fidelity Slowly develop into a final product Don t start too early Prototyping and Iterative Evaluations 9

10 Prototyping Horizontal prototypes: Capture all of system/product, but not in depth Vertical prototypes: Go in depth w.r.t. a specific functionality / aspect, but don t cover the whole system/product Prototyping and Iterative Evaluations 10

11 Focus Low-Fidelity Prototypes Sequence of actions (both of user and system) Content Insert into earlier, visionary storyboards Implementation: Paper: Hand-drawn Interactivity: Create multiple layers of content with sticky notes, plastic overlays Wireframes more detailed issues like layout come into focus Prototyping and Iterative Evaluations 11

12 Prototyping and Iterative Evaluations 12

13 Prototyping and Iterative Evaluations 13

14 Prototyping and Iterative Evaluations 14

15 Tutorials / Manuals Write a tutorial before implementing the system Explain and illustrate key steps Can also walkthrough a tutorial with users to check understanding / questions they would have before buying target system Prototyping and Iterative Evaluations 15

16 Prototyping with a Computer Simulate or animate parts of the system Depending on used technology may be the start of evolutionary prototyping Take longer to implement than no-coding low-fidelity prototypes Stakeholders may already think this is for real Fundamental flaws may be hard to detect BUT useful for testing more complex functionality (e.g., Wizard of Oz evaluations) Prototyping and Iterative Evaluations 16

17 High-fidelity prototypes For stakeholders, high-fidelity prototypes may be undistinguishable from the real thing Prototyping and Iterative Evaluations 17

18 So, what are high-fidelity prototypes missing? Full integration with other information systems Convenience functionalities (e.g., import from different filetypes ) Working on multiple platforms Assuming for all these that they are not key functionalities integral to user oriented evaluations! Prototyping and Iterative Evaluations 18

19 Create prototypes Evaluate prototypes How to use Prototypes a lot with users in the beginning of the process, to make sure that you got the problem, the task, the language etc. right (informal, interactive mixed design/evaluate processes) A lot with experts as your design matures, to capture usability problems use experts to save users time, use experts to systematically capture design problems based on experts experience A lot with users again throughout the rest of the process to make sure that your development efforts have the right prioritisation Prototyping and Iterative Evaluations 19

20 Analyse Evaluate Design/ Implement EVALUATE Prototyping and Iterative Evaluations 20

21 Evaluation Goals Does system match user needs? Which needs to what extent (different kinds of requirement on functionality or qualities of system) Which users/stakeholders Which effects does system have on stakeholders? On user s cognitive or work processes? On organisational processes? On key peformance indicators Prototyping and Iterative Evaluations 21

22 Evaluation Goals Formative evaluations Identify directions for ongoing/future development Summative evaluation Make a stmt about extent of match Prototyping and Iterative Evaluations 22

23 Types of Evaluations Over time, evaluations get more formal and extensive. Expert Evaluations (no users) Save on evaluations by reviewing literature! Cognitive Walkthrough Heuristic Evaluations Model-based Evaluations Evaluating with Users Observations (Thinking aloud, protocol analysis, post-task walkthrough) Experiments (most often: control group vs. intervention group) Query-based (Interview, questionnaire) This can be very powerful. Just grab a study colleague that does not go to this course, show him/her your prototype, give him/her a task, and observe/lislten to your friend trying to figure out what to do! (Read up in Nielsen s Thinking Aloud Link on Last Slide) Prototyping and Iterative Evaluations 23

24 Cognitive Walkthrough Goal: Figure out learnability what prior knowledge do users need to have, over what can be explored within a system You need A prototype system (whatever the quality/maturity) A task that the user shall perform E.g.: Specify that you need to see your boss asap. A detailed list of actions the user needs to carry out to achieve the task with the prototype system An indication of what prior, relevant, experience the user has Prototyping and Iterative Evaluations 24

25 Cognitive Walkthrough At each action, ask 1. Does the effect of the user s interaction with the system match the goal of the action? 2. Does the user see that an action is available? (Recognition, Match betw. System and real world, consistency) 3. Can the user recognize that the action is the right one? (Recognition) 4. After action, can the user understand the system s feedback? (Visibility, Help in recovering from errors) Prototyping and Iterative Evaluations 25

26 Example Cognitive Walkthrough Prototyping and Iterative Evaluations 26

27 Heuristic Evaluation Goal: Systematically figure out usability problems based on rules-of-thumb You need A prototype system (whatever the quality/maturity) Option: A task that the user shall perform E.g.: Specify that you need to see your boss asap. List of heuristics Prototyping and Iterative Evaluations 27

28 1. Visibility of system status Heuristics 2. Match between system and 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 minimalistic design 9. Help users recognize, diagnose and recover from errors 10. Help and documentation Prototyping and Iterative Evaluations 28

29 Example Heuristic Evaluation Prototyping and Iterative Evaluations 29

30 Expert-based Evaluations Use multiple experts Once you understand the methods Vary the questions in cognitive walkthrough For instance, simplify to: Will users see what they need to do? If the user does the right thing, will he know it? Try to insert user actions into the walkthrough that correspond to common errors, like pressing a button multiple times, the network connection failing, etc. Prototyping and Iterative Evaluations 30

31 Readings Recommended Reading Nielsen 1995, Ten Usability Heuristics for Design: Further Readings Nielsen 2012, Thinking Aloud: usability-tool/ Rohrer 2014, When to Use Which User Evaluation: Prototyping and Iterative Evaluations 31

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

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

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

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

User Centered Design And Prototyping

User Centered Design And Prototyping User Centered Design And Prototyping Why User Centered Design is important Approaches to User Centered Design Rapid prototype techniques The Design Of Well Crafted Tools The All Too Common Approach In

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

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

Sri Vidya College of Engineering & Technology Question bank (unit 2) UNIT 2 TWO MARKS UNIT 2 TWO MARKS 1. What is design? Achieving goals within constraints. The design helps to focus on certain things like goals, constraints and tradeoffs Goals purpose (who is it for, why do they want

More information

Overview of the course. User-Centred Design. Group. Practical issue. Writting the report. Project work. Fang Chen

Overview of the course. User-Centred Design. Group. Practical issue. Writting the report. Project work. Fang Chen Overview of the course User-Centred Design Fang Chen 6 lectures, 3 hr each. L 1: April 6, 9-12, user-centered design concept L2: April 14, 9-12, usability concept L3. user-centered requirement study L4.

More information

Human Computer Interaction Lecture 14. HCI in Software Process. HCI in the software process

Human Computer Interaction Lecture 14. HCI in Software Process. HCI in the software process Human Computer Interaction Lecture 14 HCI in Software Process HCI in the software process Software engineering and the design process for interactive systems Usability engineering Iterative design and

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 Lecture 06 [ HCI in Software Process ] HCI in the software process

Human Computer Interaction Lecture 06 [ HCI in Software Process ] HCI in the software process Human Computer Interaction Lecture 06 [ HCI in Software Process ] Imran Ihsan Assistant Professor www.imranihsan.com aucs.imranihsan.com HCI06 - HCI in Software Process 1 HCI in the software process Software

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

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

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

CS 315 Intro to Human Computer Interaction (HCI)

CS 315 Intro to Human Computer Interaction (HCI) 1 CS 315 Intro to Human Computer Interaction (HCI) 2 3 Acceptance Tests Set goals for performance Objective Measurable Examples Mean time between failures (e.g. MOSI) Test cases Response time requirements

More information

HCI in the software process

HCI in the software process chapter 6 HCI in the software process HCI in the software process Software engineering and the process for interactive systems Usability engineering Iterative and prototyping Design rationale the software

More information

HCI in the software. chapter 6. HCI in the software process. The waterfall model. the software lifecycle

HCI in the software. chapter 6. HCI in the software process. The waterfall model. the software lifecycle HCI in the software process chapter 6 HCI in the software process Software engineering and the process for interactive systems Usability engineering Iterative and prototyping Design rationale the software

More information

Human-Computer Interaction. CA357 Lecture 7 More on Prototyping

Human-Computer Interaction. CA357 Lecture 7 More on Prototyping Human-Computer Interaction CA357 Lecture 7 More on Prototyping Overview By the end of the session, you should be aware of: Design Importance of prototyping Low fidelity vs High fidelity prototyping Why

More information

What is a prototype?

What is a prototype? analysis of stakeholders, field studies ANALYZE Problem scenarios claims about current practice metaphors, information technology, HCI theory, guidelines DESIGN Activity scenarios Information scenarios

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

Methods: Deciding What To Design

Methods: Deciding What To Design Methods: Deciding What To Design Usability 3 Evaluation Licínio Roque lir@dei.uc.pt Founded 1297 AC Licínio Roque PhD in Information Systems Development Methodology Research in Interaction Design, Digital

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

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

EVALUATION OF PROTOTYPES USABILITY TESTING

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

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

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

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

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

Implementing Games User Research Processes Throughout Development: Beyond Playtesting

Implementing Games User Research Processes Throughout Development: Beyond Playtesting Implementing Games User Research Processes Throughout Development: Beyond Playtesting Graham McAllister Founder, Player Research @grmcall Introduction Founder - Player Research, a User Research studio

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

What is a prototype?

What is a prototype? Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity

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

Projects. Quiz #2. Projects. Projects. Reading Assignment #3. Projects. What is the purpose of Marissa s Gravity Project?

Projects. Quiz #2. Projects. Projects. Reading Assignment #3. Projects. What is the purpose of Marissa s Gravity Project? Quiz #2 What is the purpose of Marissa s Gravity Project? Write one tradeoff in usability engineering. Projects Project Phase 1 reports due on Oct. 25 Phase 1: team formation & topic choice, understanding

More information

What is a prototype?

What is a prototype? Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity

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

Programmiersprache C++ Winter 2005 Operator overloading (48)

Programmiersprache C++ Winter 2005 Operator overloading (48) Evaluation Methods Different methods When the evaluation is done How the evaluation is done By whom the evaluation is done Programmiersprache C++ Winter 2005 Operator overloading (48) When the evaluation

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

User Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017

User Centered Design Process. Prototyping II. What is a prototype? Prototyping phases Oct 11, 2017 User Centered Design Process Prototyping II Oct 11, 2017 Produce something tangible Identify challenges Uncover subtleties 2 What is a prototype? A prototype is defined less by form, and more by its function:

More information

Design, prototyping and construction

Design, prototyping and construction Overview Design, prototyping and construction Prototyping and construction Conceptual design Physical design Generating prototypes Tool support What is a prototype? Why prototype? A prototype is a small-scale

More information

Design, Ideation, and Prototyping

Design, Ideation, and Prototyping Design, Ideation, and Prototyping Why User Centered Design is important How Prototyping helps User Centered Design System Centered Design System Centered Design What can be built easily on this platform?

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

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

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

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

SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV

SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 1 SOFTWARE REQUIREMENTS ENGINEERING LECTURE # 7 TEAM SKILL 2: UNDERSTANDING USER AND STAKEHOLDER NEEDS REQUIREMENT ELICITATION TECHNIQUES-IV 12 th June, 2013 Instructor Information 2 Course Instructor:

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

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

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

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard.

Assignments. Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. HCI and Design Assignments Assignment 2 is due TODAY, 11:59pm! Submit one per pair on Blackboard. Today Paper prototyping An essential tool in your design toolbox! How do we design things that actually

More information

interaction design Thanks to JoEllen Kames

interaction design Thanks to JoEllen Kames 1 interaction design Thanks to JoEllen Kames Motorola Mobility Consumer experience Design for presenting earlier versions of these slides in our on-campus version of this course before we start a word

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

Choosing the Right Usability Tool (the right technique for the right problem)

Choosing the Right Usability Tool (the right technique for the right problem) Choosing the Right Usability Tool (the right technique for the right problem) User Friendly 2005 December 18, Shanghai Whitney Quesenbery Whitney Interactive Design www.wqusability.com Daniel Szuc Apogee

More information

Design, prototyping and construction

Design, prototyping and construction Chapter 11 Design, prototyping and construction 1 Overview Prototyping and construction Conceptual design Physical design Generating prototypes Support for design 2 Prototyping and construction What is

More information

LECTURE 11 USABILITY -PROTOTYPING

LECTURE 11 USABILITY -PROTOTYPING October 13th 2014 LECTURE 11 USABILITY -PROTOTYPING 1 Recapitulation Lecture #10 Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design

More information

Recapitulation Lecture #10 LECTURE 11 USABILITY - PROTOTYPING. Waterfall with iteration. Example: Cognitive Task Analysis

Recapitulation Lecture #10 LECTURE 11 USABILITY - PROTOTYPING. Waterfall with iteration. Example: Cognitive Task Analysis Recapitulation Lecture #10 October 13th 2014 LECTURE 11 USABILITY - PROTOTYPING Tool box for HCI Task Analysis Cognitive techniques GOMS/CCT ERMIA CWA Dialogue Analysis-Design Color/Text Analysis-Design

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

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system

2/18/2009. Introducing Interactive Systems Design and Evaluation: Usability and Users First. Outlines. What is an interactive system Introducing Interactive Systems Design and Evaluation: Usability and Users First Ahmed Seffah Human-Centered Software Engineering Group Department of Computer Science and Software Engineering Concordia

More information

What is a prototype?

What is a prototype? Prototyping Unit 4 Learning outcomes Understand the uses of different types of prototypes for different kinds/stages of design and be able to choose appropriately Know the basic techniques for low-fidelity

More information

Concepts of user-centered design

Concepts of user-centered design Lecture 1 Concepts of user-centered design What is UCD? Primary goad: making products usable Is there any difference? Usable Usefulness Usability Why important? Increased productivity Reduced errors Reduced

More information

Prototyping. Oct 3, 2016

Prototyping. Oct 3, 2016 Prototyping Oct 3, 2016 Announcements A1 marks available A2 due Wednesday Questions? What is a prototype? In interaction design a prototype can be (among other things): a series of screen sketches a storyboard,

More information

COSC 341 Human Computer Interaction. Dr. Bowen Hui University of British Columbia Okanagan

COSC 341 Human Computer Interaction. Dr. Bowen Hui University of British Columbia Okanagan COSC 341 Human Computer Interaction Dr. Bowen Hui University of British Columbia Okanagan 1 Recall: Learning About Your User Common ways to elicit user feedback: Interviews Focus groups Expert reviews

More information

Concepts of Usability. Usability Testing. Usability concept ISO/IS What is context? What is context? What is usability? How to measure it?

Concepts of Usability. Usability Testing. Usability concept ISO/IS What is context? What is context? What is usability? How to measure it? Concepts of Usability Usability Testing What is usability? How to measure it? Fang Chen ISO/IS 9241 Usability concept The extent to which a product can be used by specified users to achieve specified goals

More information

A new interaction evaluation framework for digital libraries

A new interaction evaluation framework for digital libraries A new interaction evaluation framework for digital libraries G. Tsakonas, S. Kapidakis, C. Papatheodorou {gtsak, sarantos, papatheodor} @ionio.gr DELOS Workshop on the Evaluation of Digital Libraries Department

More information

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

Nektarios Kostaras, Mixalis Xenos. Hellenic Open University, School of Sciences & Technology, Patras, Greece Kostaras N., Xenos M., Assessing Educational Web-site Usability using Heuristic Evaluation Rules, 11th Panhellenic Conference on Informatics with international participation, Vol. B, pp. 543-550, 18-20

More information

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

Usability & User Centered Design. SWE 432, Fall 2018 Design and Implementation of Software for the Web Usability & User Centered Design SWE 432, Fall 2018 Design and Implementation of Software for the Web Review: Mental models Only single temperature sensor. Controls not independent, need to adjust both.

More information

CS6008-HUMAN COMPUTER INTERACTION Question Bank

CS6008-HUMAN COMPUTER INTERACTION Question Bank CS6008-HUMAN COMPUTER INTERACTION Question Bank UNIT I FOUNDATIONS OF HCI PART A 1. What is HCI? 2. Who is involved in HCI. 3. What are the 5 major senses? 4. List the parts of human Eye. 5. What is meant

More information

Evaluation techniques 1

Evaluation techniques 1 IMS5302 Human-computer interaction Lecture 6 Other Evaluation Techniques Overview Other evaluation methods Expert reviews Field studies Developing scenarios Selecting an evaluation method IMS5302 2 Scenarios

More information

Evaluation techniques 1

Evaluation techniques 1 IMS5302 Human- computer interaction Lecture 6 Other Evaluation Techniques Overview Other evaluation methods Expert reviews Field studies Developing scenarios Selecting an evaluation method IMS5302 2 Scenarios

More information

Service design: the next-generation of experience design. Steve Kato-Spyrou UX Manager John Lewis

Service design: the next-generation of experience design. Steve Kato-Spyrou UX Manager John Lewis Service design: the next-generation of experience design Steve Kato-Spyrou UX Manager John Lewis What the talk is about Theory of service design Fitting service design into design thinking, lean and agile

More information

Human Computer Interaction - An Introduction

Human Computer Interaction - An Introduction NPTEL Course on Human Computer Interaction - An Introduction Dr. Pradeep Yammiyavar Professor, Dept. of Design, IIT Guwahati, Assam, India Dr. Samit Bhattacharya Assistant Professor, Dept. of Computer

More information

Prototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD

Prototyping. Unit 5. Zeno Menestrina, MSc Prof. Antonella De Angeli, PhD Prototyping Unit 5 Zeno Menestrina, MSc zeno.menestrina@unitn.it Prof. Antonella De Angeli, PhD antonella.deangeli@unitn.it Assessment Pervasive game to support social life in/from the campus 2 Assessment

More information

UC Irvine Law Library Website Usability Project Initial Presentation

UC Irvine Law Library Website Usability Project Initial Presentation UC Irvine Law Library Website Usability Project Initial Presentation Informatics 132 Prof. Alfred Kobsa Spring 2011 April 18, 2011 Group Members Julie Darwish Michelle Houang Marcel Pufal Ryan Wade Law

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

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013!

h(p://ihm.tumblr.com/post/ /word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction ! January 31, 2013! h(p://ihm.tumblr.com/post/105778492/word- cloud- for- hci- human- computer- interacbon CS5340 Human-Computer Interaction January 31, 2013 Today s Class Administrivia User-centered Design Establishing Requirements

More information

IPM 15/16 T2.1 Prototyping

IPM 15/16 T2.1 Prototyping IPM 15/16 T2.1 Prototyping Miguel Tavares Coimbra Acknowledgements: Most of this course is based on the excellent course offered by Prof. Kellogg Booth at the British Columbia University, Vancouver, Canada.

More information

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

Übung zur Vorlesung Mensch-Maschine-Interaktion. e5: Heuristic Evaluation Übung zur Vorlesung Mensch-Maschine-Interaktion e5: Heuristic Evaluation Sara Streng Ludwig-Maximilians-Universität München Wintersemester 2007/2008 Ludwig-Maximilians-Universität München Sara Streng Übung

More information

CSE 118 Introduction to Design

CSE 118 Introduction to Design CSE 118 Introduction to Design Mini Quiz Week 5/6 http://bit.ly/cse118-2lakh What is Design? What is Design? DESIGN IS A PROCESS... 8 Human-Centered Design Design Methods Principles of Human-Centered

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

Addition about Prototypes

Addition about Prototypes Vorlesung Mensch-Maschine-Interaktion Evaluation Ludwig-Maximilians-Universität München LFE Medieninformatik Heinrich Hußmann & Albrecht Schmidt WS2003/2004 http://www.medien.informatik.uni-muenchen.de/

More information

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY

NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY NADAR SARASWATHI COLLEGE OF ENGINEERING & TECHNOLOGY DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING EIGHTH SEMESTER QUESTION BANK CS6008 -HUMAN COMPUTER INTERACTION UNIT I FOUNDATIONS OF HCI The Human:

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

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

Seng310 Lecture 8. Prototyping

Seng310 Lecture 8. Prototyping Seng310 Lecture 8. Prototyping Course announcements Deadlines Individual assignment (extended) deadline: today (June 7) 8:00 am by email User testing summary for paper prototype testing- Thursday June

More information

HCI Research Methods

HCI Research Methods HCI Research Methods Ben Shneiderman ben@cs.umd.edu Founding Director (1983-2000), Human-Computer Interaction Lab Professor, Department of Computer Science Member, Institute for Advanced Computer Studies

More information

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May

Lecture 6. Design (3) CENG 412-Human Factors in Engineering May Lecture 6. Design (3) CENG 412-Human Factors in Engineering May 28 2009 1 Outline Prototyping techniques: - Paper prototype - Computer prototype - Wizard of Oz Reading: Wickens pp. 50-57 Marc Rettig: Prototyping

More information

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

Interaction Design. Human-Computer. COGS120/CSE170 - Intro. HCI. Instructor: Philip Guo. Week 3 - Heuristic Evaluation ( ) Human-Computer Interaction Design COGS120/CSE170 - Intro. HCI Instructor: Philip Guo Week 3 - Heuristic Evaluation (2016-10-11) some slides adapted from Scott Klemmer s Intro. HCI course Learning Objective

More information

Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3)

Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3) Business Analysis for Practitioners - Requirements Elicitation and Analysis (Domain 3) COURSE STRUCTURE Introduction to Business Analysis Module 1 Needs Assessment Module 2 Business Analysis Planning Module

More information

Software Engineering

Software Engineering Software Engineering 0 Software design process or life cycle called Software Engineering 0 that addresses the management and technical issues of the development of software systems. 0 The software life

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

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994.

Prototyping. Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. Prototyping Readings: Dix et al: Chapter 5.8 Marc Rettig: Prototyping for tiny fingers, Communications of the ACM, April 1994. 1 What is prototyping? producing cheaper, less accurate renditions of your

More information

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

NUR - Introduction to HCI. Big picture, design process, UCD, UI issues NUR - Introduction to HCI Big picture, design process, UCD, UI issues Contacts Zdeněk Míkovec xmikovec@fel.cvut.cz K321 Jan Balata balatjan@fel.cvut.cz K411 Miroslav Macík macikmir@fel.cvut.cz K411 consultation

More information

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

User-Centered Design. SWE 432, Fall 2017 Design and Implementation of Software for the Web User-Centered Design SWE 432, Fall 2017 Design and Implementation of Software for the Web In class exercise As you come in and take a seat Write down at least 3 characteristics that makes something usable

More information

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques 8 Evaluation 8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques Ludwig-Maximilians-Universität München Prof. Hußmann Mensch-Maschine-Interaktion

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

CS Human Computer Interaction

CS Human Computer Interaction Part A 1. Define HCI CS6008 - Human Computer Interaction UNIT-I Question Bank FOUNDATIONS OF HCI 2. What are the basic requirements of an Successful Interactive System? 3. What is STM & LTM? 4. List out

More information

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques

8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques 8 Evaluation 8.1 Goals of Evaluation 8.2 Analytic Evaluation 8.3 Empirical Evaluation 8.4 Comparing and Choosing Evaluation Techniques Ludwig-Maximilians-Universität München Prof. Hußmann Mensch-Maschine-Interaktion

More information

The process of interaction design and Prototyping

The process of interaction design and Prototyping Chapter 6 edited The process of interaction design and Prototyping 1 Overview What is involved in Interaction Design? Importance of involving users Degrees of user involvement What is a user-centered approach?

More information

CS/ISE 5714 Spring 2013

CS/ISE 5714 Spring 2013 CS/ISE 5714 Spring 2013 Chapter 11. Prototyping Chapter 10. UX Goals, Metrics, Targets Introduction A way to evaluate design before it s too late and too expensive Copyright MKP. All rights reserved. 2

More information

Web Usability. Understanding the User in your Web Site Audience September 21, 2001 Northwest OH Chapter - PRSA Keith Instone

Web Usability. Understanding the User in your Web Site Audience September 21, 2001 Northwest OH Chapter - PRSA Keith Instone Web Usability Understanding the User in your Web Site Audience September 21, 2001 Northwest OH Chapter - PRSA Keith Instone keith@instone.org http://keith.instone.org/ http://usableweb.com/ About Me Web

More information

Introducing Evaluation

Introducing Evaluation Chapter 12 Introducing Evaluation 1 The aims Explain the key concepts used in evaluation. Introduce different evaluation methods. Show how different methods are used for different purposes at different

More information