Uday Shankar, profile picture
Uploaded byUday Shankar
PDF, PPTX9,495 views

Rapid Prototyping

Uday M. Shankar gave a presentation on prototyping user experiences at the Adobe DevSummit 2009 in Hyderabad, India. He has 10 years of experience in UI/UX and currently works as a Principal Engineer in prototyping at Yahoo! R&D in Bangalore. The presentation covered various prototyping tools and techniques, emphasizing that prototyping is an important part of the design process to explore designs, validate concepts with users, and communicate designs to stakeholders. Shankar demonstrated prototyping with tools like Flash Catalyst and encouraged the use of prototyping to evaluate multiple design options.

Embed presentation

Download as PDF, PPTX
Uday M. Shankar Yahoo! Bangalore, India 12/2/09 Prototyping
 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 1
Uday M. Shankar Working with Yahoo! R&D as Principal Engineer, Prototyping Around 10 years in UI/UX space 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 2
What? ! ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 3
! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 4
Wine Tasting 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 5
It actually makes a difference. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 6
12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 7
Prototyping Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression." 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 8
12/2/09 it’s an art. Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 9
an art of managing expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 10
SET
THE
RIGHT
 EXPECTATIONS

 And deliver up to those expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 11
Design evolves Explore
&
 Understand
 Communicate
 Validate
 Low fidelity High fidelity Less functional detail More functional detail Static Interactive Less formal testing More formal testing Disposable Re-purpose-able Paper Code 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 12
Why do this? •  Going back to the drawing board is not a problem! •  Clear out misunderstandings and communication gaps of requirement study •  Documented design evaluation •  Sign off on design decisions
FACT
 Most
people
already
spend
 time
on
prototyping!!!
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 14
In 4 steps  • Create the body – the blueprint • Make it beautiful - Graphic tools • Breath life into it - Prototyping tools • Add the brains - Technology
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
 JusDnmind
 OmniGraffle
 SketchFlow
 Powerpoint
 SketchFlow
 RapidRabb.i t
 Protoshare
 iRise
 Easy
 Prototype
 Visio
 ForeUI
 Mockflow
 Fireworks
 Professional
 What
would
help
you
 do
your
job?
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 16
Paper Protos 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 17
Wireframes www.balsamiq.com 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 18
Flex/AIR Protos •  A familiar technology •  Great WySiWyG tool •  Inter-portability between web and desktop •  Skinning & Cool effects! •  Easy integration with backend 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 19
DEMO 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 20
Flash Catalyst •  Integration with Adobe tools •  Timeline feature for effects •  Easier handling of states •  More designer friendly •  More animator friendly •  Lot more developer friendly too!!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 21
Single glance 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 22
Second glance Flash XML Graphics Flex Project Image Mockups Flash Catalyst Flash Builder 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 23
DEMO? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 24
Prototyping as a career? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 25
Ground rules •  Write quick & dirty code •  Scalability > optimization •  Goal is to test experience, concept and feasibility. Not robustness. •  Abstract front-end from back-end •  Always use dummy data while prototyping 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 26
Ideas are cheap!! Developing them is not!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 27
Every single ‘detail’ matters! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 28
Have multiple options to evaluate 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 29
Bottom line: Make it work! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 30
Designer vs. Developer 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 31
Work
with
‘real’
 users
to
 understand
them
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 32
References •  Adaptive design & rapid prototyping - Mark Rickerby •  Modeling the mobile UX - Bryan Reiger •  Principles of rapid prototyping for design - KeeKim Heng •  Spoilt for choice - Suze Ingram •  Slideshare.net
What I hear. I forget. What I see, I remember. What I do, I understand. –Lao Tse UDAYMS@GMAIL.COM
 @UDAYMS
 UDAYMS.WORDPRESS.COM
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 34
Questions? Email udayms@gmail.com Blogs udayms.wordpress.com flexed.wordpress.com Twitter @udayms

More Related Content

PDF
Wireframing /Prototyping with HTML
byDee Sadler
 
PDF
Lean prototyping for entrepreneurs
byAmir Khella
 
PPTX
Lean Prototyping - A Practical Guide
byFramebench
 
PPT
Storyboarding and Wireframe Tools Review
byHenry Cogo
 
PDF
Introduction to Building Wireframes (with Keynote)
byErin Casali
 
PDF
Bringing ideas to life – the dimensions of prototyping
byService Design Berlin
 
PPT
Design Prototyping
byFrancis Rowland
 
PDF
Layout and Wireframing
byOmar Duarte
 
Wireframing /Prototyping with HTML
byDee Sadler
 
Lean prototyping for entrepreneurs
byAmir Khella
 
Lean Prototyping - A Practical Guide
byFramebench
 
Storyboarding and Wireframe Tools Review
byHenry Cogo
 
Introduction to Building Wireframes (with Keynote)
byErin Casali
 
Bringing ideas to life – the dimensions of prototyping
byService Design Berlin
 
Design Prototyping
byFrancis Rowland
 
Layout and Wireframing
byOmar Duarte
 

What's hot

PPTX
Prototyping
byMatt Hurley
 
KEY
Usability Design: Because it's awesome
byJen Yu
 
PDF
From PDFs to HTML Prototypes
bynathanacurtis
 
PDF
Essential Prototyping for Entrepreneurs
byBow Kraivanich
 
PPTX
Prototyping in the design process
byIndustrial Design Center
 
PPTX
Tech4goodPGH – Rapid Prototyping Workshop
byNetSquared
 
PDF
Wireframes - a brief overview
byJenni Leder
 
PDF
Designers are from Venus - Presentationas Given to CD2
byChad Udell
 
PPT
UCD and low-fidelity prototyping
bysawsan slii
 
PDF
From PDFs to HTML Prototypes (Short Form)
bynathanacurtis
 
KEY
Rapid Prototyping With jQuery
byPaul Bakaus
 
PPTX
Design Prototyping: Bringing Wireframes to Life
bygoodfriday
 
PDF
Interaction designers vs algorithms
bycxpartners
 
PDF
Boost Turku - Prototyping Workshop - Mobile and Web Prototyping
byJoni Juup
 
PDF
UX Work Shop
byJessi Baker
 
PDF
Prototyping
byChad Udell
 
PDF
Introduction to Building Wireframes (with OmniGraffle)
byErin Casali
 
KEY
Right Way to Wireframe
byWilliam Evans
 
PDF
UX. How to start?
byOleksandr Lisovskyi
 
PDF
UX Workshop
byAngela Park
 
Prototyping
byMatt Hurley
 
Usability Design: Because it's awesome
byJen Yu
 
From PDFs to HTML Prototypes
bynathanacurtis
 
Essential Prototyping for Entrepreneurs
byBow Kraivanich
 
Prototyping in the design process
byIndustrial Design Center
 
Tech4goodPGH – Rapid Prototyping Workshop
byNetSquared
 
Wireframes - a brief overview
byJenni Leder
 
Designers are from Venus - Presentationas Given to CD2
byChad Udell
 
UCD and low-fidelity prototyping
bysawsan slii
 
From PDFs to HTML Prototypes (Short Form)
bynathanacurtis
 
Rapid Prototyping With jQuery
byPaul Bakaus
 
Design Prototyping: Bringing Wireframes to Life
bygoodfriday
 
Interaction designers vs algorithms
bycxpartners
 
Boost Turku - Prototyping Workshop - Mobile and Web Prototyping
byJoni Juup
 
UX Work Shop
byJessi Baker
 
Prototyping
byChad Udell
 
Introduction to Building Wireframes (with OmniGraffle)
byErin Casali
 
Right Way to Wireframe
byWilliam Evans
 
UX. How to start?
byOleksandr Lisovskyi
 
UX Workshop
byAngela Park
 

Viewers also liked

PPT
TYPES OF RAPID PROTOTYPING - ADDITIVE PROCESS
byNurhuda Hayati
 
PPT
Rapid Prototyping and its Applications
bymalikusman
 
PPT
Rapid prototyping seminar
byavwhysoserious
 
PPTX
Rapid prototyping technology
byanil mangalan
 
PDF
Creativity & Innovation
byPrem Kumar Aparanji
 
PDF
Creativity & innovation
byLedarskapscentrum
 
PPT
Concurrent Engineering
byajithsrc
 
PPTX
Laminated object manufacturing
byAnkit Raghuwanshi
 
PDF
Visualising the User Experience
byGrant Robinson
 
TYPES OF RAPID PROTOTYPING - ADDITIVE PROCESS
byNurhuda Hayati
 
Rapid Prototyping and its Applications
bymalikusman
 
Rapid prototyping seminar
byavwhysoserious
 
Rapid prototyping technology
byanil mangalan
 
Creativity & Innovation
byPrem Kumar Aparanji
 
Creativity & innovation
byLedarskapscentrum
 
Concurrent Engineering
byajithsrc
 
Laminated object manufacturing
byAnkit Raghuwanshi
 
Visualising the User Experience
byGrant Robinson
 

Similar to Rapid Prototyping

PDF
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
byHolger Bartel
 
PDF
Science of prototyping
byUday Shankar
 
PPTX
Grethe Thilly - Portfolio
byGrethe Thilly
 
PDF
Gumbo Deck
byТранслируем.бел
 
PDF
Bynet2.3 Adobe Flex builder 4
byТранслируем.бел
 
PDF
Usability & Prototyping
byUday Shankar
 
PDF
Dave Balogh Portfolio
byDave Balogh
 
PDF
Design for HTML5 and Hybrid Mobile Applications
byAlex Shirazi
 
PDF
User Experience - More Than Just a Pretty Stick
byC4Media
 
PDF
Mobile UX Tools & Methods for UX Australia 2011
byOliver Weidlich
 
PDF
Resume
byAhmedMShaalan
 
PPS
Ui presentation
byMayank Singh
 
PDF
User Experience - More Than Just a Pretty Stick
byLane Goldstone
 
KEY
Future of Library User Experience
bybolt peters
 
PDF
The Age Of UX presented by JParanteau
byCone Johnson
 
PDF
Client Continuum Dec Fy09
byMartha Rotter
 
PDF
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
byNeeta Goplani
 
KEY
DelveNYC: Flash Catalyst
byRyan Stewart
 
PDF
Windows Phone and Open Source 1
byIgor Ralic
 
PDF
Modeling the Mobile User Experience
byBryan Rieger
 
Responsive Web Design & Workflows for Todays Web (THE UX-MEN at The Hive, Hon...
byHolger Bartel
 
Science of prototyping
byUday Shankar
 
Grethe Thilly - Portfolio
byGrethe Thilly
 
Gumbo Deck
byТранслируем.бел
 
Bynet2.3 Adobe Flex builder 4
byТранслируем.бел
 
Usability & Prototyping
byUday Shankar
 
Dave Balogh Portfolio
byDave Balogh
 
Design for HTML5 and Hybrid Mobile Applications
byAlex Shirazi
 
User Experience - More Than Just a Pretty Stick
byC4Media
 
Mobile UX Tools & Methods for UX Australia 2011
byOliver Weidlich
 
Resume
byAhmedMShaalan
 
Ui presentation
byMayank Singh
 
User Experience - More Than Just a Pretty Stick
byLane Goldstone
 
Future of Library User Experience
bybolt peters
 
The Age Of UX presented by JParanteau
byCone Johnson
 
Client Continuum Dec Fy09
byMartha Rotter
 
Responsive Design & Prototyping -- An Agency Model (Part 1/3)
byNeeta Goplani
 
DelveNYC: Flash Catalyst
byRyan Stewart
 
Windows Phone and Open Source 1
byIgor Ralic
 
Modeling the Mobile User Experience
byBryan Rieger
 

More from Uday Shankar

PDF
The Good, Bad & Ugly of UI Design
byUday Shankar
 
PDF
Effective UI Development using Adobe Flex
byUday Shankar
 
PDF
UI Engineering - Rebooted
byUday Shankar
 
PDF
Design - What differentiates the useful from usable & delightful
byUday Shankar
 
PPTX
User Experioence - delivering great ux through great ui
byUday Shankar
 
PPT
Adobe® Flex™
byUday Shankar
 
PDF
Prototyping SMS/Voice Services
byUday Shankar
 
PDF
Khuljaa Sim Sim
byUday Shankar
 
PDF
Demystifying User Experience
byUday Shankar
 
PDF
Prototyping
byUday Shankar
 
PDF
Crafting delightful experiences
byUday Shankar
 
PDF
Mobile Applications, Emerging Markets & Tourism
byUday Shankar
 
PDF
Ninja Prototyping with Templating Frameworks
byUday Shankar
 
PDF
Touch & Multi Touch - A UX Perspective
byUday Shankar
 
PDF
What Drives The World
byUday Shankar
 
The Good, Bad & Ugly of UI Design
byUday Shankar
 
Effective UI Development using Adobe Flex
byUday Shankar
 
UI Engineering - Rebooted
byUday Shankar
 
Design - What differentiates the useful from usable & delightful
byUday Shankar
 
User Experioence - delivering great ux through great ui
byUday Shankar
 
Adobe® Flex™
byUday Shankar
 
Prototyping SMS/Voice Services
byUday Shankar
 
Khuljaa Sim Sim
byUday Shankar
 
Demystifying User Experience
byUday Shankar
 
Prototyping
byUday Shankar
 
Crafting delightful experiences
byUday Shankar
 
Mobile Applications, Emerging Markets & Tourism
byUday Shankar
 
Ninja Prototyping with Templating Frameworks
byUday Shankar
 
Touch & Multi Touch - A UX Perspective
byUday Shankar
 
What Drives The World
byUday Shankar
 

Recently uploaded

PDF
UiPath DevConnect 2025: UiPath ScreenPlay - The Future of Human-Like Automation
byDianaGray10
 
PPTX
Streamlining Business Processes with UiPath Apps
byTracy Dixon
 
PDF
Build an AI/ML-driven image archive processing workflow: Image archive, analy...
bywesley chun
 
PDF
THE THREATS OF INSTABILITY IN BRAZIL'S INTERCONNECTED ELECTRICAL SYSTEM AND H...
byFaga1939
 
PDF
KMWorld - KM & AI Bring Collectivity, Nostalgia, & Selectivity
byJonathan Ralton
 
PDF
Mastering UiPath Maestro – Session 2 – Building a Live Use Case - Session 2
byDianaGray10
 
PDF
OutSystsems User Group Brabant November 2025
bymail496323
 
PDF
IDSECCONF2025 - Nosa Shandy - Discovering and Disclosing Privacy Vulnerabilit...
byidsecconf
 
PDF
MINDCTI Revenue Release Quarter 3 2025 - Financial Presentation
byMIND CTI
 
PPTX
Neo4j Fraud GraphTalk Singapore Nov 2025
bygourisachdeva2
 
PDF
Building Powerful Web Apps to Improve Productivity and Engagement - Esri UK W...
byEsri UK
 
PPTX
The power of Slack and MuleSoft | Bangalore MuleSoft Meetup #60
byshyamraj55
 
PPTX
Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]
byUiPathCommunity
 
PDF
IDSECCONF2025 - Aan Wahyu - Maze–Malware Analysis Platform.pdf
byidsecconf
 
PDF
Linux Foundation Certified System Administrator (LFCS) Exam.pdf
byLinuxCert Guru
 
PDF
IDSECCONF2025 - Rama Tri Nanda - Hunting Stingray GSM on Budget.pdf
byidsecconf
 
PDF
UnityNet AI Induced Harm & Youth Protection Position Statement 2025-11-15
byLHelferty
 
PDF
Linux Professional Institute LPIC-1 Exam.pdf
byLinuxCert Guru
 
PPTX
Redcentric Data Centres: vision, mission and values
byRedcentric
 
PDF
SELinux Policy Management in RHEL - RHCSA+.pdf
byLinuxCert Guru
 
UiPath DevConnect 2025: UiPath ScreenPlay - The Future of Human-Like Automation
byDianaGray10
 
Streamlining Business Processes with UiPath Apps
byTracy Dixon
 
Build an AI/ML-driven image archive processing workflow: Image archive, analy...
bywesley chun
 
THE THREATS OF INSTABILITY IN BRAZIL'S INTERCONNECTED ELECTRICAL SYSTEM AND H...
byFaga1939
 
KMWorld - KM & AI Bring Collectivity, Nostalgia, & Selectivity
byJonathan Ralton
 
Mastering UiPath Maestro – Session 2 – Building a Live Use Case - Session 2
byDianaGray10
 
OutSystsems User Group Brabant November 2025
bymail496323
 
IDSECCONF2025 - Nosa Shandy - Discovering and Disclosing Privacy Vulnerabilit...
byidsecconf
 
MINDCTI Revenue Release Quarter 3 2025 - Financial Presentation
byMIND CTI
 
Neo4j Fraud GraphTalk Singapore Nov 2025
bygourisachdeva2
 
Building Powerful Web Apps to Improve Productivity and Engagement - Esri UK W...
byEsri UK
 
The power of Slack and MuleSoft | Bangalore MuleSoft Meetup #60
byshyamraj55
 
Support, Monitoring, Continuous Improvement & Scaling Agentic Automation [3/3]
byUiPathCommunity
 
IDSECCONF2025 - Aan Wahyu - Maze–Malware Analysis Platform.pdf
byidsecconf
 
Linux Foundation Certified System Administrator (LFCS) Exam.pdf
byLinuxCert Guru
 
IDSECCONF2025 - Rama Tri Nanda - Hunting Stingray GSM on Budget.pdf
byidsecconf
 
UnityNet AI Induced Harm & Youth Protection Position Statement 2025-11-15
byLHelferty
 
Linux Professional Institute LPIC-1 Exam.pdf
byLinuxCert Guru
 
Redcentric Data Centres: vision, mission and values
byRedcentric
 
SELinux Policy Management in RHEL - RHCSA+.pdf
byLinuxCert Guru
 

Rapid Prototyping

  • 1.
    Uday M. Shankar Yahoo! Bangalore, India 12/2/09 Prototyping
 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 1
  • 2.
    Uday M. Shankar Working with Yahoo! R&D as Principal Engineer, Prototyping Around 10 years in UI/UX space 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 2
  • 3.
    What? ! ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 3
  • 4.
    ! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 4
  • 5.
    Wine Tasting 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 5
  • 6.
    It actually makesa difference. 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 6
  • 7.
    12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 7
  • 8.
    Prototyping Origin - 1603, from Gk. prototypon "a first or primitive form," protos "first" + typos "impression." 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 8
  • 9.
    12/2/09 it’s an art. Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 9
  • 10.
    an art of managing expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 10
  • 11.
    SET
THE
RIGHT
 EXPECTATIONS

 And deliver up to those expectations 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 11
  • 12.
    Design evolves Explore
&
 Understand
 Communicate
 Validate
 Low fidelity High fidelity Less functional detail More functional detail Static Interactive Less formal testing More formal testing Disposable Re-purpose-able Paper Code 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 12
  • 13.
    Why do this? • Going back to the drawing board is not a problem! •  Clear out misunderstandings and communication gaps of requirement study •  Documented design evaluation •  Sign off on design decisions
  • 14.
    FACT
 Most
people
already
spend
 time
on
prototyping!!!
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 14
  • 15.
    In 4 steps • Create the body – the blueprint • Make it beautiful - Graphic tools • Breath life into it - Prototyping tools • Add the brains - Technology
  • 16.
    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
 JusDnmind
 OmniGraffle
 SketchFlow
 Powerpoint
 SketchFlow
 RapidRabb.i t
 Protoshare
 iRise
 Easy
 Prototype
 Visio
 ForeUI
 Mockflow
 Fireworks
 Professional
 What
would
help
you
 do
your
job?
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 16
  • 17.
    Paper Protos 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 17
  • 18.
    Wireframes www.balsamiq.com 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 18
  • 19.
    Flex/AIR Protos •  Afamiliar technology •  Great WySiWyG tool •  Inter-portability between web and desktop •  Skinning & Cool effects! •  Easy integration with backend 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 19
  • 20.
    DEMO 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 20
  • 21.
    Flash Catalyst •  Integrationwith Adobe tools •  Timeline feature for effects •  Easier handling of states •  More designer friendly •  More animator friendly •  Lot more developer friendly too!!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 21
  • 22.
    Single glance 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 22
  • 23.
    Second glance Flash XML Graphics Flex Project Image Mockups Flash Catalyst Flash Builder 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 23
  • 24.
    DEMO? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 24
  • 25.
    Prototyping as a career? 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 25
  • 26.
    Ground rules •  Writequick & dirty code •  Scalability > optimization •  Goal is to test experience, concept and feasibility. Not robustness. •  Abstract front-end from back-end •  Always use dummy data while prototyping 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 26
  • 27.
    Ideas are cheap!! Developing them is not!! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 27
  • 28.
    Every single ‘detail’ matters! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 28
  • 29.
    Have multiple options to evaluate 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 29
  • 30.
    Bottom line: Make it work! 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 30
  • 31.
    Designer vs. Developer 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 31
  • 32.
    Work
with
‘real’
 users
to
 understand
them
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 32
  • 33.
    References •  Adaptive design& rapid prototyping - Mark Rickerby •  Modeling the mobile UX - Bryan Reiger •  Principles of rapid prototyping for design - KeeKim Heng •  Spoilt for choice - Suze Ingram •  Slideshare.net
  • 34.
    What I hear.I forget. What I see, I remember. What I do, I understand. –Lao Tse [email protected]
 @UDAYMS
 UDAYMS.WORDPRESS.COM
 12/2/09 Prototyping User Experiences | Adobe DevSummit 2009 | Hyderabad - India 34
  • 35.
    Questions? Email [email protected] Blogs udayms.wordpress.com flexed.wordpress.com Twitter @udayms