25
Rapid Prototyping Hannah Deering @hannahd_ux Unsplash | Caleb George

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

Embed Size (px)

Citation preview

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

Rapid Prototyping

Hannah Deering @hannahd_ux

Unsplash | Caleb George

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

Prototype

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

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

ideate prototype test

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

3 Primary Goals

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

1

Explore concepts yourself

Unsplash | Lacey Raper

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

2

Validate concepts with users

Unsplash | timothy muza

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

3

Communicate concepts with team or stakeholders

StockSnap.io | Marta Serrano

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

Everytime you begin prototype, ask yourself:

What is the CHEAPEST, FASTEST way to

?INSERT GOAL

INSERT WHAT YOU ARE PROTOTYPING

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

Intentional Focused

Rapid Lean

StockSnap.io | Benjamin Faust

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

Low-Fidelity Prototype

sabazaidi.com

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

Mixed-Fidelity Prototype

StockSnap.io | Marcin Milewski

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

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

Page 13: Rapid Prototyping - Experiencing UX Meetup - Des Moines - August 24, 2015
Page 14: Rapid Prototyping - Experiencing UX Meetup - Des Moines - August 24, 2015

6 Dimensions

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

Breadth of Functionality

FOCUSED EXPANSIVEJaimee DunningRay Luong

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

Depth of Functionality

SHALLOW DEEPAsia VanderbiltAsia Vanderbilt

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

Level of Visual Refinement

onextrapixel.com torquemag.io dribbble | Tiberiu Neamu

SKETCHY POLISHED

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

Richness of Interactions

STEP THROUGH MICROINTERACTIONSDrupalNintendo

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

Richness of Data Model

PLACEHOLDERS LIVE DATA

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

Approximation of Context

STANDIN IN THE FIELD

* not from McCurdy et al.

Cosmic RayNielson Norman Group

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

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

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

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

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

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

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

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

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

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