Make it Shine, UX Design by Courtney Bolton
-
Upload
fred-zimnys-serve4impact -
Category
Design
-
view
3.079 -
download
0
description
Transcript of Make it Shine, UX Design by Courtney Bolton
![Page 1: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/1.jpg)
Make it Shine,user experience design
@courtneyBolton
![Page 2: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/2.jpg)
![Page 3: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/3.jpg)
What is this,user experience design?
![Page 4: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/4.jpg)
User researchA
C Visual design
B Interaction design
E Usability studies
D Content strategy
![Page 5: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/5.jpg)
User Research• Personas
• Competitive research
• Audience needs
• Goals
• Success metrics
• Usability studies
a
![Page 6: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/6.jpg)
Interaction Design• Features, functionality
• Task Flows
• Diagrams, maps, interactions
• Wireframes
• Future vision
• Paper prototypes
b
![Page 7: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/7.jpg)
![Page 8: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/8.jpg)
Visual Design
• Branding
• Look & Feel
• Emotional impact
• Polish
• Consistency
• Motion, movement
c
![Page 9: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/9.jpg)
![Page 10: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/10.jpg)
Content Strategy• Brand messaging, tone
• Error messages
• FAQ / Help sections
• Customer service scripts
• Lead generation
d
![Page 11: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/11.jpg)
Usability Studies• Ease-of-use
• Spots market opportunities
• Speed
• Responsiveness
• Desired outcome?
e
![Page 12: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/12.jpg)
Start with the problem. Ask why until you can’t anymore.
![Page 13: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/13.jpg)
Know your audience. Understand who your users are.
• Who’s buying your product?
• What do they want?
• What do they need?
• Exceed their expectations.
![Page 14: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/14.jpg)
Think Critically. Where do other products fail?
![Page 15: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/15.jpg)
Think Creatively. What will make yours better?
![Page 16: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/16.jpg)
Talk to your users. What do they love?
Which parts do they hate?
Where are things difficult? What do they need?
![Page 17: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/17.jpg)
Understand, What makes you unique?
![Page 18: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/18.jpg)
![Page 19: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/19.jpg)
Kayak, for Apparel
![Page 20: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/20.jpg)
Jetsetter, for Beaches
![Page 21: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/21.jpg)
TurboTax, for Relationships
![Page 22: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/22.jpg)
Klout, for Video Games
![Page 23: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/23.jpg)
“We’re the next Facebook.”
![Page 24: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/24.jpg)
“Like Quicken, but Better.”
![Page 25: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/25.jpg)
Mint, for Personal Finance
![Page 26: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/26.jpg)
![Page 27: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/27.jpg)
![Page 28: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/28.jpg)
User ExperienceDesign Principles
Make it Memorable.
![Page 29: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/29.jpg)
Visible
Flexible
Consistent
Trustworthy
![Page 30: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/30.jpg)
Design PrincipleVisibility
(can I see it?)
1
![Page 31: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/31.jpg)
Design PrincipleFeedback
(is it responsive?)
2
![Page 32: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/32.jpg)
Design PrincipleAffordance
(does it look like I can effect it?)
3
![Page 33: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/33.jpg)
Design PrincipleConsistency
(do I know what to expect?)
4
![Page 34: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/34.jpg)
Design PrincipleConstraints
(what are my constraints?)
5
![Page 35: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/35.jpg)
Design PrincipleMental Maps
(where am I & where can I go?)
6
![Page 36: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/36.jpg)
Design PrincipleFlexibility
(does it play well with others?)
7
![Page 37: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/37.jpg)
Design PrincipleBeauty
(is it pretty?)
8
![Page 38: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/38.jpg)
Design PrincipleInteroperability
(is it modular, re-useable?)
9
![Page 39: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/39.jpg)
Design PrincipleTrustworthy
(do I trust it?)
*
![Page 40: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/40.jpg)
VisibilityFeedbackAffordance
Eyes
Touch
Sensing
1
4
7
*
Flexibility BeautyInteroperabilityTrustworthy
ConsistencyDesign ConstraintsMental Maps
![Page 41: Make it Shine, UX Design by Courtney Bolton](https://reader034.fdocuments.net/reader034/viewer/2022042713/53efcaca8d7f7289708b62f2/html5/thumbnails/41.jpg)
@courtneyBolton
Thank you! (Questions?)