Lecture 3: User Centered Design. February 1

Similar documents
Lecture 5: Generating Designs. February 15

This quiz is closed book, closed notes. You have 80 minutes to complete it. Your name:

Spring 2009 CMSC 434 Introduction to Human Computer Interaction

COMP6471 WINTER User-Centered Design

Systems Analysis and Design

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

Validating customer demand

Human-Computer Interaction Design

Responsive Redesign dispatch.com 10tv.com thisweeknews.com

3 Evaluating Interactive Systems

CS 3110 Lecture 1 Course Overview

CS160: User Interface Design. Maneesh Agrawala & Björn Hartmann, Spring Berkeley UNIVERSITY OF CALIFORNIA

MOBILE APPLICATIONS OVERVIEW. 21W.789 CLASS 1 Frank Bentley

CSE 118 Introduction to Design

Lecture 20: Future trends in mobile computing. Mythili Vutukuru CS 653 Spring 2014 April 7, Monday

Product Requirements Document Boundless Workspace

meetchewthere Low-Fi Prototypes and Usability Testing Presented By: Senthil V.

Integrating User-Centered Design into the Web Application Process

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

1.0 INTERACTION DESIGN WHAT IS IT?

Lecture 2: User-Centered Design. Fall UI Design and Implementation 1

3 Prototyping and Iterative Evaluations

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

Lecture 2: User-Centered Design. Fall UI Design and Implementation 1

The COS 333 Project. Robert M. Dondero, Ph.D. Princeton University

Technology Terms for 2017

CIS 194: Homework 5. Due Monday, 18 February. Expressions. (2 + 3) 4 would be represented by the value

Lecture Notes CPSC 491 (Fall 2018) Topics. Peer evals. UI Sketches. Homework. Quiz 4 next Tues. HW5 out. S. Bowers 1 of 11

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

User-Centered Development

The Advantages of a ready-to-go Intranet

dt+ux Design Thinking for User Experience Design, Prototyping & Evaluation Autumn 2016 Prof. James A. Landay Stanford University

User Experience. How to Thrive (Not Just Survive) in the Industry

WELCOME FOLKS VIVA USABILITY

Carleton University Department of Systems and Computer Engineering SYSC Foundations of Imperative Programming - Winter 2012

Usability Tests and Heuristic Reviews Planning and Estimation Worksheets

Addition about Prototypes

USERS & STAKEHOLDERS. Lesson 2 Users and Stakeholders

Lecture 2: Usability. January 27

Software Prototyping Animating and demonstrating system requirements. Uses of System Prototypes. Prototyping Benefits

Design, prototyping and construction

Specifying and Prototyping

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

Mobile Apps Why & How

The Role of User U. Centered Design Process in Understanding Users. Andrea F. Kravetz VP User Centered Design Elsevier August 2005

Software Design Models, Tools & Processes. Lecture 6: Transition Phase Cecilia Mascolo

Best of SharePoint Sites and Communities

9/15/2009. Objectives. Part I: Organizational Issues. Joel Test: 12 Steps to better code. Joel Test: 12 Steps to better code

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

Lecture 5. Design (1) CENG 412-Human Factors in Engineering May

ECE 353 Lab 3. MIDI Note Number Display. Lab Info. Electrical and Computer Engineering

Approaches for Auditing Software Vendors

Design, prototyping and construction

Mastering Xcode for iphone OS Development Part 1. Todd Fernandez Sr. Manager, IDEs

Senior Design - Spring 2014 EE/CpE 424. Class 2 3/4/14

Course Microsoft Dynamics 365 Customization and Configuration with Visual Development (CRM)

Topic 01. Software Engineering, Web Engineering, agile methodologies.

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

Mobile Applications. Cincinnati Tech Summit October 28, 2015

Department of Digital Media Handbook. Projected Schedule

Usability. CSE 331 Spring Slides originally from Robert Miller

What is a prototype?

Design Iteration: From Evidence to Design. Slides originally by: Dick Henneman

SEGUE DISCOVERY PARTICIPATION IN DISCOVERY DISCOVERY DELIVERABLES. Discovery

CS102 Software Engineering Principles

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

03 Usability Engineering

Software Engineering Lifecycles. Controlling Complexity

Announcements. Usability. Based on material by Michael Ernst, University of Washington. Outline. User Interface Hall of Shame

CS 1301 Individual Homework 3 Conditionals & Loops Due: Monday February 8 th before 11:55pm Out of 100 points

COMP390 (Design &) Implementation

The Process of Interaction Design DECO1200

What is a prototype?

Verification, Testing, and Bugs

COMP390 (Design &) Implementation

Agile Development

Homework Set 2. A brief discussion

What is a prototype?

EVALUATION OF PROTOTYPES USABILITY TESTING

Evaluation studies: From controlled to natural settings

MAKING YOUR GATEWAY EASY AND PLEASANT TO USE

MIT GSL week 4 Wednesday. User Interfaces II

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

LECTURE 11 USABILITY -PROTOTYPING

Agile Software Development Agile UX Work. Kati Kuusinen TUT / Pervasive / IHTE

Lecture 7: Software Processes. Refresher: Software Always Evolves

Design Heuristics and Evaluation

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

Which tools should you use to design? DESIGN FUNDAMENTALS

Foundation Level Syllabus Usability Tester Sample Exam

User Interface Software Projects

CS193D Handout 15 Winter 2005/2006 February 8, 2006 Software Engineering Methodologies and XP. See also: Chapter 6. The Stagewise Model

Human Computer Interaction - An Introduction

CS 320 Introduction to Software Engineering Spring February 06, 2017

CS 520 Theory and Practice of Software Engineering Fall 2018

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

Become Berlin s. Company Intro & Prott Session for HS Augsburg - Fakultät Gestaltung #1 Product Studio. Monday, Dec 12, 2016 goodpatch.

.io. How to use WeAlert.io in your neighbourhood QUICK GUIDE WEALERT-APP

C02: Overview of Software Development and Java

Human Computer Interaction (HCI, HCC)

Transcription:

Lecture 3: User Centered February 1 1

Recap Five Usability Attributes 2

Recap Five Usability Attributes Learnability Efficiency Memory Few errors Satisfaction 3

Wiki vs. Forum Users? Tasks? Usability comparison? 4

Homework: Evaluation 1 Due next Monday (Feb. 8) beginning of the class Evaluate the website you visit the most often, as you said in Homework 0 Focus on the five usability attributes (about 100 words each) Add a H1 section for this homework and an H2 section for each usability attribute Make sure the link on the People page is working 5

Project: Team Assignment Due next Monday (Feb. 8) beginning of the class Choose the project themes you are interested Add your name to the list Team assignment will be randomly determined unless you already have a team 6

Micro Homework 1 Due next Monday (Feb. 8) beginning of the class 10 Micro Homework Assignments 0.5% each Easy 7

Lecture 3: User Centered February 1 8

Three principles of UCD 1. Early focus on users and tasks 2. Iterative design with prototypes 3. Empirical measurement on prototypes 9

Why build an UI? Computerize a logistical process E.g., inventory control, restaurant Upgrade an outdated UI E.g., Terminal to Web1.0 to Web 2.0 Expect some people will use it E.g., dot.com, iphone app Apply a novel technology Software: sentiment analysis Hardware: gyroscope 10

1984 Summer Olympics 11

Needs Athletes want to receive support from families and friends who are far away Athletes want to talk to other athletes in other villages 12

Solution: Olympic Message System 13

Challenges 10,000 Olympic athletes Many family members and friends 50 different languages No cell phones Many with no experience with computers Some with no experience with push button phone 14

Things at stake Everyone is watching No delay No second chance Subject to sabotage and abuse 15

Hard to train Hard to run training classes since the campus is large Impossible to train non-olympian callers 16

process Ran scenarios with the Olympic committee Wrote user guides Lab live simulations Consulted with ex-olympian Tested on friends and families Tested on users oversea Hallway Prototype Crash test Pre-Olympic field test 17

Benefits of UCD they found Prevented well-intended but counterproductive changes from bosses Pruned wrong directions early Sped up the development process 18

Farm to Folk 19

Identified three user groups Organizers Members Producers 20

Identified problems Accounting is manual and prone to errors Information update is manual and tedious Direct communication between producers and members is not possible 21

Identify requirements Web-based Accept member a la carte orders Accept addition of new members Maintain member and producer information 22

a prototype 23

Let s build an iphone App TV Remote control 24

In a perfect world Develop Deliver $$$$$$$ Users 25

In reality Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Code, Debug, Users Deliver $ 26

first 27

Waterfall model Develop Users Deliver $$$ 28

Waterfall model Code Integration Users Release $$$ 29

Waterfall model Proposed in the 70s Linear process Get 100% done before advancing to the next stage Each stage has a concrete deliverable Put emphasis on documentation 30

What if people don t want it? Code Integration Users Release $$$ 31

Get users involved early 32

Winter Olympics 2010 People need to know when and where a particular event is taking place Spring 2010 CMSC 434 Introduction to Human Computer Interaction 33

UCD in Waterfall model Code Integration Release $$$ 34

Users are not always right the first time Code Integration Release $$$ 35

More iterations 36

Spiral model Start Release $$$ 37

Spiral model Start Release $$$ 38

Spiral model Start Release $$$ 39

iterations: Rochester Digital Library Iteration 1 Iteration 3 40

iterations: Rochester Digital Library Iteration 37 Iteration 116 41

iterations: Rochester Digital Library Iteration 126 Iteration 188 42

UCD in Spiral model??? Start Release $$$ 43

Early focus on users Start Release $$$ 44

Prototyping Start prototype prototype Release $$$ Final product 45

Keep users in the loop Start Release $$$ 46

Meeting user s expectation Not about adding features Support users goals People will not form unreasonable expectations Adequate and timely training Ownership 47

Participatory design Start Release $$$ 48

Three principles of UCD 1. Early focus on users and tasks 2. Iterative design with prototypes 3. Empirical measurement on prototypes 49

Term project Start Release $$$ 50

Proposal Start Release $$$ 51

User and task analysis Start Release $$$ 52

sketches Start Release $$$ 53

Paper prototype Start Release $$$ 54

Computer prototype Start Release $$$ 55

Final implementation Start Release $$$ 56

User testing Start Release $$$ 57

Final presentation Start Release $$$ 58

Activity: UMD Shuttle Part 1: Planning Bus Routes 1. Early focus on users and tasks 2. Iterative design with prototypes 3. Empirical measurement on prototypes 59

Activity: UMD Shuttle Part 2: When is the next bus coming? 1. Early focus on users and tasks 2. Iterative design with prototypes 3. Empirical measurement on prototypes 60