SlideShare a Scribd company logo
1 of 29
Download to read offline
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

More Related Content

Similar to Science of prototyping

Publicis Mojito
Publicis MojitoPublicis Mojito
Publicis Mojito
isaoyagi
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
ralcocer
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
Ricardo Alcocer
 
Mood Board Creator for Wedding Planning Institutions
Mood Board Creator for Wedding Planning InstitutionsMood Board Creator for Wedding Planning Institutions
Mood Board Creator for Wedding Planning Institutions
SampleBoard
 

Similar to Science of prototyping (20)

Customer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex WorldCustomer Experience in a Digital & Complex World
Customer Experience in a Digital & Complex World
 
Xapstr
XapstrXapstr
Xapstr
 
Articulate Studio '09 Presentation
Articulate Studio '09 PresentationArticulate Studio '09 Presentation
Articulate Studio '09 Presentation
 
Question 6
Question 6Question 6
Question 6
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical Guide
 
Site-it!
Site-it!Site-it!
Site-it!
 
Publicis Mojito
Publicis MojitoPublicis Mojito
Publicis Mojito
 
SAPPHIRE NOW 2018 ASUG 11652 SAP Screen Personas as part of the SAP Fiori UX
SAPPHIRE NOW 2018 ASUG 11652 SAP Screen Personas as part of the SAP Fiori UXSAPPHIRE NOW 2018 ASUG 11652 SAP Screen Personas as part of the SAP Fiori UX
SAPPHIRE NOW 2018 ASUG 11652 SAP Screen Personas as part of the SAP Fiori UX
 
SpagoBI 3.x official presentation
SpagoBI 3.x official presentationSpagoBI 3.x official presentation
SpagoBI 3.x official presentation
 
Decided To Mobilise? How to Engage with the Mobile Internet User.
Decided To Mobilise? How to Engage with the Mobile Internet User.Decided To Mobilise? How to Engage with the Mobile Internet User.
Decided To Mobilise? How to Engage with the Mobile Internet User.
 
Adobe Cerification Exam (ACA and ACE)
Adobe Cerification Exam (ACA and ACE)Adobe Cerification Exam (ACA and ACE)
Adobe Cerification Exam (ACA and ACE)
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
 
Develop your first mobile App for iOS and Android
Develop your first mobile App for iOS and AndroidDevelop your first mobile App for iOS and Android
Develop your first mobile App for iOS and Android
 
applet using java
applet using javaapplet using java
applet using java
 
Tech
TechTech
Tech
 
Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4Prototyping Adobe AIR Applications with Fireworks CS4
Prototyping Adobe AIR Applications with Fireworks CS4
 
Let start with GUIXT
Let start with GUIXTLet start with GUIXT
Let start with GUIXT
 
Mood Board Creator for Wedding Planning Institutions
Mood Board Creator for Wedding Planning InstitutionsMood Board Creator for Wedding Planning Institutions
Mood Board Creator for Wedding Planning Institutions
 
Evaluation question 6
Evaluation question 6Evaluation question 6
Evaluation question 6
 
10 tips for getting the most out of keynote
10 tips for getting the most out of keynote10 tips for getting the most out of keynote
10 tips for getting the most out of keynote
 

More from Uday Shankar

More from Uday Shankar (16)

Crafting delightful experiences
Crafting delightful experiencesCrafting delightful experiences
Crafting delightful experiences
 
Design - What differentiates the useful from usable & delightful
Design - What differentiates the useful from usable & delightfulDesign - What differentiates the useful from usable & delightful
Design - What differentiates the useful from usable & delightful
 
Ninja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksNinja Prototyping with Templating Frameworks
Ninja Prototyping with Templating Frameworks
 
The Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI DesignThe Good, Bad & Ugly of UI Design
The Good, Bad & Ugly of UI Design
 
Prototyping
PrototypingPrototyping
Prototyping
 
What Drives The World
What Drives The WorldWhat Drives The World
What Drives The World
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User Experience
 
Touch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveTouch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX Perspective
 
Mobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismMobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & Tourism
 
Khuljaa Sim Sim
Khuljaa Sim SimKhuljaa Sim Sim
Khuljaa Sim Sim
 
Prototyping SMS/Voice Services
Prototyping SMS/Voice ServicesPrototyping SMS/Voice Services
Prototyping SMS/Voice Services
 
UI Engineering - Rebooted
UI Engineering - RebootedUI Engineering - Rebooted
UI Engineering - Rebooted
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & Prototyping
 
User Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great uiUser Experioence - delivering great ux through great ui
User Experioence - delivering great ux through great ui
 
Effective UI Development using Adobe Flex
Effective UI Development using Adobe FlexEffective UI Development using Adobe Flex
Effective UI Development using Adobe Flex
 
Adobe® Flex™
Adobe® Flex™Adobe® Flex™
Adobe® Flex™
 

Recently uploaded

Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
WSO2
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 

Recently uploaded (20)

DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Ransomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdfRansomware_Q4_2023. The report. [EN].pdf
Ransomware_Q4_2023. The report. [EN].pdf
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu SubbuApidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
Apidays Singapore 2024 - Modernizing Securities Finance by Madhu Subbu
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
Apidays New York 2024 - Accelerating FinTech Innovation by Vasa Krishnan, Fin...
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, AdobeApidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
Apidays New York 2024 - Scaling API-first by Ian Reasor and Radu Cotescu, Adobe
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

Science of prototyping