Rapid Prototyping - Experiencing UX Meetup - Des Moines - August 24, 2015

Preview:

Citation preview

Rapid Prototyping

Hannah Deering @hannahd_ux

Unsplash | Caleb George

Prototype

an inexpensive, experimental preliminary model of something, from which other forms are developed or copied

ideate prototype test

3 Primary Goals

1

Explore concepts yourself

Unsplash | Lacey Raper

2

Validate concepts with users

Unsplash | timothy muza

3

Communicate concepts with team or stakeholders

StockSnap.io | Marta Serrano

Everytime you begin prototype, ask yourself:

What is the CHEAPEST, FASTEST way to

?INSERT GOAL

INSERT WHAT YOU ARE PROTOTYPING

Intentional Focused

Rapid Lean

StockSnap.io | Benjamin Faust

Low-Fidelity Prototype

sabazaidi.com

Mixed-Fidelity Prototype

StockSnap.io | Marcin Milewski

Mixed-Fidelity Prototype

StockSnap.io | Marcin Milewski

By using these dimensions to inform prototype development, and recognizing that each is fully independent and can be manipulated separately, it is possible to create mixed- fidelity prototypes that more precisely apply prototyping resources in support of specific end goals.

“Breaking the Fidelity Barrier” - CHI 2006 Michael McCurdy, Christopher Connors, Guy Pyrzak1, Bob Kanefsky, and Alonso Vera

6 Dimensions

Breadth of Functionality

FOCUSED EXPANSIVEJaimee DunningRay Luong

Depth of Functionality

SHALLOW DEEPAsia VanderbiltAsia Vanderbilt

Level of Visual Refinement

onextrapixel.com torquemag.io dribbble | Tiberiu Neamu

SKETCHY POLISHED

Richness of Interactions

STEP THROUGH MICROINTERACTIONSDrupalNintendo

Richness of Data Model

PLACEHOLDERS LIVE DATA

Approximation of Context

STANDIN IN THE FIELD

* not from McCurdy et al.

Cosmic RayNielson Norman Group

What is the CHEAPEST, FASTEST way to ?

Breadth of Functionality

Depth of Functionality

Richness of Interactivity

Level of Visual Refinement

Richness of Data Model

Approximation of Context

Cost

Explore Validate Communicate

Focused Expansive

Shallow Deep

Steps MicroIX

Sketchy Polished

Lorem Live Data

Standin Field

5-15 15-25 25-30

What is the CHEAPEST, FASTEST way to ?

Breadth of Functionality

Depth of Functionality

Richness of Interactivity

Level of Visual Refinement

Richness of Data Model

Approximation of Context

Cost

Explore Validate Communicate

Focused Expansive

Shallow Deep

Steps MicroIX

Sketchy Polished

Lorem Live Data

Standin Field

navigation in mobile app

xxxxxx xx xx

x x x x

x

5

1

1

1

3

4

15 5-15

What is the CHEAPEST, FASTEST way to ?

Breadth of Functionality

Depth of Functionality

Richness of Interactivity

Level of Visual Refinement

Richness of Data Model

Approximation of Context

Cost

Explore Validate Communicate

Focused Expansive

Shallow Deep

Steps MicroIX

Sketchy Polished

Lorem Live Data

Standin Field

creating new task

xxxxxxx

x x1

3

5

3

2

1

15

x x x xx x

5-15

What is the CHEAPEST, FASTEST way to ?

Breadth of Functionality

Depth of Functionality

Richness of Interactivity

Level of Visual Refinement

Richness of Data Model

Approximation of Context

Cost

Explore Validate Communicate

Focused Expansive

Shallow Deep

Steps MicroIX

Sketchy Polished

Lorem Live Data

Standin Field

5-15 15-25 25-30

Further ReadingBreaking the Fidelity Barrier - Michael McCurdy et al. http://dl.acm.org/citation.cfm?id=1124959

Flavors of Prototypes - Marty Cagan svpg.com/flavors-of-prototypes

High-Fidelity Prototypes - Marty Cagan svpg.com/high-fidelity-prototypes

Product Discovery With Live-Data Prototypes - Marty Cagan svproduct.com/product-discovery-with-live-data-prototypes

Design Better And Faster With Rapid Prototyping - Lyndon Cerejo smashingmagazine.com/2010/06/16/design-better-faster-with-rapid-prototyping

Prototyping Tools - Cooper cooper.com/prototyping-tools

Recommended