With

 cute  
puppies!  

Prototyping
the science

Uday M. Shankar

Yahoo! – Sunnyvale, CA

April 2010
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,
slideshare etc.

This workshop is not about adobe tools. Its

about prototyping techniques.
Who  am  i?  

•  Owns  Prototyping  in  UED  in  India  

•  11  years  experience  in  the  field  

•  Was  with  Nokia  before  Yahoo!  

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+

Rich Internet
Web Applications Applications
Reach

1998

1992

Local
Mainframe Client/Server

Text UI Rich Integrated media GUI

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

RICH  
strategy  

INTERNET  

technology   design  
APPLICATIONS  
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  
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  
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