comics are real work - dsgnday amsterdam 11/11/14

112
Comics are real work Bonny Colville-Hyde User experience Architect @almostexact

Upload: bonny-colville-hyde

Post on 04-Jul-2015

117 views

Category:

Design


0 download

DESCRIPTION

Slides from my presentation about user experience and comics at dsgnday. Comics are a great way to share user insight with teams and stakeholders that may struggle to understand the human experiences people have with their sites, apps and services. Please note: slideshare has removed my comic font!

TRANSCRIPT

Page 1: Comics are Real Work - dsgnday Amsterdam 11/11/14

Comics are real work

Bonny Colville-Hyde

User experience Architect

@almostexact

Page 2: Comics are Real Work - dsgnday Amsterdam 11/11/14

How do we make

great digital stuff?

Page 3: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 4: Comics are Real Work - dsgnday Amsterdam 11/11/14

User research is

Awesome.

Page 5: Comics are Real Work - dsgnday Amsterdam 11/11/14

We need to ask

people how they do

things…

Page 6: Comics are Real Work - dsgnday Amsterdam 11/11/14

…why they do them…

Page 7: Comics are Real Work - dsgnday Amsterdam 11/11/14

…and when they do

them.

Page 8: Comics are Real Work - dsgnday Amsterdam 11/11/14

…And we need to

Listen to what they

say!

Page 9: Comics are Real Work - dsgnday Amsterdam 11/11/14

Userresearch

Page 10: Comics are Real Work - dsgnday Amsterdam 11/11/14

Documenting &

communicating

Human experiences is

hard

Page 11: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 12: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 13: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 14: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 15: Comics are Real Work - dsgnday Amsterdam 11/11/14

If we don’t engage decision

makers,

we fail.

Page 16: Comics are Real Work - dsgnday Amsterdam 11/11/14

People love

Stories

Page 17: Comics are Real Work - dsgnday Amsterdam 11/11/14

People Love Comics

Page 18: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 19: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 20: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 21: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 22: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 23: Comics are Real Work - dsgnday Amsterdam 11/11/14

17,897

Page 24: Comics are Real Work - dsgnday Amsterdam 11/11/14

17,897Comic strips

50years

Peanuts, Charles Schulz

Page 25: Comics are Real Work - dsgnday Amsterdam 11/11/14

the longest story ever told by one person

Page 26: Comics are Real Work - dsgnday Amsterdam 11/11/14

Why comics?

Page 27: Comics are Real Work - dsgnday Amsterdam 11/11/14

Verbal

Non Verbal

Page 28: Comics are Real Work - dsgnday Amsterdam 11/11/14

Facial Expressions

Eye contact

Body language

Gestures

Speech

Page 29: Comics are Real Work - dsgnday Amsterdam 11/11/14

Non-Verbals &

Comics

Page 30: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 31: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 32: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 33: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 34: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 35: Comics are Real Work - dsgnday Amsterdam 11/11/14

The power of

Suggestion

Page 36: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 37: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 38: Comics are Real Work - dsgnday Amsterdam 11/11/14

Great!

I’ve booked

my train home!

Page 39: Comics are Real Work - dsgnday Amsterdam 11/11/14

“…But comics are for kids – My clients wouldn’t get it…”

Page 40: Comics are Real Work - dsgnday Amsterdam 11/11/14

Charles Schulz

Page 41: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 42: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 43: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 44: Comics are Real Work - dsgnday Amsterdam 11/11/14

The fun bit!

Page 45: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

Understanding comics

Page 46: Comics are Real Work - dsgnday Amsterdam 11/11/14

Single panel:

Page 47: Comics are Real Work - dsgnday Amsterdam 11/11/14

Strip:

Page 48: Comics are Real Work - dsgnday Amsterdam 11/11/14

Pages:

Page 49: Comics are Real Work - dsgnday Amsterdam 11/11/14

Yay! Gutters!

Page 50: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 51: Comics are Real Work - dsgnday Amsterdam 11/11/14

storytelling

Page 52: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 53: Comics are Real Work - dsgnday Amsterdam 11/11/14

? !!

!

Page 54: Comics are Real Work - dsgnday Amsterdam 11/11/14

Buy this

Page 55: Comics are Real Work - dsgnday Amsterdam 11/11/14

“…But I can’t draw…”

Page 56: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 57: Comics are Real Work - dsgnday Amsterdam 11/11/14

xkcd.com/386

Page 58: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

Drawing faces

Page 59: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 60: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 61: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 62: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

Drawing expressions

Page 63: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 64: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

Drawing figures

Page 65: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 66: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 67: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 68: Comics are Real Work - dsgnday Amsterdam 11/11/14

1. Skeleton 2. Sausages 3. Detail 4. Inking

Page 69: Comics are Real Work - dsgnday Amsterdam 11/11/14

5. Tidy up 6. Vectors 7. Colour

Page 70: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

characters

Page 71: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 72: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 73: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 74: Comics are Real Work - dsgnday Amsterdam 11/11/14

Basic skills:

Creating a comic

Page 75: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 76: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 77: Comics are Real Work - dsgnday Amsterdam 11/11/14

Planning is

REALLY

important!

Page 78: Comics are Real Work - dsgnday Amsterdam 11/11/14

Practical ways to use

comics

Page 79: Comics are Real Work - dsgnday Amsterdam 11/11/14

Pitching

Page 80: Comics are Real Work - dsgnday Amsterdam 11/11/14

Camera ShopThe

A fake brief:

Page 81: Comics are Real Work - dsgnday Amsterdam 11/11/14

… they currently have a well developed

customer base of professional

photographers…

…but they want to increase the number of

amateur photographers shopping with them.

Page 82: Comics are Real Work - dsgnday Amsterdam 11/11/14

Via the Money Saving Expert forum

Finding ideas:

Page 83: Comics are Real Work - dsgnday Amsterdam 11/11/14

• ‘Bob’ wants to buy a new compact camera.

• He’s shopped around, but has been overwhelmed

by the variety and choice of cameras.

• He doesn’t want a lot of fancy features, but he

does care about the image quality.

• He has up to £100 to spend.

• He is looking for help to make a decision.

Page 84: Comics are Real Work - dsgnday Amsterdam 11/11/14

• Bob wants to buy a new camera because his current one has broken. He wants to replace his camera before he goes on holiday.

• He has looked on several websites, but has been overwhelmed by the choice. He needs help to refine appropriate cameras into a more manageable shortlist, or even to find the best one for him.

• The site or app needs to allow him to control his searching and browsing so he can manage the volume of results. It needs to give him choice but not overwhelm him.

• He needs to be able to look at cameras based on their size (he wants it to be compact), their image quality (it needs to take nice pictures) and its price (it must be under £100).

Page 85: Comics are Real Work - dsgnday Amsterdam 11/11/14

1. Introduce Bob2. Bob’s camera has

broken

3. Bob looks for cameras

online

4. Bob gets

overwhelmed

5. Bob finds The Camera

Shop

6. Bob finds ‘The

Compact Camera’ finder

7. Bob filters compact

cameras by price and

size

8. Bob finds a camera he

is interested in

9. Bob browses photos

taken with the camera

from Flickr

10. Bob feels satisfied

and purchases the

camera

Page 86: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 87: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 88: Comics are Real Work - dsgnday Amsterdam 11/11/14

Share research(A.K.A: Bringing research to life)

Page 89: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 90: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 91: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 92: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 93: Comics are Real Work - dsgnday Amsterdam 11/11/14

Test ideas with users

Page 94: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 95: Comics are Real Work - dsgnday Amsterdam 11/11/14

Kevin CHENG, Yahoo

Page 96: Comics are Real Work - dsgnday Amsterdam 11/11/14

Develop personas

Page 97: Comics are Real Work - dsgnday Amsterdam 11/11/14

Meet ‘Denise’:

Page 98: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 99: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 100: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 101: Comics are Real Work - dsgnday Amsterdam 11/11/14

Communicate &

explore ideas

Page 102: Comics are Real Work - dsgnday Amsterdam 11/11/14

Scott McCLOUD, Google Chrome

Page 103: Comics are Real Work - dsgnday Amsterdam 11/11/14

Comic created for conceptual iOS fitness app ‘Training Buddy’

Page 104: Comics are Real Work - dsgnday Amsterdam 11/11/14

Comic created for conceptual iOS fitness app ‘Training Buddy’

Page 105: Comics are Real Work - dsgnday Amsterdam 11/11/14
Page 106: Comics are Real Work - dsgnday Amsterdam 11/11/14

Key points to

remember

Page 107: Comics are Real Work - dsgnday Amsterdam 11/11/14

engage decision makers

Page 108: Comics are Real Work - dsgnday Amsterdam 11/11/14

Speak to users as often

as possible

Page 109: Comics are Real Work - dsgnday Amsterdam 11/11/14

Plan!

Page 110: Comics are Real Work - dsgnday Amsterdam 11/11/14

Wait for ink to dry before

using an eraser

Page 111: Comics are Real Work - dsgnday Amsterdam 11/11/14

Enjoy yourself

Page 112: Comics are Real Work - dsgnday Amsterdam 11/11/14

Thank you!

@almostexact