With	
  cute	
  
                         puppies!	
  



Prototyping
the science

Uday M. Shankar

Yahoo! – Sunnyvale, CA...
Prototyping
the science

Uday M. Shankar

Yahoo! – Sunnyvale, CA

April 2010
‘Copyright’ Disclaimer!



     Have used quotes, ideas, slides and graphics
     from many sites including yahoo, google,...
Who	
  am	
  i?	
  

•  Owns	
  Prototyping	
  in	
  UED	
  in	
  India	
  

•  11	
  years	
  experience	
  in	
  the	
  ...
You already know ‘What is Prototyping?’

WHY PROTOTYPE?
Prototyping

Origin - 1603, from Gk. prototypon "a first or
primitive form," protos "first" + typos
"impression."
THE WORLD IS CHANGING
POLITICS IS CHANGING
INTERFACES ARE CHANGING
Applications are changing

Global
                            2005+                     Now+

                            ...
Yahoo! Is changing
Users *have* changed
Experience has changed

                                        RICH	
  
            strategy	
  


                      ...
Isn’t it time we change too?
All that’s fine… What exactly should we do?

PROTOTYPE!
Create it, Learn from it, Change it, Refine it

   SO, WHERE DO WE BEGIN?
Axure	
  RP	
  
                                                                          Pro	
  
                        ...
Balsamiq
Flash Catalyst
Workflow yesterday




 Visual	
  Designer	
     InteracLon	
  Designer	
     Developer	
  
Workflow for tomorrow




  Visual	
  Designer	
     InteracLon	
  Designer	
     Developer	
  
Blah… Blah… Blah…

LET’S WALK THE TALK NOW…
Now that we know how its done.

BASICS OF PROTOTYPING
Work smart, not Hard

Do not over-engineer

Don’t let ‘legacy’ design for you

Keep it quick & dirty
It’s not all that simple and smooth

RISKS OF PROTOTYPING
Beware of Feature creep

Don’t let design bias your user

Don’t put on the FE hat
I dare you…

QUESTIONS
Thank you
Science of prototyping
Upcoming SlideShare
Loading in …5
×

Science of prototyping

5,642 views

Published on

Talks on Prototyping done at Sunnyvale, CA and Singapore.

Published in: Technology, Business
0 Comments
11 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,642
On SlideShare
0
From Embeds
0
Number of Embeds
343
Actions
Shares
0
Downloads
267
Comments
0
Likes
11
Embeds 0
No embeds

No notes for slide

Science of prototyping

  1. With  cute   puppies!   Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale, CA April 2010
  2. 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!  
  5. You already know ‘What is Prototyping?’ WHY PROTOTYPE?
  6. Prototyping Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression."
  7. THE WORLD IS CHANGING
  8. POLITICS IS CHANGING
  9. INTERFACES ARE CHANGING
  10. Applications are changing Global 2005+ Now+ Rich Internet Web Applications Applications Reach 1998 1992 Local Mainframe Client/Server Text UI Rich Integrated media GUI
  11. Yahoo! Is changing
  12. Users *have* changed
  13. Experience has changed RICH   strategy   INTERNET   technology   design   APPLICATIONS  
  14. Isn’t it time we change too?
  15. All that’s fine… What exactly should we do? PROTOTYPE!
  16. Create it, Learn from it, Change it, Refine it SO, WHERE DO WE BEGIN?
  17. 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   JusLnmind   OmniGraffle   SketchFlow   Powerpoint   SketchFlow   RapidRabb.it   Protoshare   iRise   Easy   Prototype   Visio   ForeUI   Mockflow   Fireworks   Professional  
  18. Balsamiq
  19. Flash Catalyst
  20. Workflow yesterday Visual  Designer   InteracLon  Designer   Developer  
  21. Workflow for tomorrow Visual  Designer   InteracLon  Designer   Developer  
  22. Blah… Blah… Blah… LET’S WALK THE TALK NOW…
  23. Now that we know how its done. BASICS OF PROTOTYPING
  24. Work smart, not Hard Do not over-engineer Don’t let ‘legacy’ design for you Keep it quick & dirty
  25. It’s not all that simple and smooth RISKS OF PROTOTYPING
  26. Beware of Feature creep Don’t let design bias your user Don’t put on the FE hat
  27. I dare you… QUESTIONS
  28. Thank you

×