Download - Science of prototyping
![Page 1: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/1.jpg)
Prototyping the science
Uday M. Shankar
Yahoo! – Sunnyvale, CA
April 2010
With cute puppies!
![Page 2: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/2.jpg)
Prototyping the science
Uday M. Shankar
Yahoo! – Sunnyvale, CA
April 2010
![Page 3: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/3.jpg)
‘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](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/4.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/5.jpg)
WHY PROTOTYPE? You already know ‘What is Prototyping?’
![Page 6: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/6.jpg)
Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression."
Prototyping
![Page 7: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/7.jpg)
THE WORLD IS CHANGING
![Page 8: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/8.jpg)
POLITICS IS CHANGING
![Page 9: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/9.jpg)
INTERFACES ARE CHANGING
![Page 10: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/10.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/11.jpg)
Yahoo! Is changing
![Page 12: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/12.jpg)
Users *have* changed
![Page 13: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/13.jpg)
Experience has changed
strategy
design technology
RICH
INTERNET
APPLICATIONS
![Page 14: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/14.jpg)
Isn’t it time we change too?
![Page 15: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/15.jpg)
PROTOTYPE! All that’s fine… What exactly should we do?
![Page 16: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/16.jpg)
SO, WHERE DO WE BEGIN? Create it, Learn from it, Change it, Refine it
![Page 17: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/17.jpg)
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](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/18.jpg)
Balsamiq
![Page 19: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/19.jpg)
Flash Catalyst
![Page 20: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/20.jpg)
Workflow yesterday
Visual Designer InteracLon Designer Developer
![Page 21: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/21.jpg)
Workflow for tomorrow
Visual Designer InteracLon Designer Developer
![Page 22: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/22.jpg)
LET’S WALK THE TALK NOW… Blah… Blah… Blah…
![Page 23: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/23.jpg)
BASICS OF PROTOTYPING Now that we know how its done.
![Page 24: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/24.jpg)
Work smart, not Hard
Do not over-engineer
Don’t let ‘legacy’ design for you
Keep it quick & dirty
![Page 25: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/25.jpg)
![Page 26: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/26.jpg)
RISKS OF PROTOTYPING It’s not all that simple and smooth
![Page 27: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/27.jpg)
Beware of Feature creep
Don’t let design bias your user
Don’t put on the FE hat
![Page 28: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/28.jpg)
QUESTIONS I dare you…
![Page 29: Science of prototyping](https://reader034.vdocuments.site/reader034/viewer/2022051608/54473c3fafaf9f61178b495e/html5/thumbnails/29.jpg)
Thank you