Prototyping (with Cute Puppies)

Prototyping (with Cute Puppies)

A workshop on Prototyping Tools & Process conducted at Yahoo! Sunnyvale CA, US.

2f890006636505e78f8f38d68ca46859?s=128

Uday Shankar

April 24, 2012
Tweet

Transcript

  1. Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale, CA

    April 2010 With cute puppies!
  2. Prototyping Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale,

    CA April 2010
  3. ‘Copyright’ Disclaimer! Have used quotes, ideas, slides and graphics from

    many sites including yahoo, google, slideshare etc. This workshop is not about adobe tools. Its about prototyping techniques.
  4. Who am i? • Owns Prototyping in UED in India

    • 11 years experience in the field • Was with Nokia before Yahoo! Who am i? • Owns Prototyping in UED in India • 11 years experience in the field • Was with Nokia before Yahoo!
  5. WHY PROTOTYPE? WHY PROTOTYPE? You already know ‘What is Prototyping?’

  6. Origin - 1603, from Gk. prototypon "a first or primitive

    form," protos "first" + typos "impression." Prototyping Prototyping
  7. THE WORLD IS CHANGING THE WORLD IS CHANGING

  8. POLITICS IS CHANGING POLITICS IS CHANGING

  9. INTERFACES ARE CHANGING INTERFACES ARE CHANGING

  10. Client/Server Mainframe Web Applications Reach Local Global Rich Text UI

    Integrated media GUI 1992 1998 2005+ Rich Internet Applications Applications are changing Now+
  11. Yahoo! Is changing

  12. Users *have* changed

  13. Experience has changed strategy design technology RICH INTERNET APPLICATIONS

  14. Isn’t it time we change too?

  15. PROTOTYPE! PROTOTYPE! All that’s fine… What exactly should we do?

  16. SO, WHERE DO WE BEGIN? SO, WHERE DO WE BEGIN?

    Create it, Learn from it, Change it, Refine it
  17. Balsamiq Mockups Balsamiq Mockups Mockflow Mockflow Powerpoint Powerpoint Protoshare Protoshare

    Designer Vista Designer Vista Axure RP Pro Axure RP Pro Petra Petra Easy Prototype Easy Prototype Justinmind Justinmind Fluid IA Fluid IA iPlotz iPlotz Flairbuilder Flairbuilder Simulify Simulify SketchFlow SketchFlow Visio Professional Visio Professional Mockup Screens Mockup Screens OmniGraffl e OmniGraffl e Pencil Pencil ForeUI ForeUI Denim Denim SketchFlow SketchFlow Fireworks Fireworks RapidRabb.it RapidRabb.it Lucid Spec Lucid Spec Flash Catalyst Flash Catalyst GUI Design Studio GUI Design Studio HotGloo HotGloo iRise iRise
  18. Balsamiq

  19. Flash Catalyst

  20. Workflow yesterday Visual Designer Interaction Designer Developer

  21. Workflow for tomorrow Visual Designer Interaction Designer Developer

  22. LET’S WALK THE TALK NOW… LET’S WALK THE TALK NOW…

    Blah… Blah… Blah…
  23. BASICS OF PROTOTYPING BASICS OF PROTOTYPING Now that we know

    how its done.
  24. Work smart, not Hard Do not over-engineer Don’t let ‘legacy’

    design for you Keep it quick & dirty Work smart, not Hard Do not over-engineer Don’t let ‘legacy’ design for you Keep it quick & dirty
  25. Technology is not the driver, experienceis…

  26. RISKS OF PROTOTYPING RISKS OF PROTOTYPING It’s not all that

    simple and smooth
  27. Beware of Feature creep Don’t let design bias your user

    Don’t put on the FE hat Beware of Feature creep Don’t let design bias your user Don’t put on the FE hat
  28. QUESTIONS QUESTIONS I dare you…

  29. Thank you Thank you