Rapid Prototyping
Upcoming SlideShare
Loading in...5
×
 

Rapid Prototyping

on

  • 7,970 views

Presentation used at Adobe DevSummit 2009.

Presentation used at Adobe DevSummit 2009.

Statistics

Views

Total Views
7,970
Views on SlideShare
5,692
Embed Views
2,278

Actions

Likes
7
Downloads
452
Comments
1

13 Embeds 2,278

http://flexed.wordpress.com 1676
http://emporia.campuspack.net 266
http://udayms.wordpress.com 246
http://acrossthinlines.com 50
http://www.linkedin.com 20
http://translate.googleusercontent.com 5
http://www.slideshare.net 5
http://www.udayms.in 3
url_unknown 3
http://66.163.168.225 1
http://flexed.wordpress.com.sixxs.org 1
http://vatsalad.wordpress.com 1
https://udayms.wordpress.com 1
More...

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…



  • <b>[Comment posted from</b> http://flexed.wordpress.com/]
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Rapid Prototyping Rapid Prototyping Presentation Transcript

  • Uday M. Shankar Yahoo! Bangalore, India 12/2/09 Prototyping
 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 1
  • Uday M. Shankar Working with Yahoo! R&D as Principal Engineer, Prototyping Around 10 years in UI/UX space 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 2
  • What? ! ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 3
  • ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 4
  • Wine Tasting 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 5
  • It actually makes a difference. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 6
  • 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 7
  • 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
  • 12/2/09 it’s an art. Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 9
  • an art of managing expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 10
  • SET
THE
RIGHT
 EXPECTATIONS

 And deliver up to those expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 11
  • Design evolves Explore
&
 Understand
 Communicate
 Validate
 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
  • Why do this? •  Going back to the drawing board is not a problem! •  Clear out misunderstandings and communication gaps of requirement study •  Documented design evaluation •  Sign off on design decisions
  • FACT
 Most
people
already
spend
 time
on
prototyping!!!
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 14
  • In 4 steps  • Create the body – the blueprint • Make it beautiful - Graphic tools • Breath life into it - Prototyping tools • Add the brains - Technology
  • Axure
RP
 Pro
 Lucid
Spec
 iPlotz
 Fluid
IA
 Flairbuilder
 Denim
 HotGloo
 Designer
 Mockup
 Petra
 GUI
Design
 Simulify
 Vista
 Screens
 Studio
 Flash
 Catalyst
 Pencil
 Balsamiq
 Mockups
 JusDnmind
 OmniGraffle
 SketchFlow
 Powerpoint
 SketchFlow
 RapidRabb.i t
 Protoshare
 iRise
 Easy
 Prototype
 Visio
 ForeUI
 Mockflow
 Fireworks
 Professional
 What
would
help
you
 do
your
job?
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 16
  • Paper Protos 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 17
  • Wireframes www.balsamiq.com 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 18
  • Flex/AIR Protos •  A familiar technology •  Great WySiWyG tool •  Inter-portability between web and desktop •  Skinning & Cool effects! •  Easy integration with backend 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 19
  • DEMO 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 20
  • Flash Catalyst •  Integration with Adobe tools •  Timeline feature for effects •  Easier handling of states •  More designer friendly •  More animator friendly •  Lot more developer friendly too!!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 21
  • Single glance 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 22
  • 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
  • DEMO? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 24
  • Prototyping as a career? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 25
  • Ground rules •  Write quick & dirty code •  Scalability > optimization •  Goal is to test experience, concept and feasibility. Not robustness. •  Abstract front-end from back-end •  Always use dummy data while prototyping 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 26
  • Ideas are cheap!! Developing them is not!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 27
  • Every single ‘detail’ matters! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 28
  • Have multiple options to evaluate 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 29
  • Bottom line: Make it work! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 30
  • Designer vs. Developer 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 31
  • Work
with
‘real’
 users
to
 understand
them
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 32
  • References •  Adaptive design & rapid prototyping - Mark Rickerby •  Modeling the mobile UX - Bryan Reiger •  Principles of rapid prototyping for design - KeeKim Heng •  Spoilt for choice - Suze Ingram •  Slideshare.net
  • What I hear. I forget. What I see, I remember. What I do, I understand. –Lao Tse UDAYMS@GMAIL.COM
 @UDAYMS
 UDAYMS.WORDPRESS.COM
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 34
  • Questions? Email udayms@gmail.com Blogs udayms.wordpress.com flexed.wordpress.com Twitter @udayms