oscon2012 storytelling a better user experience

57
Storytelling a Better User Experience A Novice Designer’s Illustrated Primer ~OR~ Paul Tashima

Upload: paultashima

Post on 09-Jul-2015

184 views

Category:

Design


2 download

TRANSCRIPT

Page 1: OSCON2012 Storytelling a Better User Experience

Storytelling a Better User Experience

A Novice Designer’s Illustrated Primer~OR~

Paul Tashima

Page 2: OSCON2012 Storytelling a Better User Experience

Hello!My name is Paul.

Page 3: OSCON2012 Storytelling a Better User Experience

Let’s talk UX.

Page 4: OSCON2012 Storytelling a Better User Experience

User Experience!=

Ease of Use

Page 5: OSCON2012 Storytelling a Better User Experience

User Experienceis not about

making things easy.

Page 6: OSCON2012 Storytelling a Better User Experience

User Experienceis about

making people happy.

Page 7: OSCON2012 Storytelling a Better User Experience
Page 8: OSCON2012 Storytelling a Better User Experience

Let’s talk about storytelling.

Page 9: OSCON2012 Storytelling a Better User Experience

Storytelling wireframe?

Page 10: OSCON2012 Storytelling a Better User Experience
Page 11: OSCON2012 Storytelling a Better User Experience
Page 12: OSCON2012 Storytelling a Better User Experience
Page 13: OSCON2012 Storytelling a Better User Experience
Page 14: OSCON2012 Storytelling a Better User Experience
Page 15: OSCON2012 Storytelling a Better User Experience
Page 16: OSCON2012 Storytelling a Better User Experience
Page 17: OSCON2012 Storytelling a Better User Experience
Page 18: OSCON2012 Storytelling a Better User Experience

We need to take advantage of this.

Page 19: OSCON2012 Storytelling a Better User Experience
Page 20: OSCON2012 Storytelling a Better User Experience

-Claude Levi Strauss

“Not a year goes by without my receiving an order of jeans.”

Page 21: OSCON2012 Storytelling a Better User Experience

Life - DeathCivilization - Nature

Jedi - SithMatrix - Real World

Page 22: OSCON2012 Storytelling a Better User Experience

Life - Orpheus - DeathCivilization - Ashitaka - Nature

Jedi - Luke Skywalker - SithMatrix - Neo - Real World

Page 23: OSCON2012 Storytelling a Better User Experience

LifeAgricultureHerbivores

Raven/CoyoteBeasts of Prey

HuntingDeath

Page 24: OSCON2012 Storytelling a Better User Experience

CreationProduct

EngineersDesignersCustomers

MarketConsumption

Page 25: OSCON2012 Storytelling a Better User Experience

So how do you actually tell a good story?

Page 26: OSCON2012 Storytelling a Better User Experience

Have a story to tell.

Page 27: OSCON2012 Storytelling a Better User Experience
Page 28: OSCON2012 Storytelling a Better User Experience
Page 29: OSCON2012 Storytelling a Better User Experience

Know your audience.

Page 30: OSCON2012 Storytelling a Better User Experience
Page 31: OSCON2012 Storytelling a Better User Experience

Have a theme.(And stick to it)

Page 32: OSCON2012 Storytelling a Better User Experience
Page 33: OSCON2012 Storytelling a Better User Experience
Page 34: OSCON2012 Storytelling a Better User Experience
Page 35: OSCON2012 Storytelling a Better User Experience

Consider the through line.

Page 36: OSCON2012 Storytelling a Better User Experience
Page 37: OSCON2012 Storytelling a Better User Experience

Hook the user on the first experience.

Page 38: OSCON2012 Storytelling a Better User Experience
Page 39: OSCON2012 Storytelling a Better User Experience
Page 40: OSCON2012 Storytelling a Better User Experience
Page 41: OSCON2012 Storytelling a Better User Experience

Tone is brand.

Page 42: OSCON2012 Storytelling a Better User Experience
Page 43: OSCON2012 Storytelling a Better User Experience
Page 44: OSCON2012 Storytelling a Better User Experience
Page 45: OSCON2012 Storytelling a Better User Experience

Maintain internal consistency.

Page 46: OSCON2012 Storytelling a Better User Experience

Confirmation on LEFT Confirmation on RIGHT

Windows 7 OS X

Page 47: OSCON2012 Storytelling a Better User Experience

Keep things simple.

Page 48: OSCON2012 Storytelling a Better User Experience
Page 49: OSCON2012 Storytelling a Better User Experience

Master the vocabulary.

Page 50: OSCON2012 Storytelling a Better User Experience
Page 51: OSCON2012 Storytelling a Better User Experience
Page 52: OSCON2012 Storytelling a Better User Experience

Make the experience engaging.

Page 53: OSCON2012 Storytelling a Better User Experience
Page 54: OSCON2012 Storytelling a Better User Experience
Page 55: OSCON2012 Storytelling a Better User Experience
Page 56: OSCON2012 Storytelling a Better User Experience

Close out the experience.

Page 57: OSCON2012 Storytelling a Better User Experience