user experience design - why & how to
DESCRIPTION
As a Web developer, User Experience Design help me alot to increase quality of work and customer sastification. This presentation is to get you familiar with UX design and know some resources to go further.TRANSCRIPT
![Page 1: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/1.jpg)
UX
![Page 2: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/2.jpg)
I’m Minh Do
www.facebook.com/minhinteracive
Creative Brand & Digital
Consultancy
www.interactive.vn
www.facebook.com/
interactive.vn
Managing Director
![Page 3: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/3.jpg)
Be a Developer or Designer
We work with UX everyday
![Page 4: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/4.jpg)
Digital Products used to be a one-way static
medium, has evolved into rich & interactive
experience.
![Page 5: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/5.jpg)
Ecommerce Website
![Page 6: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/6.jpg)
Web Apps
Interactive Floor Design
![Page 7: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/7.jpg)
Web Apps
3D room simulator
![Page 8: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/8.jpg)
Web Apps
3D room simulator
![Page 9: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/9.jpg)
Mobile Apps
![Page 10: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/10.jpg)
Software is for Human
•Does it give me value?
• Is it easy to use?
• Is it pleasant to use?”
![Page 11: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/11.jpg)
Software is for Human
•Does it give me value?
• Is it easy to use?
• Is it pleasant to use?”
User experience design is to make them answer “Yes”
![Page 12: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/12.jpg)
Content
What is UX
Why is it important
How to design for UX
![Page 13: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/13.jpg)
What is UX
A person’s perceptions and responses that result from the use or anticipated use of a product, system or service
Wikipedia:
![Page 14: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/14.jpg)
What is UX
A person’s perceptions and responses that result from the use or anticipated use of a product, system or service
It includes
emotions, beliefs, preferences, perceptions, physical and psychological responses, behaviours and
accomplishments
before, during and after use
Wikipedia:
![Page 15: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/15.jpg)
What is UX
How a person feel when using a system, especially in terms of how easy or pleasing it is to use.
OR
![Page 16: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/16.jpg)
Why is UX design important
Happier Customer
Loyalty
Return on investment
Increased Traffic
Competitive Advangate
![Page 17: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/17.jpg)
Why is UX design important
Happier Developer
Save time
Reduce cost
Better product
![Page 18: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/18.jpg)
Why is UX design important
Happier Customer
Happier Developer+
=
![Page 19: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/19.jpg)
HOW TO DESIGN UX
![Page 20: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/20.jpg)
We cannot design UXbecause
![Page 21: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/21.jpg)
Factors involves UX
UXUXUser
Situation
System
![Page 22: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/22.jpg)
Users cannot be designed
![Page 23: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/23.jpg)
Situation cannot be designed
Where shall I go for lunch
![Page 24: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/24.jpg)
Situation cannot be designed
Where shall I go for lunch
Trending:Food Festival on Central
Park
![Page 25: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/25.jpg)
Situation cannot be designed
Where shall I go for lunch
Weather: Sunny
Trending:Food Festival on Central
Park
![Page 26: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/26.jpg)
Situation cannot be designed
Where shall I go for lunch Weather:
Rainny
Trending:Food Festival on Central
Park
?
![Page 27: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/27.jpg)
WE CAN DESIGN FOR UX
![Page 28: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/28.jpg)
HOW TO DESIGN FOR UX
•Understand UX
•Understand User
•Exceed Expectations
![Page 29: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/29.jpg)
USABLE
CREDIBLE
ACCESSIBLE
USEFUL
DESIRABLE
FINDABLE
VALUABLE
Understand UX
User Experience Honeycomb by Semantic Studio
http://semanticstudios.com/publications/semantics/000029.php
![Page 30: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/30.jpg)
Understand User
![Page 31: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/31.jpg)
Understand UserSurvey form
•Are you able to find your seeking information?
•How are you satisfied with our website?
•Will you recommend our website to friends?
![Page 32: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/32.jpg)
Understand User• Cart sorting
• Contextual Interview
• First click testing
• Focus group
• Individual review
• Parallel design
• Personas
• Prototyping
• Survey
• System Usability Scale
• Task analysis
• Usability testing
http://www.usability.gov/what-and-why/user-research.html
![Page 33: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/33.jpg)
Exceed Expectation
![Page 34: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/34.jpg)
MUST SEE DIAGRAMS
![Page 35: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/35.jpg)
USABLE
CREDIBLE
ACCESSIBLE
USEFUL
DESIRABLE
FINDABLE
VALUABLE
User Experience Honeycomb
http://semanticstudios.com/publications/semantics/000029.php
![Page 36: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/36.jpg)
Experience Wheel
http://userexperienceproject.blogspot.com/2007/04/user-experience-wheel.html
![Page 37: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/37.jpg)
UX Treasure Map
http://semanticstudios.com/publications/semantics/000228.php
![Page 38: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/38.jpg)
http://books.google.com.vn/books?id=QKYPdcI-av8C&lpg=PA31&ots=fhpyp6-jRi&dq=Hassenzahls+model&hl=no&pg=PA31&redir_esc=y#v=onepage&q&f=false
Hassenzahls model
![Page 39: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/39.jpg)
Elements of User Experience
http://www.jjg.net/elements/pdf/elements.pdf
![Page 40: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/40.jpg)
TOOLS TO DESIGN FOR UX
• WIREFRAMING AND PROTOTYPING APPLICATIONS
• A/B TESTING SOFTWARE
• CONTENT INVENTORY SOFTWARE
• USER TESTING AND FEEDBACK SOFTWARE
• ANALYTICS SOFTWARE
http://www.smashingmagazine.com/2010/10/05/what-is-user-experience-design-overview-tools-and-resources/
![Page 41: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/41.jpg)
I think
![Page 42: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/42.jpg)
UX design is a way to unwrap our future
YOUR TURNSocial
networkMicro blog
Photo sharing
Personal Messaging
![Page 43: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/43.jpg)
You’ve got to start with the customer experience and work backwards to the technology.
“
![Page 44: User Experience Design - Why & How to](https://reader033.vdocuments.us/reader033/viewer/2022061300/54c7524d4a7959fc1f8b45b6/html5/thumbnails/44.jpg)
Thank you!