Paper Prototyping.

Slides:



Advertisements
Similar presentations
Design, prototyping and construction
Advertisements

Rapid Prototyping Dimensions and terminology Non-computer methods
Coding. Steps to Success 1.Create a PLAN including a detailed statement of requirements (SORs) 2.Write algorithms based on the SORs 3.Write pseudocode.
1 Lecture 7: Implementing a Prototype: Overview of Using PowerPoint, Flash Catalyst, html, Microsoft Sketchflow/Expression Blend, etc. Brad Myers
DENIM: Finding a Tighter Fit with Web Design Practice James Lin, Mark W. Newman, Jason I. Hong, James A. Landay April 6, 2000 CHI 2000, The Hague
Prototyping By Greg Rogers. Agenda For Today  What is a prototype  Why prototype  What to prototype.
Using Powerpoint to Create Interface Prototype Copy & Paste Interface Designs –Use Screen Capture to Copy Existing Interface –“Print Screen / SysRq” Button:
Ch 7 & 8 Interaction Styles page 1 CS 368 Designing the Interaction Interaction Design The look and feel (appearance and behavior) of interaction objects.
SIMS 202 Information Organization and Retrieval Prof. Marti Hearst and Prof. Ray Larson UC Berkeley SIMS Tues/Thurs 9:30-11:00am Fall 2000.
1 PrototypingPrototyping CSSE 371 Software Requirements and Specification Mark Ardis, Rose-Hulman Institute September 28, 2004.
Story Boards. Creating and using storyboards Storyboards are an essential tool when designing websites. They help keep developers and graphic artists.
Cognitive walkthrough: description and example Based on Task-Centered Design by Clayon Lewis & John Rieman, CU Boulder.
Why planning? In order to make a successful project good communication is key! The process of planning and designing a project involves many people from.
Sofia Carlander Kinoshita Laboratory 2004/2005
Chapter 11: Interaction Styles. Interaction Styles Introduction: Interaction styles are primarily different ways in which a user and computer system can.
1 Lecture 7: Implementing a Prototype: Overview of Using PowerPoint, Balsamiq, InVision, html, etc. Brad Myers / / : Introduction to.
INTRO TO USABILITY Lecture 12. What is Usability?  Usability addresses the relationship between tools and their users. In order for a tool to be effective,
Prof. James A. Landay University of Washington Autumn 2008 Video Prototyping October 14, 2008.
CS 4730 Game Architecture CS 4730 – Computer Game Design Credit: Some slide material courtesy Walker White (Cornell)
Interaction Design Dr. Jim Rowan Foley Introduction What’s in the Book that we’ll cover.
Adding Machine Prototype This is a bit trickier than the Tic Tac Toe prototype. It is not “clear” what should be included in the program (no rules). In.
UI Design without Prototypes ala Holtzblatt et al ITM 734 Fall 2006 Corritore.
Level 2 IT Users Qualification – Unit 1 Improving Productivity Carl.
Design, Prototyping and Construction In “ pure ” waterfall, design begins after requirements development has finished However, in the real world there.
Design Reuse Earlier we have covered the re-usable Architectural Styles as design patterns for High-Level Design. At mid-level and low-level, design patterns.
Product design challenge Fall the theme  Any product that uses Computer Science to create it  Possible areas:  Safety  Entertainment  Family/relationships.
1 Lecture 5: Interactive Tools: Prototypers (HyperCard, Director, Visual Basic), Interface Builders Brad Myers Advanced User Interface Software.
Computer-based Media Language Elements Understanding how we communicate through media Stewart.C. (2007). Media: New Ways and Means. John Wiley & Sons:
Team Skill 2 Understanding User and Stakeholder Needs Storyboarding (13)
Prof. James A. Landay University of Washington Winter 2007 Video Prototyping January 22, 2007.
Designing User Experience (UX) This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License.Creative Commons.
CEN3722 Human Computer Interaction Prototyping Dr. Ron Eaglin.
Digital Media & Interaction Design LECTURE 4+5. Lecture 4+5 Draw requirement + Prototyping.
Are you a Left Brain or Right Brain?
Planning Interactive Multimedia
Storyboarding and Paper Prototyping
Concepts and Prototypes
Introduction to Event-Driven Programming
Prototyping CPSC 481: HCI I Fall 2014
Introduction to Prototyping
product design challenge
Section 10.1 YOU WILL LEARN TO… Define scripting
Lesson 1: Buttons and Events – 12/18
Medium-Fi Prototype Inclusive Design.
Prototyping.
Juliana Cook Adrienne Ivey Meredith Marks Nhien Tran
Design, prototyping and construction
What is Google Classroom?
User Interface Prototyping & Interaction Design
Unit 02 – One World Scenario - DA202
Home Clear Medium-Fi Prototype
Web User Interface (WUI) Behavior
Krug Chapter 2 How We Really Use the Web and Web Site Design
Identifying Confusion from Eye-Tracking Data
The Role of Prototyping
Scratch Programming Brian Cain.
Mockups and Prototypes
Unit 11 – PowerPoint Interaction
Designing User Experience (UX)
Krug Chapter 6 B: Flow in UIs
Program Documentation
Cognitive Walkthrough
Killer Project Management Best Practices
spark: never miss a moment
Creative Design Solutions: Design Thinking
Automating Profitable Growth™
Prototyping Sriram Mohan.
Creative Design Solutions: Design Thinking
1.02 Creative Design Solutions: Design Thinking
Design, prototyping and construction
Presentation transcript:

Paper Prototyping

Paper prototypes are great for… Evaluating mental model, language and functionality choices Does the general flow of things make sense to your user? Do they recognize what they can do and how? Getting honest feedback If you show someone a highly polished thing, they often don’t want to tell you it stinks. Kindergarten nostalgia?

Paper Prototypes are not so great for… Highly dynamic interface elements Animations Gestural interfaces (sometimes). It’s worthwhile to try here, but sometimes you’ll get the sense that people haven’t really absorbed the idea you are trying to communicate. iPhone swipe motion Games (sometimes) Tracy Fullerton: Prototyping via board game to get balance and flow worked out. Wii sports?

Good Paper Prototype Accurately captures the tasks that you intend to test. Users should be able to click the buttons, interact with the menus, scroll….whatever your interface needs to do.

Good Paper Prototype Concentrate on supporting the tasks you will be testing, not arbitrary actions (if your task will ask people to look up the details for a given event, you need the details for that event, not all events) But, everything the user will naturally see should be fully fleshed out – capture realistic behavior.

What about software tools? This paper was written in the dark ages. Are there alternatives? Research: DENIM (Lin et al., CHI 2001) http://www.ibiblio.org/openvideo/video/chi/chi01_01_m1.mpg Industry: Sketchflow (http://www.youtube.com/watch?v=qcPXwbrWtyw&feature=related) Balsamiq (http://www.balsamiq.com/#) Paper is pretty flexible and mutable. I’m not sure anyone has made anything more efficient (assuming that you build and copy prototype windows etc)

Balsamiq

What about software tools? Transition to higher fidelity As you lock in things later in the design process, it’s nice to be able to give a sense of how it’s really going to look. Some tools support that nicely. Collaborative Design Paper makes it easy to combine sketches from multiple people. A lot of the current tools are really optimized for a single user.