SlideShare una empresa de Scribd logo
1 de 71
Descargar para leer sin conexión
THE RIGHT WAY TO WIREFRAME
UXI Live! 2011 | #rwtw




Russ Unger | @russu
We don’t show
        OUR WORK
DESIGNERS
       Do It
DESIGNERS
       Do It
DEVELOPERS
        Do It
DEVELOPERS
        Do It
WHAT ABOUT UX?
We don’t show
        OUR WORK
“My work is proprietary.”
                   MINE, TOO.
Have you ever seen
           A WIREFRAME FROM...
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
ment Skills” category in search results.
  new approaches
  features editorially selected sub-categories from the current
                                                                         5
                                                                              Global business
                                                                               expand your knowledge       Jesse James Garret
                                                                                                            Time management
                                                                                                                build your expertise
                                                                                                                                       6
                                                                                                                                        Knowledge management
                                                                                                                                              discover new approaches
                                                                                                                                                                         7



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
                                                                              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 is the best tool?
     WIREFRAMING OR 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...
They are just Communication Tools.


Arguing about wireframes vs. prototypes is
                     MISSING THE POINT
It was time to
        NUT UP OR SHUT UP
4 DESIGNERS
Russ   Will   Fred   Todd
What is the best tool?
     WIREFRAMING OR PROTOTYPING
Balsamiq                                  HTML &
             Omnigraffle   Axure RP
Mockups                                  Fireworks




      Wireframes                 Prototypes
Three
  RULES
Three
  RULES
        - EVERYONE uses a different tool
        - EVERYTHING is documented
        - NO ONE talks to each other
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

      97 Loans for a total of
            $69,407
www.
  LEND4HEALTH.COM
whew.
Design the path for funding a loan.


         The
           OBJECTIVE
How it’s done
            TODAY
      - user reviews profiles/needs in the blog format
      - user determines amount they can loan
      - user contacts lend4health
      - lend4health connects user and loan recipient
      - lend4health supplies loan agreement
      - user funds loan via paypal
      - lender repays funds via paypal per agreement
      - lender supplies updates to child’s progress to lend4health and lender
          lend4health updates progress on website
      - continues until loan is paid back
whew.
The
 APPROACH
Gabby Hon
@gabbyhon
User & Company
         RESEARCH
User
 PERSONAS
Task Analysis
          GRID
Inspiration
       LIBRARY
This is how
       I DID IT
Requirements
      ANALYSIS
Persona
   CONSIDERATION
Information
      ARCHITECTURE
Information
      ARCHITECTURE
Angela: Loan Funder
                                                        USER JOURNEY
                                Angela arrives at   Angela Searches for a Loan   Angela Reviews Details of
                                Lend4Health.com              to Fund                  Loan Request
                  com/photos/
http://www.flickr.
              06/2912606267/
                                   (0.0.0.0)                (1.0.0.0)                    (1.1.0.0)
11762156@N
Pencil & Paper
                            SKETCHING
Lend4Health.com
                         Search Loans to Fund   Loan Details
   Home Page
                              (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)
Quantity over quality
           15 SKETCHES / 3 SCREENS
The Original
      PRESENTATION
Balsamiq Mockups
                     WIREFRAMING
Lend4Health.com
                  Search Loans to Fund   Loan Details
   Home Page
                       (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)
Brad Simpson
@simplybrad
Brad Simpson
                         VISUAL DESIGN
Lend4Health.com
                        Search Loans to Fund   Loan Details
   Home Page
                             (1.0.0.0)          (1.1.0.0)
    (0.0.0.0)
Lend4Health.com
          LOAN PAGE
          SEARCH LOANS
          HOMEDETAILS
Pretty Cool.
Here’s the
    ENTIRE PROCESS
Four Designers
          LOTS OF OVERLAP
Information
      ARCHITECTURE
Information
      ARCHITECTURE
Information
      ARCHITECTURE
Pencil & Paper
         SKETCHING
Pencil & Paper
         SKETCHING
Pencil & Paper
         SKETCHING
Pencil & Paper
         SKETCHING
Visual
   DESIGN
Visual
   DESIGN
Visual
   DESIGN
Visual
   DESIGN
Online
                                    VIDEOS

http://is.gd/curls   http://is.gd/curow   http://is.gd/curw2   http://is.gd/curpN
The primary
    CHALLENGES
     - UNABLE to talk/collaborate
     - RESEARCH handed to us
     - NO FORMAL usability testing
     - DEVELOPER was unknown
Core
 PRINCIPLES
       - SKETCHING (a lot) is THINKING (a lot)
       - CRITIQUE is extremely essential
       - BEST TOOL: the one you know
THANK YOU!
                      UXI Live! 2011 | #rwtw




Russ Unger | @russu

Más contenido relacionado

Destacado

Portland WordPress Meetup: 3.6 Preview
Portland WordPress Meetup: 3.6 PreviewPortland WordPress Meetup: 3.6 Preview
Portland WordPress Meetup: 3.6 Preview
Michael Fields
 
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
Dan Lipcan
 
Digital Inclusion- Census _DBDA
Digital Inclusion- Census _DBDADigital Inclusion- Census _DBDA
Digital Inclusion- Census _DBDA
Ravi Prakash
 
דר קשת יעל Web 2.O
דר קשת יעל Web 2.Oדר קשת יעל Web 2.O
דר קשת יעל Web 2.O
guest1a41e4
 
12 Key Insights from Customer Experiences with Soul
12 Key Insights from Customer Experiences with Soul12 Key Insights from Customer Experiences with Soul
12 Key Insights from Customer Experiences with Soul
Holonomics
 

Destacado (20)

Ibm marketing cloud by Be2see
Ibm marketing cloud by Be2seeIbm marketing cloud by Be2see
Ibm marketing cloud by Be2see
 
Mobile web UX Design - Barak Danin, UXI Live 2011
Mobile web UX Design - Barak Danin, UXI Live 2011Mobile web UX Design - Barak Danin, UXI Live 2011
Mobile web UX Design - Barak Danin, UXI Live 2011
 
Customer Service Management Audit - Urban Station Coffee
Customer Service Management Audit - Urban Station CoffeeCustomer Service Management Audit - Urban Station Coffee
Customer Service Management Audit - Urban Station Coffee
 
Digital Transformation: 5 Steps to Customer Centricity
Digital Transformation: 5 Steps to Customer CentricityDigital Transformation: 5 Steps to Customer Centricity
Digital Transformation: 5 Steps to Customer Centricity
 
Service Design Thinking - How to successfully innovate beyond buzzwords
Service Design Thinking - How to successfully innovate beyond buzzwordsService Design Thinking - How to successfully innovate beyond buzzwords
Service Design Thinking - How to successfully innovate beyond buzzwords
 
UXI Live 2011 Ami Rotter
UXI Live 2011 Ami RotterUXI Live 2011 Ami Rotter
UXI Live 2011 Ami Rotter
 
5 Steps To Handling A Customer Complaint About IT
5 Steps To Handling A Customer Complaint About IT5 Steps To Handling A Customer Complaint About IT
5 Steps To Handling A Customer Complaint About IT
 
Portland WordPress Meetup: 3.6 Preview
Portland WordPress Meetup: 3.6 PreviewPortland WordPress Meetup: 3.6 Preview
Portland WordPress Meetup: 3.6 Preview
 
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
Divide and Collaborate: Building Digiral Collections One Piece at A Time, ARL...
 
UXI Live 2011 - טאב, אפליקציה והח' הקדמון
UXI Live 2011 - טאב, אפליקציה והח' הקדמוןUXI Live 2011 - טאב, אפליקציה והח' הקדמון
UXI Live 2011 - טאב, אפליקציה והח' הקדמון
 
60 Statistics that You Need to Know to Improve Your Customer Service
60 Statistics that You Need to Know to Improve Your Customer Service60 Statistics that You Need to Know to Improve Your Customer Service
60 Statistics that You Need to Know to Improve Your Customer Service
 
Digital Inclusion- Census _DBDA
Digital Inclusion- Census _DBDADigital Inclusion- Census _DBDA
Digital Inclusion- Census _DBDA
 
Managing a Multi-Generational Workforce in a Customer Service Environment - S...
Managing a Multi-Generational Workforce in a Customer Service Environment - S...Managing a Multi-Generational Workforce in a Customer Service Environment - S...
Managing a Multi-Generational Workforce in a Customer Service Environment - S...
 
דר קשת יעל Web 2.O
דר קשת יעל Web 2.Oדר קשת יעל Web 2.O
דר קשת יעל Web 2.O
 
שינוי התנהגות - חן שקדי - UXI Live 2011
שינוי התנהגות - חן שקדי - UXI Live 2011שינוי התנהגות - חן שקדי - UXI Live 2011
שינוי התנהגות - חן שקדי - UXI Live 2011
 
5 Tips to Improve Customer Service in Manufacturing
5 Tips to Improve Customer Service in Manufacturing5 Tips to Improve Customer Service in Manufacturing
5 Tips to Improve Customer Service in Manufacturing
 
Doctor What
Doctor WhatDoctor What
Doctor What
 
UXI Live 2011 lecture by Dr. Yaakov Greenshpan
UXI Live 2011 lecture by Dr. Yaakov GreenshpanUXI Live 2011 lecture by Dr. Yaakov Greenshpan
UXI Live 2011 lecture by Dr. Yaakov Greenshpan
 
The "Thank You Effect": 50 Small Ways to Improve Customer Service
The "Thank You Effect": 50 Small Ways to Improve Customer ServiceThe "Thank You Effect": 50 Small Ways to Improve Customer Service
The "Thank You Effect": 50 Small Ways to Improve Customer Service
 
12 Key Insights from Customer Experiences with Soul
12 Key Insights from Customer Experiences with Soul12 Key Insights from Customer Experiences with Soul
12 Key Insights from Customer Experiences with Soul
 

Similar a UX Israel - Live - The Right Way to Wireframe

8 better practices from information architecture
8 better practices from information architecture8 better practices from information architecture
8 better practices from information architecture
UIEpreviews
 
Results driven blogging for B2B brands
Results driven blogging for B2B brandsResults driven blogging for B2B brands
Results driven blogging for B2B brands
Alison Bolen
 
Course outline p&bm
Course outline p&bmCourse outline p&bm
Course outline p&bm
mrinal786
 
Next Generation Business And Retail Analytics Webinar
Next Generation Business And Retail Analytics WebinarNext Generation Business And Retail Analytics Webinar
Next Generation Business And Retail Analytics Webinar
Lightship Partners LLC
 
Non-Standard Grocery Channels (Amazon & beyond) 2012
Non-Standard Grocery Channels (Amazon & beyond) 2012Non-Standard Grocery Channels (Amazon & beyond) 2012
Non-Standard Grocery Channels (Amazon & beyond) 2012
Evolution Insights
 
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBMKey Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
ICCTY
 

Similar a UX Israel - Live - The Right Way to Wireframe (18)

8 better practices from information architecture
8 better practices from information architecture8 better practices from information architecture
8 better practices from information architecture
 
What is hub spot
What is hub spotWhat is hub spot
What is hub spot
 
What is hub spot
What is hub spotWhat is hub spot
What is hub spot
 
Mesh Labs Introduction June 2012
Mesh Labs Introduction June 2012Mesh Labs Introduction June 2012
Mesh Labs Introduction June 2012
 
Results driven blogging for B2B brands
Results driven blogging for B2B brandsResults driven blogging for B2B brands
Results driven blogging for B2B brands
 
Aligned Strategy
Aligned StrategyAligned Strategy
Aligned Strategy
 
Orchestrated Content
Orchestrated ContentOrchestrated Content
Orchestrated Content
 
Brand & Experience (a workbook)
Brand & Experience (a workbook) Brand & Experience (a workbook)
Brand & Experience (a workbook)
 
Brand rjvntr brochure
Brand rjvntr brochureBrand rjvntr brochure
Brand rjvntr brochure
 
Improving Findability: The Role of Information Architecture in Effective Search
Improving Findability: The Role of Information Architecture in Effective SearchImproving Findability: The Role of Information Architecture in Effective Search
Improving Findability: The Role of Information Architecture in Effective Search
 
What April has to offer
What April has to offerWhat April has to offer
What April has to offer
 
Course outline p&bm
Course outline p&bmCourse outline p&bm
Course outline p&bm
 
Next Generation Business And Retail Analytics Webinar
Next Generation Business And Retail Analytics WebinarNext Generation Business And Retail Analytics Webinar
Next Generation Business And Retail Analytics Webinar
 
DNUG 2012 Keynote - Social Business with IBM Connections
DNUG 2012 Keynote - Social Business with IBM ConnectionsDNUG 2012 Keynote - Social Business with IBM Connections
DNUG 2012 Keynote - Social Business with IBM Connections
 
DNUG keynote - Social business with IBM Connections
DNUG keynote - Social business with IBM ConnectionsDNUG keynote - Social business with IBM Connections
DNUG keynote - Social business with IBM Connections
 
B2B Marketing Clinic – Customer-Centric Content Development
B2B Marketing Clinic – Customer-Centric Content DevelopmentB2B Marketing Clinic – Customer-Centric Content Development
B2B Marketing Clinic – Customer-Centric Content Development
 
Non-Standard Grocery Channels (Amazon & beyond) 2012
Non-Standard Grocery Channels (Amazon & beyond) 2012Non-Standard Grocery Channels (Amazon & beyond) 2012
Non-Standard Grocery Channels (Amazon & beyond) 2012
 
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBMKey Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
Key Note Social + Cloud + Mobile = Opportunity3 - door Laurent Boes IBM
 

Más de Russ 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 Conference
Russ 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, & Culture
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
 
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
Russ U
 

Más de 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
 
The Workshop Workshop - UXI Live
The Workshop Workshop - UXI LiveThe Workshop Workshop - UXI Live
The Workshop Workshop - UXI Live
 
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)
 

Último

🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
Call Girls In Delhi Whatsup 9873940964 Enjoy Unlimited Pleasure
 
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
chetankumar9855
 

Último (20)

Manyata Tech Park ( Call Girls ) Bangalore ✔ 6297143586 ✔ Hot Model With Sexy...
Manyata Tech Park ( Call Girls ) Bangalore ✔ 6297143586 ✔ Hot Model With Sexy...Manyata Tech Park ( Call Girls ) Bangalore ✔ 6297143586 ✔ Hot Model With Sexy...
Manyata Tech Park ( Call Girls ) Bangalore ✔ 6297143586 ✔ Hot Model With Sexy...
 
Call Girls Service Jaipur {8445551418} ❤️VVIP BHAWNA Call Girl in Jaipur Raja...
Call Girls Service Jaipur {8445551418} ❤️VVIP BHAWNA Call Girl in Jaipur Raja...Call Girls Service Jaipur {8445551418} ❤️VVIP BHAWNA Call Girl in Jaipur Raja...
Call Girls Service Jaipur {8445551418} ❤️VVIP BHAWNA Call Girl in Jaipur Raja...
 
💕SONAM KUMAR💕Premium Call Girls Jaipur ↘️9257276172 ↙️One Night Stand With Lo...
💕SONAM KUMAR💕Premium Call Girls Jaipur ↘️9257276172 ↙️One Night Stand With Lo...💕SONAM KUMAR💕Premium Call Girls Jaipur ↘️9257276172 ↙️One Night Stand With Lo...
💕SONAM KUMAR💕Premium Call Girls Jaipur ↘️9257276172 ↙️One Night Stand With Lo...
 
Call Girls in Delhi Triveni Complex Escort Service(🔝))/WhatsApp 97111⇛47426
Call Girls in Delhi Triveni Complex Escort Service(🔝))/WhatsApp 97111⇛47426Call Girls in Delhi Triveni Complex Escort Service(🔝))/WhatsApp 97111⇛47426
Call Girls in Delhi Triveni Complex Escort Service(🔝))/WhatsApp 97111⇛47426
 
9630942363 Genuine Call Girls In Ahmedabad Gujarat Call Girls Service
9630942363 Genuine Call Girls In Ahmedabad Gujarat Call Girls Service9630942363 Genuine Call Girls In Ahmedabad Gujarat Call Girls Service
9630942363 Genuine Call Girls In Ahmedabad Gujarat Call Girls Service
 
Premium Bangalore Call Girls Jigani Dail 6378878445 Escort Service For Hot Ma...
Premium Bangalore Call Girls Jigani Dail 6378878445 Escort Service For Hot Ma...Premium Bangalore Call Girls Jigani Dail 6378878445 Escort Service For Hot Ma...
Premium Bangalore Call Girls Jigani Dail 6378878445 Escort Service For Hot Ma...
 
Models Call Girls In Hyderabad 9630942363 Hyderabad Call Girl & Hyderabad Esc...
Models Call Girls In Hyderabad 9630942363 Hyderabad Call Girl & Hyderabad Esc...Models Call Girls In Hyderabad 9630942363 Hyderabad Call Girl & Hyderabad Esc...
Models Call Girls In Hyderabad 9630942363 Hyderabad Call Girl & Hyderabad Esc...
 
🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
🌹Attapur⬅️ Vip Call Girls Hyderabad 📱9352852248 Book Well Trand Call Girls In...
 
Night 7k to 12k Navi Mumbai Call Girl Photo 👉 BOOK NOW 9833363713 👈 ♀️ night ...
Night 7k to 12k Navi Mumbai Call Girl Photo 👉 BOOK NOW 9833363713 👈 ♀️ night ...Night 7k to 12k Navi Mumbai Call Girl Photo 👉 BOOK NOW 9833363713 👈 ♀️ night ...
Night 7k to 12k Navi Mumbai Call Girl Photo 👉 BOOK NOW 9833363713 👈 ♀️ night ...
 
Night 7k to 12k Chennai City Center Call Girls 👉👉 7427069034⭐⭐ 100% Genuine E...
Night 7k to 12k Chennai City Center Call Girls 👉👉 7427069034⭐⭐ 100% Genuine E...Night 7k to 12k Chennai City Center Call Girls 👉👉 7427069034⭐⭐ 100% Genuine E...
Night 7k to 12k Chennai City Center Call Girls 👉👉 7427069034⭐⭐ 100% Genuine E...
 
Top Quality Call Girl Service Kalyanpur 6378878445 Available Call Girls Any Time
Top Quality Call Girl Service Kalyanpur 6378878445 Available Call Girls Any TimeTop Quality Call Girl Service Kalyanpur 6378878445 Available Call Girls Any Time
Top Quality Call Girl Service Kalyanpur 6378878445 Available Call Girls Any Time
 
Best Rate (Guwahati ) Call Girls Guwahati ⟟ 8617370543 ⟟ High Class Call Girl...
Best Rate (Guwahati ) Call Girls Guwahati ⟟ 8617370543 ⟟ High Class Call Girl...Best Rate (Guwahati ) Call Girls Guwahati ⟟ 8617370543 ⟟ High Class Call Girl...
Best Rate (Guwahati ) Call Girls Guwahati ⟟ 8617370543 ⟟ High Class Call Girl...
 
All Time Service Available Call Girls Marine Drive 📳 9820252231 For 18+ VIP C...
All Time Service Available Call Girls Marine Drive 📳 9820252231 For 18+ VIP C...All Time Service Available Call Girls Marine Drive 📳 9820252231 For 18+ VIP C...
All Time Service Available Call Girls Marine Drive 📳 9820252231 For 18+ VIP C...
 
Call Girls Rishikesh Just Call 9667172968 Top Class Call Girl Service Available
Call Girls Rishikesh Just Call 9667172968 Top Class Call Girl Service AvailableCall Girls Rishikesh Just Call 9667172968 Top Class Call Girl Service Available
Call Girls Rishikesh Just Call 9667172968 Top Class Call Girl Service Available
 
Call Girls Madurai Just Call 9630942363 Top Class Call Girl Service Available
Call Girls Madurai Just Call 9630942363 Top Class Call Girl Service AvailableCall Girls Madurai Just Call 9630942363 Top Class Call Girl Service Available
Call Girls Madurai Just Call 9630942363 Top Class Call Girl Service Available
 
8980367676 Call Girls In Ahmedabad Escort Service Available 24×7 In Ahmedabad
8980367676 Call Girls In Ahmedabad Escort Service Available 24×7 In Ahmedabad8980367676 Call Girls In Ahmedabad Escort Service Available 24×7 In Ahmedabad
8980367676 Call Girls In Ahmedabad Escort Service Available 24×7 In Ahmedabad
 
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
Call Girl In Pune 👉 Just CALL ME: 9352988975 💋 Call Out Call Both With High p...
 
Call Girls Raipur Just Call 9630942363 Top Class Call Girl Service Available
Call Girls Raipur Just Call 9630942363 Top Class Call Girl Service AvailableCall Girls Raipur Just Call 9630942363 Top Class Call Girl Service Available
Call Girls Raipur Just Call 9630942363 Top Class Call Girl Service Available
 
Best Rate (Patna ) Call Girls Patna ⟟ 8617370543 ⟟ High Class Call Girl In 5 ...
Best Rate (Patna ) Call Girls Patna ⟟ 8617370543 ⟟ High Class Call Girl In 5 ...Best Rate (Patna ) Call Girls Patna ⟟ 8617370543 ⟟ High Class Call Girl In 5 ...
Best Rate (Patna ) Call Girls Patna ⟟ 8617370543 ⟟ High Class Call Girl In 5 ...
 
Russian Call Girls Service Jaipur {8445551418} ❤️PALLAVI VIP Jaipur Call Gir...
Russian Call Girls Service  Jaipur {8445551418} ❤️PALLAVI VIP Jaipur Call Gir...Russian Call Girls Service  Jaipur {8445551418} ❤️PALLAVI VIP Jaipur Call Gir...
Russian Call Girls Service Jaipur {8445551418} ❤️PALLAVI VIP Jaipur Call Gir...
 

UX Israel - Live - The Right Way to Wireframe

  • 1. THE RIGHT WAY TO WIREFRAME UXI Live! 2011 | #rwtw Russ Unger | @russu
  • 2. We don’t show OUR WORK
  • 3. DESIGNERS Do It
  • 4. DESIGNERS Do It
  • 5. DEVELOPERS Do It
  • 6. DEVELOPERS Do It
  • 8. We don’t show OUR WORK
  • 9. “My work is proprietary.” MINE, TOO.
  • 10. Have you ever seen A WIREFRAME FROM...
  • 12. 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 ment Skills” category in search results. new approaches features editorially selected sub-categories from the current 5 Global business expand your knowledge Jesse James Garret Time management build your expertise 6 Knowledge management discover new approaches 7 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 Information & technology Managing uncertainty Forecasting Global business Time management Knowledge management expand your knowledge build your expertise discover new approaches sign | Harvard Business Review
  • 13. “I’ve never done a wireframe*” * Jared Spool
  • 14. What is the best tool? WIREFRAMING OR PROTOTYPING
  • 15. “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
  • 16. “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!” “Can, too!” “Cannot!”
  • 17. sigh.
  • 18. I <3 and...
  • 19. They are just Communication Tools. Arguing about wireframes vs. prototypes is MISSING THE POINT
  • 20. It was time to NUT UP OR SHUT UP
  • 22. Russ Will Fred Todd
  • 23. What is the best tool? WIREFRAMING OR PROTOTYPING
  • 24. Balsamiq HTML & Omnigraffle Axure RP Mockups Fireworks Wireframes Prototypes
  • 26. Three RULES - EVERYONE uses a different tool - EVERYTHING is documented - NO ONE talks to each other
  • 28. “If we can give $5 to a stranger at a coffee shop, why can’t we do that for healthcare?” Tori Tuncan 97 Loans for a total of $69,407
  • 30. whew.
  • 31. Design the path for funding a loan. The OBJECTIVE
  • 32. How it’s done TODAY - user reviews profiles/needs in the blog format - user determines amount they can loan - user contacts lend4health - lend4health connects user and loan recipient - lend4health supplies loan agreement - user funds loan via paypal - lender repays funds via paypal per agreement - lender supplies updates to child’s progress to lend4health and lender lend4health updates progress on website - continues until loan is paid back
  • 33. whew.
  • 36. User & Company RESEARCH
  • 39. Inspiration LIBRARY
  • 40. This is how I DID IT
  • 41. Requirements ANALYSIS
  • 42. Persona CONSIDERATION
  • 43. Information ARCHITECTURE
  • 44. Information ARCHITECTURE
  • 45. Angela: Loan Funder USER JOURNEY Angela arrives at Angela Searches for a Loan Angela Reviews Details of Lend4Health.com to Fund Loan Request com/photos/ http://www.flickr. 06/2912606267/ (0.0.0.0) (1.0.0.0) (1.1.0.0) 11762156@N
  • 46. Pencil & Paper SKETCHING Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0)
  • 47. Quantity over quality 15 SKETCHES / 3 SCREENS
  • 48. The Original PRESENTATION
  • 49. Balsamiq Mockups WIREFRAMING Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0)
  • 51. Brad Simpson VISUAL DESIGN Lend4Health.com Search Loans to Fund Loan Details Home Page (1.0.0.0) (1.1.0.0) (0.0.0.0)
  • 52. Lend4Health.com LOAN PAGE SEARCH LOANS HOMEDETAILS
  • 54. Here’s the ENTIRE PROCESS
  • 55.
  • 56. Four Designers LOTS OF OVERLAP
  • 57. Information ARCHITECTURE
  • 58. Information ARCHITECTURE
  • 59. Information ARCHITECTURE
  • 60. Pencil & Paper SKETCHING
  • 61. Pencil & Paper SKETCHING
  • 62. Pencil & Paper SKETCHING
  • 63. Pencil & Paper SKETCHING
  • 64. Visual DESIGN
  • 65. Visual DESIGN
  • 66. Visual DESIGN
  • 67. Visual DESIGN
  • 68. Online VIDEOS http://is.gd/curls http://is.gd/curow http://is.gd/curw2 http://is.gd/curpN
  • 69. The primary CHALLENGES - UNABLE to talk/collaborate - RESEARCH handed to us - NO FORMAL usability testing - DEVELOPER was unknown
  • 70. Core PRINCIPLES - SKETCHING (a lot) is THINKING (a lot) - CRITIQUE is extremely essential - BEST TOOL: the one you know
  • 71. THANK YOU! UXI Live! 2011 | #rwtw Russ Unger | @russu