design secrets revealed

43
BEHIND THE KIMONO UX AUSTRALIA @ZAKIWARFEL DESIGN SECRETS REVEALED

Upload: todd-zaki-warfel

Post on 28-Jan-2015

128 views

Category:

Design


0 download

DESCRIPTION

Slides from the Design Secrets Revealed presentation I gave at UX Australia.

TRANSCRIPT

Page 1: Design Secrets Revealed

BEHIND THE KIMONOUX AUSTRALIA @ZAKIWARFEL

DESIGN SECRETS REVEALED

Page 2: Design Secrets Revealed

OUR WORKWe don’t show...

Page 3: Design Secrets Revealed

DESIGNERS DO IT

Page 4: Design Secrets Revealed
Page 5: Design Secrets Revealed

DEVELOPERS DO IT

Page 6: Design Secrets Revealed
Page 7: Design Secrets Revealed

HAVE YOU EVER SEEN A WIREFRAME FROM

jjgpeter morvillejared spool

Page 8: Design Secrets Revealed

JARED SPOOL

“I’ve never done a wireframe.”

Page 9: Design Secrets Revealed

peter morville

Page 10: Design Secrets Revealed

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

jjg

Page 11: Design Secrets Revealed

OUR WORKWe don’t show...

Page 12: Design Secrets Revealed

NOT SO ANONYMOUS COWARD

“My work is proprietary.”

Page 13: Design Secrets Revealed

NUT UP OR SHUT UP

Page 14: Design Secrets Revealed

4 DESIGNERS 3 CAVEATS

1 PROBLEM

Page 15: Design Secrets Revealed

WILLRUSS

TODD (that’s me)FRED

Page 16: Design Secrets Revealed

CAVEATS.use a different tool

.no talking to each other

.document everything

Page 17: Design Secrets Revealed

OMNIGRAFFLEBALSAMIQ

HTML/FIREWORKSAXURE RP PRO

Page 18: Design Secrets Revealed

THE CASE STUDY

Page 19: Design Secrets Revealed

“If we can give $5 to a stranger at a coffee shop, why can’t we do that for

healthcare?”TORI TRUNCAN

Page 20: Design Secrets Revealed

LEND4HEALTH.COM

Page 21: Design Secrets Revealed

LEND4HEALTH.COM

Page 22: Design Secrets Revealed

THE APPROACH

Page 23: Design Secrets Revealed

@gabbyhon

Page 24: Design Secrets Revealed
Page 25: Design Secrets Revealed
Page 26: Design Secrets Revealed

I’VE HAVEN’T WORKD FROM A REQUIREMENTS DOCUMENT IN OVER 5 YEARS

Page 27: Design Secrets Revealed

TASK ANALYSIS GRID

Page 28: Design Secrets Revealed

INSPIRATION LIBRARY

Page 29: Design Secrets Revealed

SKETCHING

Page 30: Design Secrets Revealed

...AND MORE SKETCHING

Page 31: Design Secrets Revealed

...AND MORE SKETCHING

Page 32: Design Secrets Revealed

PITCH AND CRITIQUE

Page 33: Design Secrets Revealed

VISUAL DESIGN

Page 34: Design Secrets Revealed

PITCH AND CRITIQUE

Page 35: Design Secrets Revealed

HTML PROTOTYPE

Page 36: Design Secrets Revealed

HTML PROTOTYPE

Page 37: Design Secrets Revealed

PITCH AND CRITIQUE

Page 38: Design Secrets Revealed

FIREWORKS PROTOTYPE

Page 39: Design Secrets Revealed
Page 40: Design Secrets Revealed

ONE MORE THING...

Page 41: Design Secrets Revealed

CHALLENGES.couldn’t talk to each other

.research handed to me

.no “formal” usability testing

Page 42: Design Secrets Revealed

PRINCIPALS.sketch (a lot)

.practice critique

.the best tool is the one you know

Page 43: Design Secrets Revealed

http://bitly.com/protobkTHANKS!SAVE 25% WITH DISCOUNT CODE TODD