Begin Class with More Studio. Introduction to Prototyping.

Slides:



Advertisements
Similar presentations
Chapter 11 Design, prototyping and construction 1.
Advertisements

Design, prototyping and construction
Prototypes Low-fidelity prototypes design.org/encyclopedia/contextual_design.html Heim, Chapter 5.3 Lecture 9 Physical Design.
Prototyping JTB October 2004
Human Computer Interaction
DESIGN, PROTOTYPING and CONSTRUCTION
Prototyping. Introduction Low-fidelity prototyping High-fidelity prototyping Compromises in prototyping From design to implementation.
1 User-Centered Design and Development Instructor: Franz J. Kurfess Computer Science Dept. Cal Poly San Luis Obispo FJK 2005.
Prototyping By Greg Rogers. Agenda For Today  What is a prototype  Why prototype  What to prototype.
ISP 666 Week 6 Prototyping. Design a Solution From task to system From abstract to concrete Task Models UI Presentation evaluation Conceptual Model System.
Prototyping JTB April ISDE Prototyping Preece Chapter 8.
Design, prototyping and construction. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building.
What is a prototype? A prototype is a small scale model of your larger product. Can be a physical object, or a simple software program. Many physical.
Design, prototyping and construction. Overview Prototyping and construction Conceptual design Physical design Tool support.
Video Tutorials TECM 4180 Dr. Lam. Why Video Tutorials? Times are changing- Traditional tech comm must adapt Videos can convey information that words.
Design, prototyping and construction Readings: ID-book, Chap. 11 (through 11.3) Also, Prototyping for Tiny Fingers
Sofia Carlander Kinoshita Laboratory 2004/2005
DESIGN METHOD Alibek Barlybayev, Almaz Kungozhin, PROfessional network of Master’s degrees in Informatics.
Introduction to Interactive Media 02. The Interactive Media Development Process.
Human Computer Interaction & Usability Prototyping Design & Prototyping HCI Prototyping.
Design and Prototyping CS 5115 Fall 2014 September 19.
Gary MarsdenSlide 1University of Cape Town Human-Computer Interaction - 8 Prototyping Gary Marsden ( ) July 2002.
Overview Prototyping and construction Conceptual 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.
Design, prototyping and construction CSSE371 Steve Chenoweth and Chandan Rupakheti (Chapter 11- Interaction Design Text)
INSTRUCTIONAL DESIGN JMA Review Principle Review Principle 2. Toolbook (Data) Toolbook (Data) 3. M-Learning M-Learning Objectives.
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,
CSCD 487/587 Human Computer Interface Winter 2013 Lecture 17 Prototypes and Design.
1 Lecture 6 (Ref. Chapter 8) Design, prototyping and construction.
CENG 394 Introduction to Human-Computer Interaction
Merja & Pauli Rapid prototyping & other stuff.
COMP5047 – Design Prototyping and storyboards Judy Kay CHAI: Computer human adapted interaction research group School of Information Technologies Acknowledgements:
HCI – Prototyping. Why Prototype?  Prototyping is a well understood and used technique in design engineering where products are tested via a model prototype.
Prototyping Universidad de Costa Rica Posgrado en Computación e Informática Diseño de interfaz humano-computador.
Computer Science Department California Polytechnic State University San Luis Obispo, CA, U.S.A. Franz J. Kurfess CPE/CSC 484: User-Centered Design and.
AVI/Psych 358/IE 340: Human Factors Prototyping October 10-13, 2008.
류 현 정류 현 정 User Interface Design Design, prototyping and construction.
Prototyping. What is a prototype? In other design fields a prototype is a small- scale model: a miniature car a miniature building or town.
University of Washington HCDE 518 & INDE 545 Lo-Fidelity Prototyping HCDE 518 & INDE 545 Winter 2012 With credit to Jake Wobbrock, Dave Hendry, Andy Ko,
Human-Computer Interaction Lecture 4: Inference-based approaches.
Chapter 9 Prototyping. Objectives  Describe the basic terminology of prototyping  Describe the role and techniques of prototyping  Enable you to produce.
Prototyping 1. Design Document How express your design ideas. How express your design ideas. Key notions Key notions Cheap, FastCheap, Fast Flexibility.
Human Computer Interaction G52HCI Dave Kirk Participatory Design User Evaluation.
1 Human Computer Interaction Week 7 Prototyping. 2 Introduction Prototyping is a design technique where users can be involved in testing design ideas.
Chapter 6: Thinking about requirements and describing them.
Prototyping. REVIEW : Why a prototype? Helps with: –Screen layouts and information display –Work flow, task design –Technical issues –Difficult, controversial,
1 ISDE Revision Topics 2012 Compiled by Sheila Cassidy-Allan using J Burns slides.
Design, Prototyping and Construction In “ pure ” waterfall, design begins after requirements development has finished However, in the real world there.
Overview Prototyping Construction Conceptual design Physical design Generating prototypes Tool support.
Team Skill 2 Understanding User and Stakeholder Needs Storyboarding (13)
Design, prototyping and construction(Chapter 11).
HCDE 418 Monday, February 11 Prototyping. Today Announcements – 5 min P2 debrief – 5 min Lecture – 40 min Break – 5 min Prototyping tools demos – 30 min.
School of Engineering and Information and Communication Technology KIT305 Mobile Application Development Week 2: User-centred Design and Prototyping Dr.
Digital Media & Interaction Design LECTURE 4+5. Lecture 4+5 Draw requirement + Prototyping.
Design, prototyping and construction
Lecture 2 Supplement - Prototyping
Sampath Jayarathna Cal Poly Pomona
Planning Interactive Multimedia
Human Computer Interaction Slide 1
Prototyping & Design CS 352.
Prototyping CPSC 481: HCI I Fall 2014
Wrapping up prototyping
Introduction to Prototyping
Prototyping.
Design, prototyping and construction
Chapter 11 Design, prototyping and construction 1.
DESIGN, PROTOTYPING and CONSTRUCTION
Design, prototyping and construction
Design, prototyping and construction
COMP444 Human Computer Interaction Prototyping
Presentation transcript:

Begin Class with More Studio

Introduction to Prototyping

Objectives for today Learn about design methods, specifically LoFi (paper) prototyping

Interaction Design Prototypes May consist of … a series of screen sketches a storyboard, i.e. a cartoon-like series of scenes a Powerpoint slide show a video simulating the use of a system a lump of wood (e.g. cell phone) a cardboard mock-up a piece of software with limited functionality written in the target language or in another language

Why prototype? Evaluation and feedback are central to interaction design Stakeholders can see, hold, interact with a prototype more easily than a document or a drawing Team members can communicate effectively You can test out ideas for yourself It encourages reflection: very important aspect of design Prototypes answer questions, and support designers in choosing between alternatives

What to prototype? Screen layouts and information display Work flow, task design Technical issues Difficult, controversial, critical areas

Low-fidelity (LoFi) Prototypes Quick and cheap to make, easy to change Use a medium which is unlike the final medium, e.g. paper, cardboard Examples sketches of screens, task sequences, etc ‘Post-it’ notes storyboards ‘Wizard-of-Oz’