Top Banner
Prototyping the science Uday M. Shankar Yahoo! – Sunnyvale, CA April 2010 With cute puppies!
29

Science of prototyping

Oct 21, 2014

Download

Technology

Talks on Prototyping done at Sunnyvale, CA and Singapore.
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Science of prototyping

Prototyping the science

Uday M. Shankar

Yahoo! – Sunnyvale, CA

April 2010

With  cute  puppies!  

Page 2: Science of prototyping

Prototyping the science

Uday M. Shankar

Yahoo! – Sunnyvale, CA

April 2010

Page 3: Science of prototyping

‘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.

Page 4: Science of prototyping

Who  am  i?  

• Owns  Prototyping  in  UED  in  India  

• 11  years  experience  in  the  field  

• Was  with  Nokia  before  Yahoo!  

Page 5: Science of prototyping

WHY PROTOTYPE? You already know ‘What is Prototyping?’

Page 6: Science of prototyping

Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression."

Prototyping

Page 7: Science of prototyping

THE WORLD IS CHANGING

Page 8: Science of prototyping

POLITICS IS CHANGING

Page 9: Science of prototyping

INTERFACES ARE CHANGING

Page 10: Science of prototyping

Client/Server Mainframe

Web Applications

Reac

h

Local

Global

Rich Text UI Integrated media GUI

1992

1998

2005+

Rich Internet Applications

Applications are changing

Now+

Page 11: Science of prototyping

Yahoo! Is changing

Page 12: Science of prototyping

Users *have* changed

Page 13: Science of prototyping

Experience has changed

strategy  

design  technology  

RICH  

INTERNET  

APPLICATIONS  

Page 14: Science of prototyping

Isn’t it time we change too?

Page 15: Science of prototyping

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

Page 16: Science of prototyping

SO, WHERE DO WE BEGIN? Create it, Learn from it, Change it, Refine it

Page 17: Science of prototyping

Balsamiq  Mockups  

Mockflow  

Powerpoint  

Protoshare  

Designer  Vista  

Axure  RP  Pro  

Petra  

Easy  Prototype  

JusLnmind  

Fluid  IA  iPlotz  

Flairbuilder  

Simulify  

SketchFlow  

Visio  Professional  

Mockup  Screens  

OmniGraffle  

Pencil  

ForeUI  

Denim  

SketchFlow  

Fireworks  

RapidRabb.it  

Lucid  Spec  

Flash  Catalyst  

GUI  Design  Studio  

HotGloo  

iRise  

Page 18: Science of prototyping

Balsamiq

Page 19: Science of prototyping

Flash Catalyst

Page 20: Science of prototyping

Workflow yesterday

Visual  Designer   InteracLon  Designer   Developer  

Page 21: Science of prototyping

Workflow for tomorrow

Visual  Designer   InteracLon  Designer   Developer  

Page 22: Science of prototyping

LET’S WALK THE TALK NOW… Blah… Blah… Blah…

Page 23: Science of prototyping

BASICS OF PROTOTYPING Now that we know how its done.

Page 24: Science of prototyping

Work smart, not Hard

Do not over-engineer

Don’t let ‘legacy’ design for you

Keep it quick & dirty

Page 25: Science of prototyping
Page 26: Science of prototyping

RISKS OF PROTOTYPING It’s not all that simple and smooth

Page 27: Science of prototyping

Beware of Feature creep

Don’t let design bias your user

Don’t put on the FE hat

Page 28: Science of prototyping

QUESTIONS I dare you…

Page 29: Science of prototyping

Thank you