Usability & Prototyping
description
Transcript of Usability & Prototyping
![Page 1: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/1.jpg)
Usability & Prototyping
Uday M. ShankarYahoo! Bangalore India
![Page 2: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/2.jpg)
Usability+ Prototyping
Uday M. Shankar | Yahoo! Bangalore India
![Page 3: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/3.jpg)
Who am i Been in UI/UX
space for 11 years Present: Owns
PROTOTYPING in Yahoo! India
Past: Was with Nokia Bangalore
Tweets at @udayms Blogs at udayms.wordpress.com
![Page 4: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/4.jpg)
User Interface Design
Facilitating the userto perform a specific task in a specific context in a fast and efficient manner by leveraging the power of technology and design.
USER
TASK CONTEXT
![Page 5: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/5.jpg)
As Design Evolves
Low fidelityLess functional detailStaticLess formal testingDisposablePaper
High fidelityMore functional detail
InteractiveMore formal testing
Re-purpose-ableCode
![Page 6: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/6.jpg)
Age old Process
![Page 7: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/7.jpg)
‘New’ Process 1
Visual Designer Interaction Designer Developer
![Page 8: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/8.jpg)
‘New’ Process 2
Visual Designer Interaction Designer Developer Usability Tester
![Page 9: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/9.jpg)
‘Another’ New Process
Visual Designer Interaction Designer Prototyper User Research
Rapid Iterations
![Page 10: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/10.jpg)
I Recommend
Designer Designer Prototyper User Research
User Research
Rapid Iterations
![Page 11: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/11.jpg)
Why?Going back to the drawing board is not a problem!
Documented design evolution
Sign off on design decisions
![Page 12: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/12.jpg)
DoAwesome
Stuff!
Save Money
Save TimeSave Effort
![Page 13: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/13.jpg)
Prototypes
![Page 14: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/14.jpg)
Know your User
![Page 15: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/15.jpg)
Know your Competition
![Page 16: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/16.jpg)
Know your Goals
![Page 17: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/17.jpg)
Evaluate Market Value
![Page 18: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/18.jpg)
Evaluate Technical Feasibility
![Page 19: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/19.jpg)
Evaluate Design
![Page 20: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/20.jpg)
Evaluate User Experience
![Page 21: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/21.jpg)
Remember!Keep it quick & dirtyBeware of Feature creepDont let ‘legacy’ design for you
Dont let design bias your user
![Page 22: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/22.jpg)
Secretsfrom the
GOLDEN SCROLL
![Page 23: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/23.jpg)
Users are not REALLY forgiving
![Page 24: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/24.jpg)
BeTechnology
Agnostic
![Page 25: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/25.jpg)
Experience is the driver.
Not Technology.
![Page 26: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/26.jpg)
![Page 27: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/27.jpg)
Questions?
![Page 28: Usability & Prototyping](https://reader036.fdocuments.us/reader036/viewer/2022062810/56815e5c550346895dccd489/html5/thumbnails/28.jpg)
Thank You
@udayms udayms.wordpress.com linkedin.com/in/udayms