behind the kimono-agile2010

80
Opening the Kimono a look behind the design process agile2010

Upload: todd-zaki-warfel

Post on 28-Jan-2015

117 views

Category:

Design


0 download

DESCRIPTION

This talk takes a look behind the scenes of four different designers tackling the same design process. This version was given at Agile 2010.

TRANSCRIPT

Page 1: Behind the kimono-agile2010

Opening the Kimonoa look behind the design process

agile2010

Page 2: Behind the kimono-agile2010

we don’t show our work

Page 3: Behind the kimono-agile2010

designers do it

Page 4: Behind the kimono-agile2010
Page 5: Behind the kimono-agile2010

developers do it

Page 6: Behind the kimono-agile2010
Page 7: Behind the kimono-agile2010

have you ever seen a wireframe from jjg

peter morvillejared spool

Page 8: Behind the kimono-agile2010

“I’ve never done a wireframe.jared spool

Page 9: Behind the kimono-agile2010

peter morville

Page 10: Behind the kimono-agile2010

jjg

discover new approachesexpand your knowledge build your expertise

StrategyLeadershipOrganizational changeInformation & technologyGlobal business

Decision makingInterpersonal skillsProject managementManaging uncertaintyTime management

Business processesManagement by objectivesQuality managementForecastingKnowledge management

explore hbr

storecart

accountdownloads

today on hbr authorsblogs current

magazine books HBS

logo search

discover new approachesexpand your knowledge build your expertiseexplore hbr

storecart

accountdownloads

today on hbr authorsblogs current

magazine books HBS

logo search

1. Today on HBRThis new page highlights timely content from the blogs, magazine, and books sections.

2. Store areaThis area provides a focal point for all e-commerce related links.

3. AuthorsThis new page allows users to find aggregated links to content from popular authors across blogs, magazine, and books sections.

4. Explore drawerThis expandable area encourages and facilitates exploration of content by subject.

5. Expand your knowledgeThis area features editorially selected sub-categories from the current “Topics” category in search results.

6. Build your expertiseThis area features editorially selected sub-categories from the current “Management Skills” category in search results.

7. Discover new approachesThis area features editorially selected sub-categories from the current “Tools & Methodologies” category in search results.

8. “More” linksThese links drive users interested in exploring further to dedicated landing pages.

Global NavigationSeptember 24, 2009

Web Redesign | Harvard Business Review

Version 1.0

discover new approachesexpand your knowledge build your expertise

StrategyLeadershipOrganizational changeInformation & technologyGlobal business

Decision makingInterpersonal skillsProject managementManaging uncertaintyTime management

Business processesManagement by objectivesQuality managementForecastingKnowledge management

explore hbr

storecart

accountdownloads

today on hbr authorsblogs current

magazine books HBS

logo search

12

Default state

Partially expanded state

Fully expanded state

43

6

more skills »more topics » more methods »8

5 7

Jesse James Garrett

Page 11: Behind the kimono-agile2010

we don’t show our work

Page 12: Behind the kimono-agile2010

“My work is proprietary.-anonymous copout

Page 13: Behind the kimono-agile2010

nut up or shut up

Page 14: Behind the kimono-agile2010

four designers

Page 15: Behind the kimono-agile2010

1 problem 2 rules

Page 16: Behind the kimono-agile2010

RULES:1. use a di!erent tool2. no talking

Page 17: Behind the kimono-agile2010

balsamiq omnigra!e

"reworks/htmlaxure rp

Page 18: Behind the kimono-agile2010

one more thing...

Page 19: Behind the kimono-agile2010

document show

Page 20: Behind the kimono-agile2010

the case study

Page 21: Behind the kimono-agile2010

“If we can give $5 to a stranger at a co!ee shop, why can’t we

do that for healthcare?-tori tuncan

Page 22: Behind the kimono-agile2010
Page 23: Behind the kimono-agile2010
Page 24: Behind the kimono-agile2010

Yikes!

Page 25: Behind the kimono-agile2010

lack of organization

Page 26: Behind the kimono-agile2010

matching is manual

Page 27: Behind the kimono-agile2010

not scalable

Page 28: Behind the kimono-agile2010

the approach

Page 29: Behind the kimono-agile2010

Research Design Test Refine

Page 30: Behind the kimono-agile2010

@gabbyhon

Page 31: Behind the kimono-agile2010
Page 32: Behind the kimono-agile2010
Page 33: Behind the kimono-agile2010

the split

Page 34: Behind the kimono-agile2010

index card vs. post-it

Page 35: Behind the kimono-agile2010
Page 36: Behind the kimono-agile2010
Page 37: Behind the kimono-agile2010
Page 38: Behind the kimono-agile2010

sketching

Page 39: Behind the kimono-agile2010
Page 40: Behind the kimono-agile2010
Page 41: Behind the kimono-agile2010
Page 42: Behind the kimono-agile2010
Page 43: Behind the kimono-agile2010

visual design

Page 44: Behind the kimono-agile2010
Page 45: Behind the kimono-agile2010
Page 46: Behind the kimono-agile2010
Page 47: Behind the kimono-agile2010
Page 48: Behind the kimono-agile2010

design challenge

Page 49: Behind the kimono-agile2010

“If we can give $5 to a stranger at a co!ee shop, why can’t we

do that for healthcare?-tori tuncan

Page 50: Behind the kimono-agile2010

ISSUES• Lack of organization• Matching is manual• Non-scalable

Page 51: Behind the kimono-agile2010

GOALS• Find someone to support• Match funders w/fundee(s)• Automate the process

Page 52: Behind the kimono-agile2010

No Constraints

Page 53: Behind the kimono-agile2010

Audience

Page 54: Behind the kimono-agile2010
Page 55: Behind the kimono-agile2010

Design the FundingProcess

Page 56: Behind the kimono-agile2010

Questions?

Page 57: Behind the kimono-agile2010

Ready. Set. Sketch.

Page 58: Behind the kimono-agile2010

my approach

Page 59: Behind the kimono-agile2010

Research Design Test Refine

Page 60: Behind the kimono-agile2010
Page 61: Behind the kimono-agile2010
Page 62: Behind the kimono-agile2010

I haven’t worked o# a requirements document in over "ve years.

Page 63: Behind the kimono-agile2010
Page 64: Behind the kimono-agile2010

I don’t wireframe. I prototype.

Page 65: Behind the kimono-agile2010

I go right from sketches to html prototypes.

Page 66: Behind the kimono-agile2010
Page 67: Behind the kimono-agile2010
Page 68: Behind the kimono-agile2010
Page 69: Behind the kimono-agile2010

Pitch Critique

Page 70: Behind the kimono-agile2010
Page 71: Behind the kimono-agile2010
Page 72: Behind the kimono-agile2010
Page 73: Behind the kimono-agile2010
Page 74: Behind the kimono-agile2010

the 4 minute version

Page 75: Behind the kimono-agile2010

the principles

Page 76: Behind the kimono-agile2010

sketch

Page 77: Behind the kimono-agile2010

get feedback

Page 78: Behind the kimono-agile2010

the best tool is the one you can use

Page 79: Behind the kimono-agile2010

save 25%discount code: TODD

www.bit.ly/protobk

Page 80: Behind the kimono-agile2010

contact

@zakiwarfeltodd@message!rst.com