Loading…

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

Like this presentation? Why not share!

Make it or Break It: Evolutionary or Throwaway Prototyping

on

  • 3,854 views

Prototyping is a key tool for improving the user experience and defining a product. What's the best approach: incrementally use the target development environment to create the code, or use a ...

Prototyping is a key tool for improving the user experience and defining a product. What's the best approach: incrementally use the target development environment to create the code, or use a technique that explores design ideas without delivering on the prototype platform?

Statistics

Views

Total Views
3,854
Views on SlideShare
3,850
Embed Views
4

Actions

Likes
0
Downloads
37
Comments
2

2 Embeds 4

http://us-w1.rockmelt.com 3
https://twitter.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Good slideshare at idea for use case the presentation
    Are you sure you want to
    Your message goes here
    Processing…
  • I love these slides! Did you know we’re running a competition on SlideShare to win a 3M PocketProjector MP180? To enter, simply tag your presentation with ‘3MInform’. Head over to our page for more details... and don’t forget to follow us to find out if you get shortlisted!
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Make it or Break It: Evolutionary or Throwaway Prototyping Make it or Break It: Evolutionary or Throwaway Prototyping Presentation Transcript

  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Make  It  or  Break  It:     Evolu0onary  Vs.  Throwaway   Protoyping   November  8,  2010 Joe  Sokohl joe@regularjoeconsul>ng.com @mojoguzzi
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Agenda   • What’s  a  prototype? • Why  should  we  prototype? • What  kinds  of  prototypes  are  we   chaLng  about  today?   • Which  one  do  I  use? • Discussion,  sources,  &  wrap  (and  a   discount!)
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 So,  what  is  a     prototype,   anyway?
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   A  representa0ve   model  or  simula0on   Todd  Zaki  Warfel,  Prototyping:  A  Prac//oner’s  Guide of  the  final  system
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   Paul  Kunkel:  Apple  Design:  The  Work  of  the   Apple  Industrial  Design  Group
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   hUp://edibleapple.com/wp-­‐content/uploads/2009/08/augmented-­‐reality-­‐paris-­‐2.jpg
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Why  should  we  protoype? Reduced  risk   Smaller  systems Less  complex  systems Reduc0on  in  creeping  requirements Improved  visibility
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Why  should  we  protoype? Genera0ve   Show,  tell  &  experience Reduc0on  of  misinterpreta0on Savings  in  0me/effort/money Reduc0on  of  waste Real-­‐world  value
  • Types of Prototypes Evolu0onary Throwaway 10
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   Evolu>onary  Prototype  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   This is the first one. This is it exactly. This is my hand-wired prototype, not a real Apple I or Apple ][ PC board. There are 4 white 2KB EPROMs on the upper board - that's how I developed BASIC and all the other routines of the Apple I. This is an Apple ][ prototype. I can tell by how few chips it is. The Apple I had a computer board attached to my video terminal board, in the prototype stage." __Steve Wozniak
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   Paul  Kunkel:  Apple  Design:  The  Work  of  the   Apple  Industrial  Design  Group
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010   Throwaway  Prototype  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010  
  • So...which do I use? 20
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Use  evolu0onary  prototype  (EVP)  when   • User  requirements  are  (almost)  defined. • Few  interac0on  and  visual  design   problems  exist,  and  informa0on   architecture  is  defined.   • UX  team  is  highly  experienced. • UXers  also  create  the  deployable  front-­‐ end  code. • Usability  tes0ng  is  summa0ve,  not   forma0ve. • Project  requires  liUle  documenta0on.
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Use  throwaway  prototype  (TAP)  when   • User  requirements  are  ill-­‐defined. • Major  interac0on  or  visual  design  (or   both)  issues  remain,  and  the  IA  is  not   well  defined.   • You  have  less  experienced  UXers. • UX  does  not  do  development. • Usability  tes0ng  is  forma0ve  and  occurs   mul0ple  0mes  throughout  the  project. • Project  requires  detailed   documenta0on.
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Sketchflow/Expression   Flash  Catalyst   TAP EVP Screen  comps Hand-­‐coded  HTML Axure/Balsamiq/ Fireworks iPlotz/iMockup... Paper TAP TAP/EVP
  • Let’s Discuss Amongst Ourselves What’s  your  experience? How  have  you  succeeded? Where  have  you  been  challenged? 24
  • Make  It  or  Break  It:  Evolu0onary  Vs.  Throwaway  Protoyping     EdUI  –  Nov  8,  2010 Some  Books   Hackos,  JoAnn  &  Janice  (Ginny)  C.  Redish:  User  and  Task  Analysis  for  So@ware     Design Kunkel,  Paul:  AppleDesign:  The  Work  of  the  Apple  Industrial  Design  Group McConnell,  Steve:  Rapid  Development:  Taming  Wild  So@ware  Schedules Snyder,  Carolyn:  Paper  Prototyping:  The  Fast  and  Easy  Way  to  Design  and   Refine  User  Interfaces Warfel,  Todd  Zaki:  Prototyping:  A  Prac//oner’s  Guide Special  discount  code  today:  order  from  Rosenfeldmedia.com  and  use  code MOJOGUZZI.  Save  25%. Winograd,  Terry,  ed.:  Bringing  Design  to  So@ware
  • Thank you! Joe  Sokohl joe@regularjoeconsul0ng.com @mojoguzzi 26