Your SlideShare is downloading. ×
0
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Rapid Prototyping
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Rapid Prototyping

7,154

Published on

Presentation used at Adobe DevSummit 2009.

Presentation used at Adobe DevSummit 2009.

Published in: Technology, Travel
1 Comment
9 Likes
Statistics
Notes



  • <b>[Comment posted from</b> http://flexed.wordpress.com/]
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
7,154
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
510
Comments
1
Likes
9
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Uday M. Shankar Yahoo! Bangalore, India 12/2/09 Prototyping&#x2029; Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 1
  • 2. Uday M. Shankar Working with Yahoo! R&amp;D as Principal Engineer, Prototyping Around 10 years in UI/UX space 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 2
  • 3. What? ! ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 3
  • 4. ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 4
  • 5. Wine Tasting 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 5
  • 6. It actually makes a difference. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 6
  • 7. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 7
  • 8. Prototyping Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression." 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 8
  • 9. 12/2/09 it&#x2019;s an art. Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 9
  • 10. an art of managing expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 10
  • 11. SET&#x2029;THE&#x2029;RIGHT&#x2029; EXPECTATIONS&#x2029;&#x2029; And deliver up to those expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 11
  • 12. Design evolves Explore&#x2029;&amp;&#x2029; Understand&#x2029; Communicate&#x2029; Validate&#x2029; Low fidelity High fidelity Less functional detail More functional detail Static Interactive Less formal testing More formal testing Disposable Re-purpose-able Paper Code 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 12
  • 13. Why do this? &#x2022;&#x202F; Going back to the drawing board is not a problem! &#x2022;&#x202F; Clear out misunderstandings and communication gaps of requirement study &#x2022;&#x202F; Documented design evaluation &#x2022;&#x202F; Sign off on design decisions
  • 14. FACT&#x2029; Most&#x2029;people&#x2029;already&#x2029;spend&#x2029; time&#x2029;on&#x2029;prototyping!!!&#x2029; 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 14
  • 15. In 4 steps &#xF04A; &#x2022;&#x202F;Create the body &#x2013; the blueprint &#x2022;&#x202F;Make it beautiful - Graphic tools &#x2022;&#x202F;Breath life into it - Prototyping tools &#x2022;&#x202F;Add the brains - Technology
  • 16. Axure&#x2029;RP&#x2029; Pro&#x2029; Lucid&#x2029;Spec&#x2029; iPlotz&#x2029; Fluid&#x2029;IA&#x2029; Flairbuilder&#x2029; Denim&#x2029; HotGloo&#x2029; Designer&#x2029; Mockup&#x2029; Petra&#x2029; GUI&#x2029;Design&#x2029; Simulify&#x2029; Vista&#x2029; Screens&#x2029; Studio&#x2029; Flash&#x2029; Catalyst&#x2029; Pencil&#x2029; Balsamiq&#x2029; Mockups&#x2029; JusDnmind&#x2029; OmniGra&#xFB04;e&#x2029; SketchFlow&#x2029; Powerpoint&#x2029; SketchFlow&#x2029; RapidRabb.i t&#x2029; Protoshare&#x2029; iRise&#x2029; Easy&#x2029; Prototype&#x2029; Visio&#x2029; ForeUI&#x2029; Mock&#xFB02;ow&#x2029; Fireworks&#x2029; Professional&#x2029; What&#x2029;would&#x2029;help&#x2029;you&#x2029; do&#x2029;your&#x2029;job?&#x2029; 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 16
  • 17. Paper Protos 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 17
  • 18. Wireframes www.balsamiq.com 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 18
  • 19. Flex/AIR Protos &#x2022;&#x202F; A familiar technology &#x2022;&#x202F; Great WySiWyG tool &#x2022;&#x202F; Inter-portability between web and desktop &#x2022;&#x202F; Skinning &amp; Cool effects! &#x2022;&#x202F; Easy integration with backend 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 19
  • 20. DEMO 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 20
  • 21. Flash Catalyst &#x2022;&#x202F; Integration with Adobe tools &#x2022;&#x202F; Timeline feature for effects &#x2022;&#x202F; Easier handling of states &#x2022;&#x202F; More designer friendly &#x2022;&#x202F; More animator friendly &#x2022;&#x202F; Lot more developer friendly too!!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 21
  • 22. Single glance 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 22
  • 23. Second glance Flash XML Graphics Flex Project Image Mockups Flash Catalyst Flash Builder 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 23
  • 24. DEMO? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 24
  • 25. Prototyping as a career? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 25
  • 26. Ground rules &#x2022;&#x202F; Write quick &amp; dirty code &#x2022;&#x202F; Scalability &gt; optimization &#x2022;&#x202F; Goal is to test experience, concept and feasibility. Not robustness. &#x2022;&#x202F; Abstract front-end from back-end &#x2022;&#x202F; Always use dummy data while prototyping 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 26
  • 27. Ideas are cheap!! Developing them is not!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 27
  • 28. Every single &#x2018;detail&#x2019; matters! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 28
  • 29. Have multiple options to evaluate 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 29
  • 30. Bottom line: Make it work! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 30
  • 31. Designer vs. Developer 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 31
  • 32. Work&#x2029;with&#x2029;&#x2018;real&#x2019;&#x2029; users&#x2029;to&#x2029; understand&#x2029;them&#x2029; 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 32
  • 33. References &#x2022;&#x202F; Adaptive design &amp; rapid prototyping - Mark Rickerby &#x2022;&#x202F; Modeling the mobile UX - Bryan Reiger &#x2022;&#x202F; Principles of rapid prototyping for design - KeeKim Heng &#x2022;&#x202F; Spoilt for choice - Suze Ingram &#x2022;&#x202F; Slideshare.net
  • 34. What I hear. I forget. What I see, I remember. What I do, I understand. &#x2013;Lao Tse UDAYMS@GMAIL.COM&#x2029; @UDAYMS&#x2029; UDAYMS.WORDPRESS.COM&#x2029; 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 34
  • 35. Questions? Email udayms@gmail.com Blogs udayms.wordpress.com flexed.wordpress.com Twitter @udayms

×