make it shine, ux design by courtney bolton

41
Make it Shine, user experience design @courtneyBolton

Upload: fred-zimnys-serve4impact

Post on 11-Aug-2014

3.078 views

Category:

Design


0 download

DESCRIPTION

40min presentation introducing user experience design to students at Harvard Innovation lab & MIT / Microsoft research students at barCampBoston 2012

TRANSCRIPT

Page 1: Make it Shine, UX Design by Courtney Bolton

Make it Shine,user experience design

@courtneyBolton

Page 2: Make it Shine, UX Design by Courtney Bolton
Page 3: Make it Shine, UX Design by Courtney Bolton

What is this,user experience design?

Page 4: Make it Shine, UX Design by Courtney Bolton

User researchA

C Visual design

B Interaction design

E Usability studies

D Content strategy

Page 5: Make it Shine, UX Design by Courtney Bolton

User Research• Personas

• Competitive research

• Audience needs

• Goals

• Success metrics

• Usability studies

a

Page 6: Make it Shine, UX Design by Courtney Bolton

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
Page 8: Make it Shine, UX Design by Courtney Bolton

Visual Design

• Branding

• Look & Feel

• Emotional impact

• Polish

• Consistency

• Motion, movement

c

Page 9: Make it Shine, UX Design by Courtney Bolton
Page 10: Make it Shine, UX Design by Courtney Bolton

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

Usability Studies• Ease-of-use

• Spots market opportunities

• Speed

• Responsiveness

• Desired outcome?

e

Page 12: Make it Shine, UX Design by Courtney Bolton

Start with the problem. Ask why until you can’t anymore.

Page 13: Make it Shine, UX Design by Courtney Bolton

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

Think Critically. Where do other products fail?

Page 15: Make it Shine, UX Design by Courtney Bolton

Think Creatively. What will make yours better?

Page 16: Make it Shine, UX Design by Courtney Bolton

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

Understand, What makes you unique?

Page 18: Make it Shine, UX Design by Courtney Bolton
Page 19: Make it Shine, UX Design by Courtney Bolton

Kayak, for Apparel

Page 20: Make it Shine, UX Design by Courtney Bolton

Jetsetter, for Beaches

Page 21: Make it Shine, UX Design by Courtney Bolton

TurboTax, for Relationships

Page 22: Make it Shine, UX Design by Courtney Bolton

Klout, for Video Games

Page 23: Make it Shine, UX Design by Courtney Bolton

“We’re the next Facebook.”

Page 24: Make it Shine, UX Design by Courtney Bolton

“Like Quicken, but Better.”

Page 25: Make it Shine, UX Design by Courtney Bolton

Mint, for Personal Finance

Page 26: Make it Shine, UX Design by Courtney Bolton
Page 27: Make it Shine, UX Design by Courtney Bolton
Page 28: Make it Shine, UX Design by Courtney Bolton

User ExperienceDesign Principles

Make it Memorable.

Page 29: Make it Shine, UX Design by Courtney Bolton

Visible

Flexible

Consistent

Trustworthy

Page 30: Make it Shine, UX Design by Courtney Bolton

Design PrincipleVisibility

(can I see it?)

1

Page 31: Make it Shine, UX Design by Courtney Bolton

Design PrincipleFeedback

(is it responsive?)

2

Page 32: Make it Shine, UX Design by Courtney Bolton

Design PrincipleAffordance

(does it look like I can effect it?)

3

Page 33: Make it Shine, UX Design by Courtney Bolton

Design PrincipleConsistency

(do I know what to expect?)

4

Page 34: Make it Shine, UX Design by Courtney Bolton

Design PrincipleConstraints

(what are my constraints?)

5

Page 35: Make it Shine, UX Design by Courtney Bolton

Design PrincipleMental Maps

(where am I & where can I go?)

6

Page 36: Make it Shine, UX Design by Courtney Bolton

Design PrincipleFlexibility

(does it play well with others?)

7

Page 37: Make it Shine, UX Design by Courtney Bolton

Design PrincipleBeauty

(is it pretty?)

8

Page 38: Make it Shine, UX Design by Courtney Bolton

Design PrincipleInteroperability

(is it modular, re-useable?)

9

Page 39: Make it Shine, UX Design by Courtney Bolton

Design PrincipleTrustworthy

(do I trust it?)

*

Page 40: Make it Shine, UX Design by Courtney Bolton

VisibilityFeedbackAffordance

Eyes

Touch

Sensing

1

4

7

*

Flexibility BeautyInteroperabilityTrustworthy

ConsistencyDesign ConstraintsMental Maps

Page 41: Make it Shine, UX Design by Courtney Bolton

@courtneyBolton

Thank you! (Questions?)