SlideShare une entreprise Scribd logo
1  sur  29
Télécharger pour lire hors ligne
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

Contenu connexe

Similaire à Science of prototyping

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 WorldRelax In The Air
 
Articulate Studio '09 Presentation
Articulate Studio '09 PresentationArticulate Studio '09 Presentation
Articulate Studio '09 PresentationJenise Cook
 
Lean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideLean Prototyping - A Practical Guide
Lean Prototyping - A Practical GuideFramebench
 
Publicis Mojito
Publicis MojitoPublicis Mojito
Publicis Mojitoisaoyagi
 
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 UXPeter Spielvogel
 
SpagoBI 3.x official presentation
SpagoBI 3.x official presentationSpagoBI 3.x official presentation
SpagoBI 3.x official presentationSpagoWorld
 
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.Paul Golding
 
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 Androidralcocer
 
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 AndroidRicardo Alcocer
 
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 CS4Juan Sanchez
 
Let start with GUIXT
Let start with GUIXTLet start with GUIXT
Let start with GUIXTKang YAyan
 
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 InstitutionsSampleBoard
 
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 keynoteJohn Smith
 

Similaire à 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
 

Plus de Uday Shankar

Crafting delightful experiences
Crafting delightful experiencesCrafting delightful experiences
Crafting delightful experiencesUday Shankar
 
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 & delightfulUday Shankar
 
Ninja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksNinja Prototyping with Templating Frameworks
Ninja Prototyping with Templating FrameworksUday Shankar
 
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 DesignUday Shankar
 
What Drives The World
What Drives The WorldWhat Drives The World
What Drives The WorldUday Shankar
 
Demystifying User Experience
Demystifying User ExperienceDemystifying User Experience
Demystifying User ExperienceUday Shankar
 
Touch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveTouch & Multi Touch - A UX Perspective
Touch & Multi Touch - A UX PerspectiveUday Shankar
 
Mobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismMobile Applications, Emerging Markets & Tourism
Mobile Applications, Emerging Markets & TourismUday Shankar
 
Prototyping SMS/Voice Services
Prototyping SMS/Voice ServicesPrototyping SMS/Voice Services
Prototyping SMS/Voice ServicesUday Shankar
 
UI Engineering - Rebooted
UI Engineering - RebootedUI Engineering - Rebooted
UI Engineering - RebootedUday Shankar
 
Usability & Prototyping
Usability & PrototypingUsability & Prototyping
Usability & PrototypingUday Shankar
 
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 uiUday Shankar
 
Effective UI Development using Adobe Flex
Effective UI Development using Adobe FlexEffective UI Development using Adobe Flex
Effective UI Development using Adobe FlexUday Shankar
 

Plus de 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™
 

Dernier

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingEdi Saputra
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MIND CTI
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native ApplicationsWSO2
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024The Digital Insurer
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FMESafe Software
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesrafiqahmad00786416
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...Zilliz
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAndrey Devyatkin
 
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 CVKhem
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Zilliz
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024The Digital Insurer
 
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...apidays
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelDeepika Singh
 
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...apidays
 
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 connectorsNanddeep Nachan
 
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...apidays
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
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...Jeffrey Haguewood
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDropbox
 

Dernier (20)

Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost SavingRepurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
Repurposing LNG terminals for Hydrogen Ammonia: Feasibility and Cost Saving
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Architecting Cloud Native Applications
Architecting Cloud Native ApplicationsArchitecting Cloud Native Applications
Architecting Cloud Native Applications
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers:  A Deep Dive into Serverless Spatial Data and FMECloud Frontiers:  A Deep Dive into Serverless Spatial Data and FME
Cloud Frontiers: A Deep Dive into Serverless Spatial Data and FME
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ..."I see eyes in my soup": How Delivery Hero implemented the safety system for ...
"I see eyes in my soup": How Delivery Hero implemented the safety system for ...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
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
 
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
Emergent Methods: Multi-lingual narrative tracking in the news - real-time ex...
 
FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024FWD Group - Insurer Innovation Award 2024
FWD Group - Insurer Innovation Award 2024
 
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...
 
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
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...
 
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
 
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...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
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...
 
DBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor PresentationDBX First Quarter 2024 Investor Presentation
DBX First Quarter 2024 Investor Presentation
 

Science of prototyping