make it shine, user experience design

41
Make it Shine, user experience design @courtneyBolton

Upload: courtney-bolton

Post on 02-Jul-2015

2.694 views

Category:

Documents


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, User Experience Design

Make it Shine,user experience design

@courtneyBolton

Page 2: Make it Shine, User Experience Design
Page 3: Make it Shine, User Experience Design

What is this,user experience design?

Page 4: Make it Shine, User Experience Design

User researchA

C Visual design

B Interaction design

E Usability studies

D Content strategy

Page 5: Make it Shine, User Experience Design

User Research• Personas

• Competitive research

• Audience needs

• Goals

• Success metrics

• Usability studies

a

Page 6: Make it Shine, User Experience Design

Interaction Design• Features, functionality

• Task Flows

• Diagrams, maps, interactions

• Wireframes

• Future vision

• Paper prototypes

b

Page 7: Make it Shine, User Experience Design
Page 8: Make it Shine, User Experience Design

Visual Design

• Branding

• Look & Feel

• Emotional impact

• Polish

• Consistency

• Motion, movement

c

Page 9: Make it Shine, User Experience Design
Page 10: Make it Shine, User Experience Design

Content Strategy• Brand messaging, tone

• Error messages

• FAQ / Help sections

• Customer service scripts

• Lead generation

d

Page 11: Make it Shine, User Experience Design

Usability Studies• Ease-of-use

• Spots market opportunities

• Speed

• Responsiveness

• Desired outcome?

e

Page 12: Make it Shine, User Experience Design

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

Page 13: Make it Shine, User Experience Design

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, User Experience Design

Think Critically. Where do other products fail?

Page 15: Make it Shine, User Experience Design

Think Creatively. What will make yours better?

Page 16: Make it Shine, User Experience Design

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, User Experience Design

Understand, What makes you unique?

Page 18: Make it Shine, User Experience Design
Page 19: Make it Shine, User Experience Design

Kayak, for Apparel

Page 20: Make it Shine, User Experience Design

Jetsetter, for Beaches

Page 21: Make it Shine, User Experience Design

TurboTax, for Relationships

Page 22: Make it Shine, User Experience Design

Klout, for Video Games

Page 23: Make it Shine, User Experience Design

“We’re the next Facebook.”

Page 24: Make it Shine, User Experience Design

“Like Quicken, but Better.”

Page 25: Make it Shine, User Experience Design

Mint, for Personal Finance

Page 26: Make it Shine, User Experience Design
Page 27: Make it Shine, User Experience Design
Page 28: Make it Shine, User Experience Design

User ExperienceDesign Principles

Make it Memorable.

Page 29: Make it Shine, User Experience Design

Visible

Flexible

Consistent

Trustworthy

Page 30: Make it Shine, User Experience Design

Design PrincipleVisibility

(can I see it?)

1

Page 31: Make it Shine, User Experience Design

Design PrincipleFeedback

(is it responsive?)

2

Page 32: Make it Shine, User Experience Design

Design PrincipleAffordance

(does it look like I can effect it?)

3

Page 33: Make it Shine, User Experience Design

Design PrincipleConsistency

(do I know what to expect?)

4

Page 34: Make it Shine, User Experience Design

Design PrincipleConstraints

(what are my constraints?)

5

Page 35: Make it Shine, User Experience Design

Design PrincipleMental Maps

(where am I & where can I go?)

6

Page 36: Make it Shine, User Experience Design

Design PrincipleFlexibility

(does it play well with others?)

7

Page 37: Make it Shine, User Experience Design

Design PrincipleBeauty

(is it pretty?)

8

Page 38: Make it Shine, User Experience Design

Design PrincipleInteroperability

(is it modular, re-useable?)

9

Page 39: Make it Shine, User Experience Design

Design PrincipleTrustworthy

(do I trust it?)

*

Page 40: Make it Shine, User Experience Design

VisibilityFeedbackAffordance

Eyes

Touch

Sensing

1

4

7

*

Flexibility BeautyInteroperabilityTrustworthy

ConsistencyDesign ConstraintsMental Maps

Page 41: Make it Shine, User Experience Design

@courtneyBolton

Thank you! (Questions?)