SlideShare ist ein Scribd-Unternehmen logo
1 von 50
 
Who we are ,[object Object],[object Object]
Some of the things we do: ,[object Object],[object Object],[object Object],[object Object],[object Object]
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
What is a prototype?
 
 
 
 
 
 
 
How does this translate to RIA?
Wireframes are no longer effective for the kind of work we were doing
Hand waving only gets you so far.
No one wants to read a 200  page document  page document
Experience the  application, not imagine it
Prototyping Process ,[object Object],[object Object],[object Object],[object Object]
Prototyping Process ,[object Object],[object Object],[object Object],[object Object]
 
 
Prototyping Process ,[object Object],[object Object],[object Object],[object Object],[object Object]
Prototyping Process ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Reasons to Prototype ,[object Object],[object Object],[object Object],[object Object]
Prototyping in Flex ,[object Object],[object Object],[object Object],[object Object]
Demos ,[object Object],[object Object],[object Object],[object Object],[object Object]
Catalyst is just a tool ,[object Object],[object Object]
Prototypes Guidelines ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Resources ,[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Was ist angesagt?

UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaAnton Chandra
 
The Impact of Brand User Experience Design
The Impact of Brand User Experience DesignThe Impact of Brand User Experience Design
The Impact of Brand User Experience DesignMarc-Oliver Gern
 
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
Rapid Prototyping  with Axure RP  Part 3 – Using Axure for Usability Testing Rapid Prototyping  with Axure RP  Part 3 – Using Axure for Usability Testing
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing NorthernUX
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniquessuzeingram
 
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Julius Dietz
 
Prototyping: A Component for Successful Projects
Prototyping: A Component for Successful ProjectsPrototyping: A Component for Successful Projects
Prototyping: A Component for Successful ProjectsChris Griffith
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX ProcessRicardo Luiz
 
#flashtest: User Research Live
#flashtest: User Research Live#flashtest: User Research Live
#flashtest: User Research LiveUXPA Boston
 
Prototyping for Interaction Design
Prototyping for Interaction DesignPrototyping for Interaction Design
Prototyping for Interaction DesignPhilip van Allen
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?Sunny Kr
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaAnton Chandra
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Tradedpanarelli
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADgallangsadewa
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Chad Udell
 
Integrating Design and Development in Your Workflow
Integrating Design and Development in Your WorkflowIntegrating Design and Development in Your Workflow
Integrating Design and Development in Your WorkflowKarl Kaufmann
 

Was ist angesagt? (20)

UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Slide by Anton Chandra and Bahni Mahariasha
 
The Impact of Brand User Experience Design
The Impact of Brand User Experience DesignThe Impact of Brand User Experience Design
The Impact of Brand User Experience Design
 
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
Rapid Prototyping  with Axure RP  Part 3 – Using Axure for Usability Testing Rapid Prototyping  with Axure RP  Part 3 – Using Axure for Usability Testing
Rapid Prototyping with Axure RP Part 3 – Using Axure for Usability Testing
 
An Introduction To User Centred Design Techniques
An Introduction To User Centred Design TechniquesAn Introduction To User Centred Design Techniques
An Introduction To User Centred Design Techniques
 
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
Micro Feedback – Maximum Insights? UX Camp Europe 2015, Berlin, #uxce15
 
Os Leung
Os LeungOs Leung
Os Leung
 
Prototyping: A Component for Successful Projects
Prototyping: A Component for Successful ProjectsPrototyping: A Component for Successful Projects
Prototyping: A Component for Successful Projects
 
Prototyping
PrototypingPrototyping
Prototyping
 
User Experience: A Lean UX Process
User Experience: A Lean UX ProcessUser Experience: A Lean UX Process
User Experience: A Lean UX Process
 
#flashtest: User Research Live
#flashtest: User Research Live#flashtest: User Research Live
#flashtest: User Research Live
 
Prototyping for Interaction Design
Prototyping for Interaction DesignPrototyping for Interaction Design
Prototyping for Interaction Design
 
Prototyping
PrototypingPrototyping
Prototyping
 
What are wireframes?
What are wireframes?What are wireframes?
What are wireframes?
 
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni MahariashaUX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
UX Prototyping (UXiD) - Handout by Anton Chandra and Bahni Mahariasha
 
Tools of the UX Trade
Tools of the UX TradeTools of the UX Trade
Tools of the UX Trade
 
Tackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UADTackle the Problem with Design Thinking - GDSC UAD
Tackle the Problem with Design Thinking - GDSC UAD
 
Basics of UX Research
Basics of UX ResearchBasics of UX Research
Basics of UX Research
 
Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2Designers are from Venus - Presentationas Given to CD2
Designers are from Venus - Presentationas Given to CD2
 
Engineering UX
Engineering UXEngineering UX
Engineering UX
 
Integrating Design and Development in Your Workflow
Integrating Design and Development in Your WorkflowIntegrating Design and Development in Your Workflow
Integrating Design and Development in Your Workflow
 

Ähnlich wie 09

Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Petr Douša
 
Prototyping Workshop
Prototyping WorkshopPrototyping Workshop
Prototyping WorkshopTamara Pinos
 
Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Petr Douša
 
Behavior Driven Development with AngularJS & Jasmine
Behavior Driven Development with AngularJS & JasmineBehavior Driven Development with AngularJS & Jasmine
Behavior Driven Development with AngularJS & JasmineRemus Langu
 
Agile and UX, July 8 - Scrum Club, Los Angeles, CA
Agile and UX, July 8 - Scrum Club, Los Angeles, CAAgile and UX, July 8 - Scrum Club, Los Angeles, CA
Agile and UX, July 8 - Scrum Club, Los Angeles, CAPatrick Neeman
 
Delivery Process - Cognitive Express
Delivery Process - Cognitive ExpressDelivery Process - Cognitive Express
Delivery Process - Cognitive ExpressDebajit Ray
 
Software Development in 21st Century
Software Development in 21st CenturySoftware Development in 21st Century
Software Development in 21st CenturyHenry Jacob
 
Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Petr Douša
 
Integrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentIntegrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentJulia Borkenhagen
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design WorkshopPatrick McNeil
 
Bridging the gap
Bridging the gapBridging the gap
Bridging the gapUXDXConf
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMark Billinghurst
 
SCA in an Agile World | June 2010
SCA in an Agile World | June 2010SCA in an Agile World | June 2010
SCA in an Agile World | June 2010Klocwork
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypestec
 
Visibuild
VisibuildVisibuild
Visibuilddoeko
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsVisure Solutions
 

Ähnlich wie 09 (20)

Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012Power of Agile UX - Polish IA Summit 2012
Power of Agile UX - Polish IA Summit 2012
 
Prototyping Workshop
Prototyping WorkshopPrototyping Workshop
Prototyping Workshop
 
Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011Power of Agile UX - EuroIA 2011
Power of Agile UX - EuroIA 2011
 
Agile Engineering Practices
Agile Engineering PracticesAgile Engineering Practices
Agile Engineering Practices
 
Behavior Driven Development with AngularJS & Jasmine
Behavior Driven Development with AngularJS & JasmineBehavior Driven Development with AngularJS & Jasmine
Behavior Driven Development with AngularJS & Jasmine
 
Agile and UX, July 8 - Scrum Club, Los Angeles, CA
Agile and UX, July 8 - Scrum Club, Los Angeles, CAAgile and UX, July 8 - Scrum Club, Los Angeles, CA
Agile and UX, July 8 - Scrum Club, Los Angeles, CA
 
Delivery Process - Cognitive Express
Delivery Process - Cognitive ExpressDelivery Process - Cognitive Express
Delivery Process - Cognitive Express
 
Software Development in 21st Century
Software Development in 21st CenturySoftware Development in 21st Century
Software Development in 21st Century
 
Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011Power of Agile UX - Agile Prague 2011
Power of Agile UX - Agile Prague 2011
 
software-dev-life.pptx
software-dev-life.pptxsoftware-dev-life.pptx
software-dev-life.pptx
 
Integrating User Centered Design with Agile Development
Integrating User Centered Design with Agile DevelopmentIntegrating User Centered Design with Agile Development
Integrating User Centered Design with Agile Development
 
Intro to User Centered Design Workshop
Intro to User Centered Design WorkshopIntro to User Centered Design Workshop
Intro to User Centered Design Workshop
 
Bridging the gap
Bridging the gapBridging the gap
Bridging the gap
 
MHIT 603: Introduction to Prototyping
MHIT 603: Introduction to PrototypingMHIT 603: Introduction to Prototyping
MHIT 603: Introduction to Prototyping
 
Scrum For Developers
Scrum For DevelopersScrum For Developers
Scrum For Developers
 
SCA in an Agile World | June 2010
SCA in an Agile World | June 2010SCA in an Agile World | June 2010
SCA in an Agile World | June 2010
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Parents
ParentsParents
Parents
 
Visibuild
VisibuildVisibuild
Visibuild
 
Application Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing RequirementsApplication Prototyping - Pablo González - Capturing and Managing Requirements
Application Prototyping - Pablo González - Capturing and Managing Requirements
 

09

Hinweis der Redaktion

  1. Who is in the audience? quick poll.
  2. Persona
  3. Scenario story boards
  4. Tell stories - What’s the big idea?
  5. Wire Frames - 14 slides :)
  6. value of prototyping in product design.
  7. Prototype fidelity its not pretty. They let us quickly interact with the objects.
  8. They go beyond show and tell
  9. They encourage interaction
  10. They reveal the bigger picture
  11. They allow us to experience what could be
  12. Prototypes are messy
  13. CDE Wireframes were no longer effective for the kind of work we were doing. As good as our wireframe documentation model was, we were spending too much time explaining it. I don’t like having to explain my work. If I have to explain it, it’s broken. As the complexity of the system increases, the cost-to-benefit ratio of prototyping increases dramatically.
  14. Universal Mart Have you ever tried to describe a reveal transition? My best description, coupled with some strategic hand waving and magic wand simulations, still results in raised eyebrows and questionable looks.
  15. Symmetry Take a 60-page requirements document. Bring 15 people into a room. Hand it out. Let them all read it. Now ask them what you’re building. You’re going to get 15 different answers. Imagine trying the same thing with a 200-page requirements document—it gets even worse.
  16. Verizon Prototypes, on the other hand, have a number of advantages that help reduce misinterpretation: • You experience how the system would work, rather than just read about it. Prototypes encourage play. When you get someone to play with your prototype, you increase the likelihood that they’ll understand it. “ We can’t afford to prototype. We don’t have the budget for it.” I’ve heard each of these arguments dozens of times. Frankly, they’re not without some merit. As I said earlier, prototyping isn’t free, but the benefits of prototyping far outweigh the cost of prototyping, or most importantly, not prototyping. The earlier you catch a mistake, the lower the cost to fix it will be.
  17. Three-minute presentation per concept. A time limit of three minutes per presentation per concept means that you’ll have to focus on the strongest parts. And if you can’t explain your concept in less than two minutes, then something is probably wrong with it. Two-minute critique. Your peers get two minutes to critique your concept. During the critique, they have to provide two to three things they think are strong about it and one to two areas that need improvement or need to be worked out a bit more.
  18. These sessions typically last 1.5–3 hours, depending on the complexity of the prototype. During these sessions, I follow the basic presentation and critique model, Testing with the end customer is a standard usability test—8–12 participants, 5–6 scenarios, audio-video capture, analysis, and reporting of results afterward
  19. Ever been in the same room with a group of engineers and marketing people? They can’t talk to each other. Well, they can talk, but they can’t really have a conversation. But most importantly, getting designers and developers to work together to collectively flesh out the ideas builds relationships.
  20. • Determine what you need to prototype. • Set appropriate expectations. • Determine the right level of fidelity. • Pick the right tool for the job. 70% plan prototype the rest little more little less Based on User Scenarios Setting expectations is based on a psychological technique known as priming . When you prime your audience, you guide their attention and focus. Create a playlist script David Gray of Xplane asked by a show of hands who could draw. Of the 40 plus people attending only a few raised their hands. Then Dave asked another question, “Who here could draw when they were a kid?” Everyone in the room raised their hands. His response was simple, “So, what happened between then and now that you lost your ability to draw?” Nobody really had a good response.