SlideShare uma empresa Scribd logo
1 de 43
Baixar para ler offline
BEHIND THE KIMONO
DESIGN SECRETS REVEALED
                          UX AUSTRALIA @ZAKIWARFEL
We don’t show...


OUR WORK
DESIGNERS DO IT
DEVELOPERS DO IT
HAVE YOU EVER SEEN
A WIREFRAME FROM
             jjg
             peter morville
             jared spool
“I’ve never done a wireframe.”


           JARED SPOOL
peter morville
Navigation                                                           Default state
                                                                                                                                                             store
                                                   Version 1.0                      logo                                                         search                  2
                                           Jesse James Garrett   1                                                                                           cart
BR                                                                       today on                     current                                              account
                                                                                           blogs                   books        authors           HBS     downloads
ge highlights timely content from the blogs, magazine,                      hbr                      magazine
                                                                                                                                            3
ections.                                                                                                        explore hbr
                                                                 4
                                                                           expand your knowledge            build your expertise          discover new approaches
ovides a focal point for all e-commerce related links.

ge allows users to find aggregated links to content from              Partially expanded state
 ors across blogs, magazine, and books sections.
wer
                                                                                                                                                             store
                                                                                    logo                                                         search
able area encourages and facilitates exploration of                                                                                                     cart
ubject.                                                                  today on                   current                                           account
                                                                                        blogs                     books      authors        HBS     downloads
 r knowledge                                                                hbr                    magazine
atures editorially selected sub-categories from the current               Strategy                      Decision making
                                                                                                                explore hbr         Business processes
 gory in search results.                                                  Leadership                    Interpersonal skills        Management by objectives
                                                                          Organizational change         Project management          Quality management
 xpertise
                                                                          Information & technology      Managing uncertainty        Forecasting
atures editorially selected sub-categories from the current               Global business               Time management             Knowledge management
nt Skills” category in search results.                               5                                                                                               7
 w approaches
                                                                           expand your knowledge            build your expertise          discover new approaches
                                                                                                                                   6
atures editorially selected sub-categories from the current
hodologies” category in search results.
s                                                                    Fully expanded state
drive users interested in exploring further to dedicated                                                                                                     store
 s.                                                                                 logo                                                         search
                                                                                                                                                             cart
                                                                         today on                     current                                              account
                                                                                           blogs                   books        authors           HBS     downloads
                                                                            hbr                      magazine
                                                                                                                 explore hbr
                                                                               more topics »                    more skills »                   more methods »
                                                                     8
                                                                          Strategy                       Decision making               Business processes
                                                                          Leadership                     Interpersonal skills          Management by objectives
                                                                          Organizational change          Project management            Quality management




                       jjg
                                                                          Information & technology       Managing uncertainty          Forecasting
                                                                          Global business                Time management               Knowledge management
                                                                           expand your knowledge            build your expertise          discover new approaches


 n | Harvard Business Review
We don’t show...


OUR WORK
“My work is proprietary.”


     NOT SO ANONYMOUS COWARD
NUT UP OR SHUT UP
4 DESIGNERS
    3 CAVEATS
   1 PROBLEM
RUSS        WILL




FRED   TODD (that’s me)
CAVEATS
.use a different tool
.no talking to each other
.document everything
BALSAMIQ       OMNIGRAFFLE




AXURE RP PRO   HTML/FIREWORKS
THE CASE STUDY
“If we can give $5 to a
stranger at a coffee shop,
 why can’t we do that for
       healthcare?”
      TORI TRUNCAN
LEND4HEALTH.COM
LEND4HEALTH.COM
THE APPROACH
@gabbyhon
I’VE HAVEN’T WORKD FROM A
REQUIREMENTS DOCUMENT IN
OVER 5 YEARS
TASK ANALYSIS GRID
INSPIRATION LIBRARY
SKETCHING
...AND MORE SKETCHING
...AND MORE SKETCHING
PITCH AND CRITIQUE
VISUAL DESIGN
PITCH AND CRITIQUE
HTML PROTOTYPE
HTML PROTOTYPE
PITCH AND CRITIQUE
FIREWORKS PROTOTYPE
ONE MORE THING...
CHALLENGES
.couldn’t talk to each other
.research handed to me
.no “formal” usability testing
PRINCIPALS
.sketch (a lot)
.practice critique
.the best tool is the one you know
THANKS!
                           SAVE 25% WITH
http://bitly.com/protobk   DISCOUNT CODE TODD

Mais conteúdo relacionado

Destaque

Behind the kimono-agile2010
Behind the kimono-agile2010Behind the kimono-agile2010
Behind the kimono-agile2010Todd Zaki Warfel
 
Finding Information in the Workplace
Finding Information in the WorkplaceFinding Information in the Workplace
Finding Information in the WorkplaceTodd Zaki Warfel
 
Goal Based Data Driven Design
Goal Based Data Driven DesignGoal Based Data Driven Design
Goal Based Data Driven DesignTodd Zaki Warfel
 
Agile And Paper Prototyping
Agile And Paper PrototypingAgile And Paper Prototyping
Agile And Paper PrototypingTodd Zaki Warfel
 
8 Principles Of Prototyping
8 Principles Of Prototyping8 Principles Of Prototyping
8 Principles Of PrototypingTodd Zaki Warfel
 
Delve Prototyping In The Wild
Delve Prototyping In The WildDelve Prototyping In The Wild
Delve Prototyping In The WildTodd Zaki Warfel
 
Data Driven Personas Summit 08
Data Driven Personas Summit 08Data Driven Personas Summit 08
Data Driven Personas Summit 08Todd Zaki Warfel
 
Data Driven Design Research Personas
Data Driven Design Research PersonasData Driven Design Research Personas
Data Driven Design Research PersonasTodd Zaki Warfel
 
The Service Blueprints Overview
The Service Blueprints OverviewThe Service Blueprints Overview
The Service Blueprints Overview31Volts
 

Destaque (13)

Behind the kimono-agile2010
Behind the kimono-agile2010Behind the kimono-agile2010
Behind the kimono-agile2010
 
Finding Information in the Workplace
Finding Information in the WorkplaceFinding Information in the Workplace
Finding Information in the Workplace
 
Goal Based Data Driven Design
Goal Based Data Driven DesignGoal Based Data Driven Design
Goal Based Data Driven Design
 
7 Prototyping Principles
7 Prototyping Principles7 Prototyping Principles
7 Prototyping Principles
 
Agile And Paper Prototyping
Agile And Paper PrototypingAgile And Paper Prototyping
Agile And Paper Prototyping
 
Right Way to Wireframe
Right Way to WireframeRight Way to Wireframe
Right Way to Wireframe
 
8 Principles Of Prototyping
8 Principles Of Prototyping8 Principles Of Prototyping
8 Principles Of Prototyping
 
Delve Prototyping In The Wild
Delve Prototyping In The WildDelve Prototyping In The Wild
Delve Prototyping In The Wild
 
Data Driven Personas Summit 08
Data Driven Personas Summit 08Data Driven Personas Summit 08
Data Driven Personas Summit 08
 
Data Driven Personas
Data Driven PersonasData Driven Personas
Data Driven Personas
 
Ux aus prototyping
Ux aus prototypingUx aus prototyping
Ux aus prototyping
 
Data Driven Design Research Personas
Data Driven Design Research PersonasData Driven Design Research Personas
Data Driven Design Research Personas
 
The Service Blueprints Overview
The Service Blueprints OverviewThe Service Blueprints Overview
The Service Blueprints Overview
 

Último

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja Nehwal
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxsuhanimunjal27
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationZenSeloveres
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funneljen_giacalone
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Call Girls in Nagpur High Profile
 
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- IntroductionDESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introductionsivagami49
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.Nitya salvi
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...RitikaRoy32
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...home
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja Nehwal
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedDelhi Call girls
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...instagramfab782445
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...amitlee9823
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation decktbatkhuu1
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...amitlee9823
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...BarusRa
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)amitlee9823
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...SUHANI PANDEY
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Servicearoranaina404
 

Último (20)

Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Nagavara ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Hy...
 
infant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptxinfant assessment fdbbdbdddinal ppt.pptx
infant assessment fdbbdbdddinal ppt.pptx
 
Q4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentationQ4-W4-SCIENCE-5 power point presentation
Q4-W4-SCIENCE-5 power point presentation
 
Tapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the FunnelTapestry Clothing Brands: Collapsing the Funnel
Tapestry Clothing Brands: Collapsing the Funnel
 
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...Top Rated  Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
Top Rated Pune Call Girls Saswad ⟟ 6297143586 ⟟ Call Me For Genuine Sex Serv...
 
DESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- IntroductionDESIGN THINKING in architecture- Introduction
DESIGN THINKING in architecture- Introduction
 
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
❤Personal Whatsapp Number 8617697112 Samba Call Girls 💦✅.
 
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
UI:UX Design and Empowerment Strategies for Underprivileged Transgender Indiv...
 
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
Recommendable # 971589162217 # philippine Young Call Girls in Dubai By Marina...
 
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
Pooja 9892124323, Call girls Services and Mumbai Escort Service Near Hotel Th...
 
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verifiedSector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
Sector 105, Noida Call girls :8448380779 Model Escorts | 100% verified
 
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
Abortion pill for sale in Muscat (+918761049707)) Get Cytotec Cash on deliver...
 
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
Jigani Call Girls Service: 🍓 7737669865 🍓 High Profile Model Escorts | Bangal...
 
Peaches App development presentation deck
Peaches App development presentation deckPeaches App development presentation deck
Peaches App development presentation deck
 
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
Brookefield Call Girls: 🍓 7737669865 🍓 High Profile Model Escorts | Bangalore...
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...AMBER GRAIN EMBROIDERY | Growing folklore elements |  Root-based materials, w...
AMBER GRAIN EMBROIDERY | Growing folklore elements | Root-based materials, w...
 
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
Escorts Service Basapura ☎ 7737669865☎ Book Your One night Stand (Bangalore)
 
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
VIP Model Call Girls Kalyani Nagar ( Pune ) Call ON 8005736733 Starting From ...
 
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts ServiceVVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
VVIP CALL GIRLS Lucknow 💓 Lucknow < Renuka Sharma > 7877925207 Escorts Service
 

Design Secrets Revealed

  • 1. BEHIND THE KIMONO DESIGN SECRETS REVEALED UX AUSTRALIA @ZAKIWARFEL
  • 4.
  • 6.
  • 7. HAVE YOU EVER SEEN A WIREFRAME FROM jjg peter morville jared spool
  • 8. “I’ve never done a wireframe.” JARED SPOOL
  • 10. Navigation Default state store Version 1.0 logo search 2 Jesse James Garrett 1 cart BR today on current account blogs books authors HBS downloads ge highlights timely content from the blogs, magazine, hbr magazine 3 ections. explore hbr 4 expand your knowledge build your expertise discover new approaches ovides a focal point for all e-commerce related links. ge allows users to find aggregated links to content from Partially expanded state ors across blogs, magazine, and books sections. wer store logo search able area encourages and facilitates exploration of cart ubject. today on current account blogs books authors HBS downloads r knowledge hbr magazine atures editorially selected sub-categories from the current Strategy Decision making explore hbr Business processes gory in search results. Leadership Interpersonal skills Management by objectives Organizational change Project management Quality management xpertise Information & technology Managing uncertainty Forecasting atures editorially selected sub-categories from the current Global business Time management Knowledge management nt Skills” category in search results. 5 7 w approaches expand your knowledge build your expertise discover new approaches 6 atures editorially selected sub-categories from the current hodologies” category in search results. s Fully expanded state drive users interested in exploring further to dedicated store s. logo search cart today on current account blogs books authors HBS downloads hbr magazine explore hbr more topics » more skills » more methods » 8 Strategy Decision making Business processes Leadership Interpersonal skills Management by objectives Organizational change Project management Quality management jjg Information & technology Managing uncertainty Forecasting Global business Time management Knowledge management expand your knowledge build your expertise discover new approaches n | Harvard Business Review
  • 12. “My work is proprietary.” NOT SO ANONYMOUS COWARD
  • 13. NUT UP OR SHUT UP
  • 14. 4 DESIGNERS 3 CAVEATS 1 PROBLEM
  • 15. RUSS WILL FRED TODD (that’s me)
  • 16. CAVEATS .use a different tool .no talking to each other .document everything
  • 17. BALSAMIQ OMNIGRAFFLE AXURE RP PRO HTML/FIREWORKS
  • 19. “If we can give $5 to a stranger at a coffee shop, why can’t we do that for healthcare?” TORI TRUNCAN
  • 24.
  • 25.
  • 26. I’VE HAVEN’T WORKD FROM A REQUIREMENTS DOCUMENT IN OVER 5 YEARS
  • 39.
  • 41. CHALLENGES .couldn’t talk to each other .research handed to me .no “formal” usability testing
  • 42. PRINCIPALS .sketch (a lot) .practice critique .the best tool is the one you know
  • 43. THANKS! SAVE 25% WITH http://bitly.com/protobk DISCOUNT CODE TODD