SlideShare a Scribd company logo
1 of 43
Download to read 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

More Related Content

Viewers also liked

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
 

Viewers also liked (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
 

Recently uploaded

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Nightssuser7cb4ff
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一Fi sss
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一Fi L
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝soniya singh
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricksabhishekparmar618
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVAAnastasiya Kudinova
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfShivakumar Viswanathan
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfSumit Lathwal
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degreeyuu sss
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCRdollysharma2066
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 

Recently uploaded (20)

'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full NightCall Girls Aslali 7397865700 Ridhima Hire Me Full Night
Call Girls Aslali 7397865700 Ridhima Hire Me Full Night
 
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
(办理学位证)埃迪斯科文大学毕业证成绩单原版一比一
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.Mookuthi is an artisanal nose ornament brand based in Madras.
Mookuthi is an artisanal nose ornament brand based in Madras.
 
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
办理学位证(NUS证书)新加坡国立大学毕业证成绩单原版一比一
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
Call Girls in Okhla Delhi 💯Call Us 🔝8264348440🔝
 
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
昆士兰大学毕业证(UQ毕业证)#文凭成绩单#真实留信学历认证永久存档
 
Cosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable BricksCosumer Willingness to Pay for Sustainable Bricks
Cosumer Willingness to Pay for Sustainable Bricks
 
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
PORTAFOLIO   2024_  ANASTASIYA  KUDINOVAPORTAFOLIO   2024_  ANASTASIYA  KUDINOVA
PORTAFOLIO 2024_ ANASTASIYA KUDINOVA
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 
FiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdfFiveHypotheses_UIDMasterclass_18April2024.pdf
FiveHypotheses_UIDMasterclass_18April2024.pdf
 
Architecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdfArchitecture case study India Habitat Centre, Delhi.pdf
Architecture case study India Habitat Centre, Delhi.pdf
 
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
原版美国亚利桑那州立大学毕业证成绩单pdf电子版制作修改#毕业文凭制作#回国入职#diploma#degree
 
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
8377877756 Full Enjoy @24/7 Call Girls in Nirman Vihar Delhi NCR
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 

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