Prototyping: Lo-fi, Hi-fi A summary of prototyping theory and history, with a focus on lo-fi prototyping and how it relates to the Coffee-room problem.

Slides:



Advertisements
Similar presentations
Paper Prototyping A tool for iterative design Wai Yong Low.
Advertisements

Project Sharing  Team discussions –Share results of heuristic evaluations –Discuss your choice of methods and results  Class-level discussion –Each spokesperson.
CS160 Discussion Section 7 Midterm review David Sun March 13, 2007.
2/23/991 Low-fidelity Prototyping & Storyboarding SIMS 213, Spring ‘99 Professor James Landay, EECS Dept. February 23, 1999.
Prof. James A. Landay University of Washington Autumn 2012 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Early Stage Prototyping.
Web Design Process CMPT 281. Outline How do we know good sites from bad sites? Web design process Class design exercise.
TOOL5100: CSCL Design techniques A. Mørch, Design Techniques Anders Mørch TOOL 5100,
Low-fi Prototyping. CSE490f - Autumn 2006User Interface Design, Prototyping, and Evaluation2 Hall of Fame or Shame? Password dialog in Eudora Pro for.
1 Low-fidelity Prototyping. 2 Interface Hall of Shame or Fame? PowerBuilder List of objects with associated properties.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
HCI 특론 (2010 Spring) Low-fi Prototyping. 2 Interface Hall of Shame or Fame? Amtrak Web Site.
Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.
June 2004 User Interface Design, Prototyping, and Evaluation 1 Outline Low-fi prototyping Wizard of Oz technique Informal UI prototyping tools Hi-fi prototyping.
Prof. James A. Landay University of Washington Autumn 2008 Low-fi Prototyping November 4, 2008.
TIPS FOR MASTER TRAINERS/ Facilitators A Presentation by Dr. Bhagbanprakash 1.
Usability When you design the userinterface to a computer system, you decide which screens the system will show, what exactly will be in each screen and.
1 Paper (low-fidelity) Prototypes. 2 When we are designing When we are thinking about design We are visualizing the interface inside our head (imaginary)
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
Employing Wikis for online collaboration in the e-learning environment: Case study 1 Raitman, R., Augar, N. & Zhou, W. (2005). Employing Wikis for online.
Z556 Systems Analysis & Design Session 10 ILS Z556 1.
Prof. James A. Landay University of Washington Spring 2008 Web Interface Design, Prototyping, and Implementation Low-fi Prototyping April 24, 2008.
©2001 Southern Illinois University, Edwardsville All rights reserved. Today Wednesday Running A Paper Prototyping Session Paper Prototyping Video: Paper.
Learning Game and Simulation Design through Multilayer Synchronous Collaboration in a Virtual Reality Environment A Pre-Prospectus Proposal Lewis F. Jones.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.
Prof. James A. Landay University of Washington CSE 440 USER INTERFACE DESIGN + PROTOTYPING + EVALUATION February 14, 2013 Early Stage Prototyping.
HCI 특론 (2007 Fall) Low-fi Prototyping. 2 Hall of Fame or Shame? Password dialog in Eudora Pro for Mac.
Low-fi Prototyping. CSE490f - Autumn 2006User Interface Design, Prototyping, and Evaluation2 Hall of Fame or Shame? Password dialog in Eudora Pro for.
Day 8 Usability testing.
OCLC Online Computer Library Center 1 Introduction.
CEN3722 Human Computer Interaction Overview of HCI Dr. Ron Eaglin.
HCC 831 User Interface Design and Evaluation. What is Usability?
1 User testing approaches: Practical techniques toward a more usable website Arc Worldwide 1.
CS6501/ECE6501 IoT Sensors and Systems
Interviews & focus groups
Vocabulary Prototype: A preliminary sketch of an idea or model for something new. It’s the original drawing from which something real might be built or.
Semester One Introduction Lecturer - Peter Sellings
Who’s here? Why are we here? What will happen?
Transition time? Moving toward student center labs
Business Model Validation Lab
Low-fi Prototyping November 2, 2006
PROJECT LIFE CYCLE AND EFFORT ESTIMATION
CHAPTER NINE MANAGEMENT OF GROUP FUNCTION AND PROCESS
Wrapping up prototyping
Introduction to Prototyping
Topic: Contextual Interview
The design process Software engineering and the design process for interactive systems Standards and guidelines as design rules Usability engineering.
The design process Software engineering and the design process for interactive systems Standards and guidelines as design rules Usability engineering.
Staff in a Talk English Here training session
Parent-Teacher Partnerships for Student Success
How to Read Research Papers?
Advanced Computational and Communication Paradigms
The Role of Prototyping
WP and Pillar leader meeting
Software Engineering D7025E
Research Topics in Human-Computer Interaction
User Interface Design and Evaluation
Usability Testing CS 4501 / 6501 Software Testing
Gathering Requirements
Helen Else, Isla Kuhn, Deborah Lepley, Leanne Kendrick, Laura Wilkes
Class exercise - collecting data - individual
Class exercise - collecting data - individual
User-centered approaches to interaction design
Ongoing Reporting Guiding Principle 5
Class exercise - collecting data - individual
Interviews & focus groups
Class exercise - collecting data - individual
Some Important Skills Every Software Testers Should Have
Moderating a Computer Conference
INTERACTION DESIGN IN PRACTICE
APMP Professional Certification
Presentation transcript:

Prototyping: Lo-fi, Hi-fi A summary of prototyping theory and history, with a focus on lo-fi prototyping and how it relates to the Coffee-room problem

What, why? “ The creation of a model and the simulation of all aspects of a product. [...] ” - Free On-Line Dictionary of Computing ● Avoid unnecessary work ● Increase productivity ● Increase efficiency ● Empower workers

Methods Hi-fi Lo-fi

History ● The Scandinavian Challenge (1987) – UTOPIA project ● Marxist principles ● Efficiency rejected as goal ● Democratic empowerment – Contextual Design ● Capitalist principles ● Functional empowerment

Prototyping for Tiny Fingers ● Designs improve over successive iterations of a prototype. ● We want more prototypes ∴ We need to shorten the time it takes to build prototypes Lo-Fi Prototyping

How? ➢ Get the bits (paper, pens, scissors, etc.) ➢ Arrange a testing time ➢ Build your model ➢ Find some testers ➢ Prepare and practice your tests ➢ Conduct test ➢ Evaluate results ➢... ➢ Profit!

The good ✔ Much faster to develop prototypes ✔ Much easier to change designs ✔ Encourages focus on real design issues (and not the details) ✔ Can get more detailed feedback

The not so good ✗ Possibly increased preparation and interaction required during testing ✗ Appearance can put people off using the prototype or taking it seriously ✗ Hard to handle situations where networking is involved

CoolBeans ● More effective testing sessions ● Ability to try more ideas ● Increased tester participation

Summary ● More prototypes enable a better design ● Lo-fi prototyping is a rapid process ● Appearance can facilitate better testing feedback ● Strict Lo-fi prototyping may not be user-centric enough ● Not as effective in an ubiquitous computing environment?

References ● Prototyping for Tiny Fingers, Marc Rettig, Communications of the ACM, April 1994 ● A Scandinavian challenge, a US response: methodological assumptions in Scandinavian and US prototyping approaches, Clay Spinuzzi, Proceedings of the 20 th annual international conference on Computer documentation (p ), 2002 ● Paper or interactive?: a study of prototyping techniques for ubiquitous computing environments, Linchaun Liu, Peter Khooshabeh, CHI '03 extended abstracts on Human factors in computing systems ● Contextual Design, H. Beyer, K. Holtzblatt, Interactions 6.1, 1999