SlideShare a Scribd company logo
1 of 64
Download to read offline
THE RIGHT WAY TO WIREFRAME
WebVisions 2011 | #rwtw




Russ Unger | @russu
We don’t show...


OUR WORK
DESIGNERS DO IT
DEVELOPERS DO IT
HAVE YOU EVER SEEN
A WIREFRAME FROM
             jesse james garrett
             peter morville
             jared spool
peter morville
al Navigation                                                            Default state
                                                                                                                                                                 store
009                                                    Version 1.0                      logo                                                         search                  2
                                               Jesse James Garrett   1                                                                                           cart
n HBR                                                                        today on                     current                                              account
                                                                                               blogs                   books        authors           HBS     downloads
 page highlights timely content from the blogs, magazine,                       hbr                      magazine
                                                                                                                                                3
 s sections.                                                                                                        explore hbr
                                                                     4
ea                                                                             expand your knowledge            build your expertise          discover new approaches
  provides a focal point for all e-commerce related links.

 page allows users to find aggregated links to content from               Partially expanded state
 uthors across blogs, magazine, and books sections.
drawer
                                                                                                                                                                 store
                                                                                        logo                                                         search
andable area encourages and facilitates exploration of                                                                                                      cart
 y subject.                                                                  today on                   current                                           account
                                                                                            blogs                     books      authors        HBS     downloads
your knowledge                                                                  hbr                    magazine
  features editorially selected sub-categories from the current               Strategy                      Decision making
                                                                                                                    explore hbr         Business processes
 ategory in search results.                                                   Leadership                    Interpersonal skills        Management by objectives
                                                                              Organizational change         Project management          Quality management
ur expertise
                                                                              Information & technology      Managing uncertainty        Forecasting
  features editorially selected sub-categories from the current               Global business               Time management             Knowledge management
ment Skills” category in search results.                                 5                                                                                               7
  new approaches
                                                                               expand your knowledge            build your expertise          discover new approaches
                                                                                                                                       6
  features editorially selected sub-categories from the current
Methodologies” category in search results.
 nks                                                                     Fully expanded state
 ks drive users interested in exploring further to dedicated                                                                                                     store
 ages.                                                                                  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




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


 sign | Harvard Business Review
“I’ve never done a wireframe*”

      *




jared spool
What’s the best tool?


WIREFRAMING/PROTOTYPING
What’s the best tool?


WIREFRAMING/PROTOTYPING

                             “Now that I’m a consumer of
                        wireframes, I want to see prototypes!”
                                      Christina Wodtke | @cwodtke




        “You can’t say that works
   for everyone just because it works
              for you now!”
                        Me | @russu
“Can, too!”
              “Cannot!”

“Can, too!”
              “Cannot!”

“Can, too!”
              “Cannot!”

“Can, too!”
              “Cannot!”

“Can, too!”
              “Cannot!”
sigh.
I <3   and...
If you’re still arguing about wireframes vs. prototypes


YOU’RE MISSING THE POINT
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 (that’s me)   WILL




     FRED          TODD
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 TUNCAN




96 Loans for a total of
      $67,452
LEND4HEALTH.COM
THE APPROACH
@gabbyhon
REQUIREMENTS?
IT’S BEEN YEARS
task analysis grid
inspiration library
THIS IS HOW I DID IT
requirements
personas
information architecture
information architecture
Meet Angela
 The Loan Funder


                                    Angela arrives at   Angela Searches for a Loan   Angela Reviews Details of
                                    Lend4Health.com              to Fund                  Loan Request
                                       (0.0.0.0)                (1.0.0.0)                    (1.1.0.0)




  http://www.flickr.com/photos/
  11762156@N06/2912606267/
Part-time working mother of 8
year old son Avery who is able to
stay with a babysitter several
hours a day. Angela has been
through the gamut of testing and
wants to help others.




        user journey
Lend4Health.com
                  Search Loans to Fund   Loan Details
   Home Page
                       (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)




sketching
Quantity over quality


15 SKETCHES / 3 SCREENS
i even sketched this presentation
Lend4Health.com
                  Search Loans to Fund   Loan Details
   Home Page
                       (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)




wireframing
@simplybrad
Lend4Health.com
                  Search Loans to Fund   Loan Details
   Home Page
                       (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)




visual design
pretty cool
the entire process
Four Different Designers


THIS IS THE OVERLAP
information architecture
information architecture
information architecture
sketching
sketching
sketching
sketching
visual design
visual design
visual design
visual design
http://is.gd/curls   http://is.gd/curow




http://is.gd/curw2   http://is.gd/curpN
CHALLENGES
.couldn’t talk to each other
.research handed to us
.no “formal” usability testing
PRINCIPALS
.sketch (a lot)
.practice critique
.the best tool is the one you know
THANK YOU!




Russ Unger | @russu

More Related Content

More from Russ U

Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdf
Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdfHiring & Onboarding in Turbulent Times FTW - Interaction23.pdf
Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdfRuss U
 
SXSW 2022 - Hiring & Getting Hired in Turbulent Times Workshop
SXSW 2022 - Hiring & Getting Hired in Turbulent Times WorkshopSXSW 2022 - Hiring & Getting Hired in Turbulent Times Workshop
SXSW 2022 - Hiring & Getting Hired in Turbulent Times WorkshopRuss U
 
3 Cs of Design - Charters, Critique, and Culture - Amuse Conference
3 Cs of Design - Charters, Critique, and Culture - Amuse Conference3 Cs of Design - Charters, Critique, and Culture - Amuse Conference
3 Cs of Design - Charters, Critique, and Culture - Amuse ConferenceRuss U
 
Guerrilla Design & Research Methods - Amuse Conference
Guerrilla Design & Research Methods - Amuse ConferenceGuerrilla Design & Research Methods - Amuse Conference
Guerrilla Design & Research Methods - Amuse ConferenceRuss U
 
3 Cs of Design: Charters, Critique, & Culture
3 Cs of Design: Charters, Critique, & Culture3 Cs of Design: Charters, Critique, & Culture
3 Cs of Design: Charters, Critique, & CultureRuss U
 
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...Design Culture Basics - Creating Your Team Charter - Interaction South Americ...
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...Russ U
 
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...Russ U
 
DesignOps Skunk Works
DesignOps Skunk WorksDesignOps Skunk Works
DesignOps Skunk WorksRuss U
 
The 3 Cs of Design: Charters, Critique, and Culture
The 3 Cs of Design: Charters, Critique, and CultureThe 3 Cs of Design: Charters, Critique, and Culture
The 3 Cs of Design: Charters, Critique, and CultureRuss U
 
IA Summit Career Workshop 2015
IA Summit Career Workshop 2015IA Summit Career Workshop 2015
IA Summit Career Workshop 2015Russ U
 
Speaker Camp Seattle Workshop
Speaker Camp Seattle WorkshopSpeaker Camp Seattle Workshop
Speaker Camp Seattle WorkshopRuss U
 
DesignOps Skunk Works - SXSW 2015
DesignOps Skunk Works - SXSW 2015DesignOps Skunk Works - SXSW 2015
DesignOps Skunk Works - SXSW 2015Russ U
 
Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)Russ U
 
Jim Henson & Prototyping with Puppets
Jim Henson & Prototyping with PuppetsJim Henson & Prototyping with Puppets
Jim Henson & Prototyping with PuppetsRuss U
 
Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014Russ U
 
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...Russ U
 
UX Lisbon - The Workshop Workshop
UX Lisbon - The Workshop WorkshopUX Lisbon - The Workshop Workshop
UX Lisbon - The Workshop WorkshopRuss U
 
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...Russ U
 
Things I've Learned (& Am Still Learning) from Leading (UX Designers)
Things I've Learned (& Am Still Learning) from Leading (UX Designers)Things I've Learned (& Am Still Learning) from Leading (UX Designers)
Things I've Learned (& Am Still Learning) from Leading (UX Designers)Russ U
 
From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim HensonFrom Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim HensonRuss U
 

More from Russ U (20)

Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdf
Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdfHiring & Onboarding in Turbulent Times FTW - Interaction23.pdf
Hiring & Onboarding in Turbulent Times FTW - Interaction23.pdf
 
SXSW 2022 - Hiring & Getting Hired in Turbulent Times Workshop
SXSW 2022 - Hiring & Getting Hired in Turbulent Times WorkshopSXSW 2022 - Hiring & Getting Hired in Turbulent Times Workshop
SXSW 2022 - Hiring & Getting Hired in Turbulent Times Workshop
 
3 Cs of Design - Charters, Critique, and Culture - Amuse Conference
3 Cs of Design - Charters, Critique, and Culture - Amuse Conference3 Cs of Design - Charters, Critique, and Culture - Amuse Conference
3 Cs of Design - Charters, Critique, and Culture - Amuse Conference
 
Guerrilla Design & Research Methods - Amuse Conference
Guerrilla Design & Research Methods - Amuse ConferenceGuerrilla Design & Research Methods - Amuse Conference
Guerrilla Design & Research Methods - Amuse Conference
 
3 Cs of Design: Charters, Critique, & Culture
3 Cs of Design: Charters, Critique, & Culture3 Cs of Design: Charters, Critique, & Culture
3 Cs of Design: Charters, Critique, & Culture
 
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...Design Culture Basics - Creating Your Team Charter - Interaction South Americ...
Design Culture Basics - Creating Your Team Charter - Interaction South Americ...
 
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...
The 3 Cs of Design - Charters, Critique, and Culture - Interaction South Amer...
 
DesignOps Skunk Works
DesignOps Skunk WorksDesignOps Skunk Works
DesignOps Skunk Works
 
The 3 Cs of Design: Charters, Critique, and Culture
The 3 Cs of Design: Charters, Critique, and CultureThe 3 Cs of Design: Charters, Critique, and Culture
The 3 Cs of Design: Charters, Critique, and Culture
 
IA Summit Career Workshop 2015
IA Summit Career Workshop 2015IA Summit Career Workshop 2015
IA Summit Career Workshop 2015
 
Speaker Camp Seattle Workshop
Speaker Camp Seattle WorkshopSpeaker Camp Seattle Workshop
Speaker Camp Seattle Workshop
 
DesignOps Skunk Works - SXSW 2015
DesignOps Skunk Works - SXSW 2015DesignOps Skunk Works - SXSW 2015
DesignOps Skunk Works - SXSW 2015
 
Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)Jim Henson and Prototyping (with Puppets)
Jim Henson and Prototyping (with Puppets)
 
Jim Henson & Prototyping with Puppets
Jim Henson & Prototyping with PuppetsJim Henson & Prototyping with Puppets
Jim Henson & Prototyping with Puppets
 
Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014Speaker Camp Atlanta Workshop - June 28, 2014
Speaker Camp Atlanta Workshop - June 28, 2014
 
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...
UX Lisbon - Things I've Learned (and Am Still Learning) from Leading (UX Desi...
 
UX Lisbon - The Workshop Workshop
UX Lisbon - The Workshop WorkshopUX Lisbon - The Workshop Workshop
UX Lisbon - The Workshop Workshop
 
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...
(The Top 2-3) Things I've Learned (& Am Still Learning) From Leading (UX Desi...
 
Things I've Learned (& Am Still Learning) from Leading (UX Designers)
Things I've Learned (& Am Still Learning) from Leading (UX Designers)Things I've Learned (& Am Still Learning) from Leading (UX Designers)
Things I've Learned (& Am Still Learning) from Leading (UX Designers)
 
From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim HensonFrom Muppets to Mastery – Core UX Principles from Mr. Jim Henson
From Muppets to Mastery – Core UX Principles from Mr. Jim Henson
 

Recently uploaded

办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证nhjeo1gg
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130Suhani Kapoor
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case StudySophia Viganò
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpmainac1
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130Suhani Kapoor
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130Suhani Kapoor
 
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
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdfSwaraliBorhade
 
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
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back17lcow074
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girlsssuser7cb4ff
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxmapanig881
 
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
 
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxIntroduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxnewslab143
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailDesigntroIntroducing
 

Recently uploaded (20)

办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
在线办理ohio毕业证俄亥俄大学毕业证成绩单留信学历认证
 
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
VIP Call Girls Service Mehdipatnam Hyderabad Call +91-8250192130
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
ARt app | UX Case Study
ARt app | UX Case StudyARt app | UX Case Study
ARt app | UX Case Study
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
Kindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUpKindergarten Assessment Questions Via LessonUp
Kindergarten Assessment Questions Via LessonUp
 
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
VIP Call Girls Service Kukatpally Hyderabad Call +91-8250192130
 
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
VIP Call Girls Service Bhagyanagar Hyderabad Call +91-8250192130
 
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
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf3D Printing And Designing Final Report.pdf
3D Printing And Designing Final Report.pdf
 
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🔝
 
shot list for my tv series two steps back
shot list for my tv series two steps backshot list for my tv series two steps back
shot list for my tv series two steps back
 
Call Girls Meghani Nagar 7397865700 Independent Call Girls
Call Girls Meghani Nagar 7397865700  Independent Call GirlsCall Girls Meghani Nagar 7397865700  Independent Call Girls
Call Girls Meghani Nagar 7397865700 Independent Call Girls
 
Untitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptxUntitled presedddddddddddddddddntation (1).pptx
Untitled presedddddddddddddddddntation (1).pptx
 
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
 
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptxIntroduction-to-Canva-and-Graphic-Design-Basics.pptx
Introduction-to-Canva-and-Graphic-Design-Basics.pptx
 
NATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detailNATA 2024 SYLLABUS, full syllabus explained in detail
NATA 2024 SYLLABUS, full syllabus explained in detail
 

The Right Way to Wireframe - WebVisions 2011

  • 1. THE RIGHT WAY TO WIREFRAME WebVisions 2011 | #rwtw Russ Unger | @russu
  • 4.
  • 6.
  • 7. HAVE YOU EVER SEEN A WIREFRAME FROM jesse james garrett peter morville jared spool
  • 9. al Navigation Default state store 009 Version 1.0 logo search 2 Jesse James Garrett 1 cart n HBR today on current account blogs books authors HBS downloads page highlights timely content from the blogs, magazine, hbr magazine 3 s sections. explore hbr 4 ea expand your knowledge build your expertise discover new approaches provides a focal point for all e-commerce related links. page allows users to find aggregated links to content from Partially expanded state uthors across blogs, magazine, and books sections. drawer store logo search andable area encourages and facilitates exploration of cart y subject. today on current account blogs books authors HBS downloads your knowledge hbr magazine features editorially selected sub-categories from the current Strategy Decision making explore hbr Business processes ategory in search results. Leadership Interpersonal skills Management by objectives Organizational change Project management Quality management ur expertise Information & technology Managing uncertainty Forecasting features editorially selected sub-categories from the current Global business Time management Knowledge management ment Skills” category in search results. 5 7 new approaches expand your knowledge build your expertise discover new approaches 6 features editorially selected sub-categories from the current Methodologies” category in search results. nks Fully expanded state ks drive users interested in exploring further to dedicated store ages. 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 jesse james garrett Information & technology Managing uncertainty Forecasting Global business Time management Knowledge management expand your knowledge build your expertise discover new approaches sign | Harvard Business Review
  • 10. “I’ve never done a wireframe*” * jared spool
  • 11. What’s the best tool? WIREFRAMING/PROTOTYPING
  • 12. What’s the best tool? WIREFRAMING/PROTOTYPING “Now that I’m a consumer of wireframes, I want to see prototypes!” Christina Wodtke | @cwodtke “You can’t say that works for everyone just because it works for you now!” Me | @russu
  • 13. “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!”
  • 14. sigh.
  • 15. I <3 and...
  • 16. If you’re still arguing about wireframes vs. prototypes YOU’RE MISSING THE POINT
  • 18. “My work is proprietary.” NOT SO ANONYMOUS COWARD
  • 19. NUT UP OR SHUT UP
  • 20. 4 DESIGNERS 3 CAVEATS 1 PROBLEM
  • 21. RUSS (that’s me) WILL FRED TODD
  • 22. CAVEATS .use a different tool .no talking to each other .document everything
  • 23. BALSAMIQ OMNIGRAFFLE AXURE RP PRO HTML/FIREWORKS
  • 25. “If we can give $5 to a stranger at a coffee shop, why can’t we do that for healthcare?” TORI TUNCAN 96 Loans for a total of $67,452
  • 29.
  • 30.
  • 34. THIS IS HOW I DID IT
  • 39. Meet Angela The Loan Funder Angela arrives at Angela Searches for a Loan Angela Reviews Details of Lend4Health.com to Fund Loan Request (0.0.0.0) (1.0.0.0) (1.1.0.0) http://www.flickr.com/photos/ 11762156@N06/2912606267/ Part-time working mother of 8 year old son Avery who is able to stay with a babysitter several hours a day. Angela has been through the gamut of testing and wants to help others. user journey
  • 40. Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0) sketching
  • 41. Quantity over quality 15 SKETCHES / 3 SCREENS
  • 42. i even sketched this presentation
  • 43.
  • 44. Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0) wireframing
  • 46. Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0) visual design
  • 61. http://is.gd/curls http://is.gd/curow http://is.gd/curw2 http://is.gd/curpN
  • 62. CHALLENGES .couldn’t talk to each other .research handed to us .no “formal” usability testing
  • 63. PRINCIPALS .sketch (a lot) .practice critique .the best tool is the one you know