Stanford hci group / cs376 u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

CSCI 4163 / CSCI 6610, Winter 2014 Human-Computer Interaction web.cs.dal.ca/~hawkey/4163 Dr. Kirstie Hawkey,
Overview of the Interaction Design Process. Objectives By the end of today’s class you will be able to… –Describe the major steps in the interaction design.
Unit 1, Lesson 4 Software Development Cycle AOIT Introduction to Programming Copyright © 2009–2012 National Academy Foundation. All rights reserved.
Football Helmet Design Activity Research: Read Background Information Brainstorm Design Solutions Develop a Prototype Evaluate the Prototype Redesign Communicate.
Reference Prof. Saul Greenberg, University of Calgary, notes and articles.
Prototyping. Introduction Low-fidelity prototyping High-fidelity prototyping Compromises in prototyping From design to implementation.
Part 2d: Requirements Chapter 2: How to Gather Requirements: Some Techniques to Use Chapter 3: Finding Out about the Users and the Domain Chapter 4: Finding.
Stanford hci group / cs376 research topics in human-computer interaction Intelligent Display Techniques Scott Klemmer 06 December.
Prototyping By Greg Rogers. Agenda For Today  What is a prototype  Why prototype  What to prototype.
Stanford hci group / cs376 Design Processes and Tools Sharon Lin Bowen Li.
Design Process …and the project.
CS147 - Terry Winograd - 1 Lecture 9 – Prototyping Terry Winograd CS147 - Introduction to Human-Computer Interaction Design Computer Science Department.
Course Wrap-Up IS 485, Professor Matt Thatcher. 2 C.J. Minard ( )
MSc Publishing on the WWW Web Design Week 2. Aims and Objectives To introduce the stages of web design and implementation To introduce needs analysis.
Team Project IS 485, Professor Matt Thatcher. 2 Agenda l Review l Team project –project overview –team feedback –milestones l Questions?
Stanford hci group / cs376 u Jeffrey Heer · 2 June 2009 Research Topics In Human-Computer Interaction Course Summary.
Introduction to HCI Marti Hearst (UCB SIMS) SIMS 213, UI Design & Development January 21, 1999.
The Game Development Process. Typical Development Cycle Idea Proposal Design Evaluation Coding Testing Release.
Louisa Lambregts, What Makes a Web Site Successful and Effective? Bottom Line... Site are successful if they meet goals/expectations.
Geek Puff Day 4. Debrief  Problems?  Favorite apps?  Least favorite apps?
Human Computer Interaction & Usability Prototyping Design & Prototyping HCI Prototyping.
Department of Informatics, UC Irvine SDCL Collaboration Laboratory Software Design and sdcl.ics.uci.edu 1 Informatics 121 Software Design I Lecture 12.
Computer –the machine the program runs on –often split between clients & servers Human-Computer Interaction (HCI) Human –the end-user of a program –the.
Prof. James A. Landay Luke Vink Cornell Tech Spring 2014 May 14, 2014 HCI+DESIGN: USER INTERFACE DESIGN + PROTOTYPING + EVALUATION Cornell Tech HCI+Design.
HCI Prototyping Chapter 6 Prototyping. Learning Outcomes At the end of this lecture, you should be able to: –Define the term “prototyping” –Explain the.
S556 SYSTEMS ANALYSIS & DESIGN Week 11. Creating a Vision (Solution) SLIS S556 2  Visioning:  Encourages you to think more systemically about your redesign.
Introduction to Interactive Media The Interactive Media Development Process.
UML & Prototyping. What is a prototype? A prototype is a small-scale model. It can be (among other things): a series of screen sketches a storyboard,
CS147 - Terry Winograd - 1 Lecture 2 – User-oriented Design Nundu JanakiRam CS147 - Introduction to Human-Computer Interaction Design Computer Science.
User-Centered Development Methodology A user interface comprises “ those aspects of the system that the user comes in contact with.” ● Moran [1981]
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
Prototyping CSCI 4800 Spring 2007 Kraemer. Learning Goals Understand the uses of different types of prototypes for different kinds of designs and be able.
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
By: Catherine Mendoza. Evaluate Implement Develop Analyze Design.
Prof. James A. Landay Computer Science Department Stanford University Spring 2015 CS 377 E : ENGELBART ’ S UNFINISHED LEGACY : DESIGNING SOLUTIONS TO GLOBAL.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Stanford hci group / cs147 u 25 September 2008 Human-Centered Design: Enlightened Trial and Error Scott Klemmer tas: Amal Dar.
Nov 19 Human-Computer Interaction: Human-Centered Design.
Prototyping What prototyping is The benefits of prototyping Low-fidelity and high-fidelity prototypes, and the advantages of each How to build paper prototypes.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
1 User Interfaces for Pervasive Computing Devices Prof. James A. Landay January 7, 1999
HCI Design Process CS774 Human-Computer Interaction Spring 2004.
Design Process … and some design inspiration. Course ReCap To make you notice interfaces, good and bad – You’ll never look at doors the same way again.
Dr. H. Rex Hartson Fall 2003 Introduction to the Course Copyright © 2003 H. Rex Hartson and Deborah Hix. CS5714 Usability Engineering.
HCI Mini-Presentation M.A.C.S. Project Human Computer Interaction By Jeremy Cooperstock McGill University.
Begin Class with More Studio. Introduction to Prototyping.
Prof. James A. Landay Richard Davis Kate Everitt University of Washington Autumn 2004 UW Undergraduate HCI Projects A CSE 490jl Overview December 9, 2004.
Stanford hci group / cs376 Research Topics in Human-Computer Interaction Design Tools Ron B. Yeh 26 October 2004.
Overview Prototyping Construction Conceptual design Physical design Generating prototypes Tool support.
Design, prototyping and construction(Chapter 11).
System Development Life Cycle (SDLC) TOBY WILSON.
SE 431 Human Computer Interactions Jamal Nasir. How to design & build good UIs UI Development process Usability goals User-centered design Design discovery.
Stanford hci group / cs October 2007 An Overview of Design Process Scott Klemmer tas: Marcello Bastea-Forte, Joel Brandt,
Practical information
Prototyping & Design CS 352.
SIM prototyping workshop
Wrapping up prototyping
SysML V2: User-Centered Design Approach
Design, prototyping and construction
Model based design.
Research Topics in Human-Computer Interaction
Chapter 19 Case study on requirements, design, and evaluation: NATS
Fundamentals of Human Computer Interaction (HCI)
User Interface Design and Evaluation
DESIGN, PROTOTYPING and CONSTRUCTION
Computer Science Department
Principles of HCI Design
Design, prototyping and construction
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

stanford hci group / cs376 u Jeffrey Heer · 5 May 2009 Design Methods: Prototyping

Iterative Design Cycle Getting it right the first time is hard Need better support for quick turns around loop Design PrototypeEvaluate

[Buxton, Sketching User Experiences]

“Enlightened trial and error outperforms the planning of flawless intellect.” - David Kelley

What is a prototype? An instantiation of a design hypothesis. A means for communicating ideas and intent. A vehicle for evaluating design ideas. Multiple audiences: intended users, design teams, and supporting organizations.

What do prototypes prototype? Role Does the design support activities and tasks? Look and Feel What is the style and form of the design? Implementation How will the design be built or deployed?

Sketchi ng

Information Architecture

Storyboard ing

Paper Prototyping

Reappropriat ion

PowerPoint Prototyping Tools

Video Prototypes

Prototyping in HCI Research Part of design process for research systems  Developing novel interfaces & techniques An object of study in its own right  How might we better characterize and improve the prototyping process? An activity that may benefit from new tools  We’ll visit Design Tools research next time…