UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)
-
Upload
uxpa-international -
Category
Design
-
view
1.228 -
download
1
Transcript of UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)
![Page 1: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/1.jpg)
BONNy COLVILLE-HyDE #UXPA @ALMOSTEXACT
UX COMICS: COMMUNICATING
EXPERIENCES & SHARING IDEAS
![Page 2: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/2.jpg)
COMMUNICATING HUMAN
EXPERIENCES IN
DOCUMENTATION IS HARD.
![Page 3: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/3.jpg)
![Page 4: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/4.jpg)
![Page 5: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/5.jpg)
BORING
![Page 6: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/6.jpg)
“A lengthy description of a glass of water is no substitute for the experience of drinking a glass of water”!Ivan BRUNETTI!
![Page 7: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/7.jpg)
![Page 8: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/8.jpg)
MOTIVATION & PROJECT ENERGy
![Page 9: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/9.jpg)
![Page 10: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/10.jpg)
![Page 11: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/11.jpg)
THE SECRET TO SUCCESSFUL PROJECTS
Caring about audiences comes naturally to us; it doesn’t for everyone though.!!We need to help our stakeholders and team members learn why caring, and empathising with people is essential when it comes to creating meaningful, positive, memorable and successful experiences.!
![Page 12: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/12.jpg)
![Page 13: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/13.jpg)
WHAT ABOUT BRAND EXPERIENCES?
![Page 14: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/14.jpg)
![Page 15: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/15.jpg)
![Page 16: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/16.jpg)
BUT WHy COMICS?
![Page 17: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/17.jpg)
COMICS ARE PART OF OUR
VISUAL CULTURE
![Page 18: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/18.jpg)
![Page 19: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/19.jpg)
![Page 20: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/20.jpg)
![Page 21: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/21.jpg)
COMIC HISTORy
![Page 22: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/22.jpg)
4000 BC!
![Page 23: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/23.jpg)
1070’S!
![Page 24: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/24.jpg)
1740’S!
![Page 25: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/25.jpg)
1950!
![Page 26: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/26.jpg)
1961!
![Page 27: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/27.jpg)
1976!
![Page 28: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/28.jpg)
1985!
![Page 29: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/29.jpg)
2005!
![Page 30: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/30.jpg)
NON-VERBAL COMMUNICATION
![Page 31: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/31.jpg)
VERBAL
NON-VERBAL
![Page 32: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/32.jpg)
TyPES OF NON-VERBAL COMMUNICATION Facial expressions: smiling, frowning, scowling!!Eye contact: gaze, eye movements, pupil size!!Body language: posture, open/closed actions!!Gestures: hand movements, speed, flow!!Speech: tone of voice, speed !!
![Page 33: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/33.jpg)
NON-VERBALS & COMICS
![Page 34: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/34.jpg)
![Page 35: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/35.jpg)
![Page 36: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/36.jpg)
![Page 37: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/37.jpg)
![Page 38: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/38.jpg)
![Page 39: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/39.jpg)
![Page 40: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/40.jpg)
“Words and pictures can combine to create effects that neither could create separately”!Scott McCLOUD!
![Page 41: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/41.jpg)
THE POWER OF SUGGESTION
![Page 42: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/42.jpg)
![Page 43: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/43.jpg)
Great! I’ve booked
my train home!
![Page 44: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/44.jpg)
![Page 45: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/45.jpg)
That burger was amazing!
5 Stars!
![Page 46: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/46.jpg)
![Page 47: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/47.jpg)
Dad would love that burger
place – I’ll send him the details
![Page 48: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/48.jpg)
“…COMICS ARE FOR KIDS,
CLIENTS WOULDN’T GET IT…”
![Page 49: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/49.jpg)
Charles Schulz
![Page 50: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/50.jpg)
ANyONE CAN MAKE A
MEANINGFUL COMIC
![Page 51: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/51.jpg)
…yOU DO NOT NEED EXTENSIVE
ARTISTIC SKILLS
![Page 52: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/52.jpg)
SKILL:
DRAWING FACES
![Page 53: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/53.jpg)
![Page 54: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/54.jpg)
LOOKING AT THINGS
![Page 55: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/55.jpg)
LOOKING AT THINGS
![Page 56: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/56.jpg)
SKILL:
DRAWING EXPRESSIONS
![Page 57: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/57.jpg)
CREATING FACIAL EXPRESSIONS
… EYEBROWS AND MOUTHS ARE VERY IMPORTANT!
![Page 58: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/58.jpg)
SKILL:
DRAWING FIGURES
![Page 59: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/59.jpg)
![Page 60: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/60.jpg)
![Page 61: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/61.jpg)
![Page 62: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/62.jpg)
ADDING WEIGHT TO THE SKELETONS
1: Skeleton 2: Sausages 3: Details 4: Inking
![Page 63: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/63.jpg)
ADDING WEIGHT TO THE SKELETONS
5: Erase pencil 6: Vector-ise 7: colour
![Page 64: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/64.jpg)
MAKING CHARACTERS IDENTIFIABLE
![Page 65: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/65.jpg)
GET TO KNOW yOUR CHARACTERS
![Page 66: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/66.jpg)
GET TO KNOW yOUR CHARACTERS
![Page 67: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/67.jpg)
THE LANGUAGE OF COMICS
![Page 68: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/68.jpg)
“Comics have a vocabulary that doesn't even require language. In fact, many of its symbols could be considered a language of their own that requires no teaching or explanation”!Kevin CHENG ‘See what I mean’!
![Page 69: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/69.jpg)
SINGLE PANELS
![Page 70: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/70.jpg)
STRIPS
![Page 71: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/71.jpg)
PAGES
![Page 72: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/72.jpg)
GUTTERS
![Page 73: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/73.jpg)
GUTTERS
![Page 74: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/74.jpg)
FRAMING
![Page 75: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/75.jpg)
SPEAKING
![Page 76: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/76.jpg)
IT DOESN’T EVEN HAVE TO BE WORDS!
? !!!
![Page 77: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/77.jpg)
SKILL:
STORyTELLING
![Page 78: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/78.jpg)
STORyTELLING: THE BASIC ARC
![Page 79: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/79.jpg)
THE FIVE C’S OF COMICS Calligraphy!!Composition!!Clarity!!Consistency!!Communication!
By Ivan Brunetti
![Page 80: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/80.jpg)
SCENE SETTING Key rules to note:
• Use simple props to set the scene!• A few, key items are better than loads of detail (it just creates noise)!• Consider each item’s role in the story!!
![Page 81: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/81.jpg)
![Page 82: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/82.jpg)
Matilda’s Dad helps her play games on their iPad.
![Page 83: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/83.jpg)
UX COMICS IN THE WILD
![Page 84: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/84.jpg)
![Page 85: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/85.jpg)
![Page 86: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/86.jpg)
![Page 87: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/87.jpg)
![Page 88: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/88.jpg)
PRACTICAL USES FOR
COMICS:
CASE STUDIES
![Page 89: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/89.jpg)
SPEC WORK FOR PITCHES
THE PROBLEM: Need to create ‘something’ for a pitch – there is no time or budget to do proper research.!!Speculative work can come back to haunt you.!!
![Page 90: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/90.jpg)
Camera Shop The
EXAMPLE CLIENT:
![Page 91: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/91.jpg)
GETTING STARTED: The client’s brief describes how they currently have a well developed customer base of professional photographers, but they want to increase the number of amateur photographers shopping with them. !!We could ‘guess’ what amateur photographers want, or, we could look for evidence to spark our ideas.!
![Page 92: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/92.jpg)
FINDING AN IDEA
Via the Money Saving Expert forum
![Page 93: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/93.jpg)
WHAT’S GOING ON HERE? ‘Bob’ wants to buy a new compact camera.!He has 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 94: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/94.jpg)
MAKING THE STORy 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 95: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/95.jpg)
PLANNING THE COMIC 1. Introduce Bob 2. 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 96: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/96.jpg)
![Page 97: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/97.jpg)
![Page 98: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/98.jpg)
COMIC BENEFITS: • We have evidence behind our assumptions and
ideas about the audience!!• We can talk confidently about a scenario, without
having to commit to details!!• We still have something visual to show to clients
in a pitch!!
![Page 99: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/99.jpg)
EXPLORING IDEAS
THE PROBLEM: As a team we need to see how an idea could work as a complete product.!If we focus on designing the interface too soon, we may miss opportunities to refine the process, or improve the structure.!
![Page 100: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/100.jpg)
User Registers for ‘My Training
Buddy’
Dashboard
Sets Goals
Find Friends
Track Performance
Track Friend’s Performance
Issue Performance Challenges
![Page 101: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/101.jpg)
Comic created for conceptual iOS fitness app ‘Training Buddy’
![Page 102: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/102.jpg)
Comic created for conceptual iOS fitness app ‘Training Buddy’
![Page 103: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/103.jpg)
COMIC BENEFITS: • We can test the comic with target users and get
feedback before we create wireframes or a prototype (faster, cheaper)!
!• Helps all team members understand how we’re
proposing a process works – little imagination is needed!
!• We have a visual document that can be easily shared
and reviewed with clients!!
![Page 104: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/104.jpg)
EXPANDING PERSONAS
THE PROBLEM: Personas have a mixed reputation. !They can be hard to empathise with.!Communicating a persona’s core tasks and their setting helps build understanding. !
![Page 105: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/105.jpg)
MEET ‘DENISE’:
![Page 106: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/106.jpg)
![Page 107: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/107.jpg)
![Page 108: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/108.jpg)
![Page 109: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/109.jpg)
COMIC BENEFITS: • Easier to engage stakeholders and team members
with a comic than a ‘flat’ persona!!• Comic story can trigger more questions and feedback
– meaning the team is sharing more information!!
![Page 110: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/110.jpg)
COMMUNICATING RESEARCH
FINDINGS
THE PROBLEM: Long reports require a lot of effort to read!Getting things done can mean leaving out the little details!‘Seeing is believing’ !
![Page 111: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/111.jpg)
![Page 112: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/112.jpg)
![Page 113: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/113.jpg)
![Page 114: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/114.jpg)
![Page 115: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/115.jpg)
COMIC BENEFITS: • Faster to read than a report!• Subtleties can be communicated with facial expressions and
body language!• Brings people to life (important if stakeholders & team members
didn’t attend any research sessions)!
![Page 116: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/116.jpg)
TESTING IDEAS WITH USERS
THE PROBLEM: You’re not a unicorn!and/or!You don’t have time to prototype!You want to test an existing product, before it gets re-developed!
![Page 117: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/117.jpg)
![Page 118: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/118.jpg)
COMIC BENEFITS: • Fast!!• Participants enjoy working with comics!• Rapid iterations!
![Page 119: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/119.jpg)
SHARING INFORMATION
THE PROBLEM: You don’t want to write yet another blog post!
![Page 120: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/120.jpg)
Across the UK and around the world there have been over 80 colloquial names recorded that people use to describe this common land-based crustacean.
How woodlice can help your websiteThe humble woodlouse is known by many names
Depending on where you go, you can hear people talking about woodlice using vastly different names, for instance:'slater' (scotland),'Grammersow' (cornwall)and even'Boat Builder' (CANADA).
Did you know?
roly poly
Slater
Butcher boy
But why should this matter to you?
If you don't understand the real names and terms people use to describe your
• brand• product• service• & location
it could mean you're missing out on valuable traffic and conversions online.
Unless you investigate your audience groups thoroughly, you could be wasting effort and budgets trying to fit a square peg into a round hole.
For instance, you may want to describe your service as providing 'support', but your target audience thinks of it as 'care'. Or perhaps you want to increase membership on your forum but your users don't relate to the label 'chat'.
These seemingly small labelling problems can add up and cause significant barriers that prevent your audience from fully engaging with you.
Thats why understanding the language your audience uses is essential, even if you don't have woodlice on your website.
![Page 121: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/121.jpg)
SEVEN RULES OF
(UX) COMIC MAKING
![Page 122: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/122.jpg)
PLAN yOUR STORy:
IF yOU FAIL TO PLAN,
yOU PLAN TO FAIL
RULE 1:
![Page 123: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/123.jpg)
KEEP IT SIMPLE:
FOCUS ON WHAT REALLy
MATTERS
RULE 2:
![Page 124: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/124.jpg)
DEVELOP yOUR CHARACTERS:
MAKE SURE THEy ARE A FAIR
REPRESENTATION OF
AUDIENCES
RULE 3:
![Page 125: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/125.jpg)
CREATE EMPATHy:
LOOK FOR WAyS TO GET
READERS TO EMPATHISE
WITH CHARACTERS
RULE 4:
![Page 126: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/126.jpg)
DON’T BE AFRAID TO FAIL…
THAT’S WHAT ERASERS ARE
MADE FOR
RULE 5:
![Page 127: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/127.jpg)
CUT OUT
UNNECESSARy
WORDS
RULE 6:
![Page 128: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/128.jpg)
GET FEEDBACK:
CHECK yOU’RE TELLING THE
STORy yOU THOUGHT yOU WERE
RULE 7:
![Page 129: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/129.jpg)
HAVE FUN
BONUS RULE!:
![Page 130: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/130.jpg)
WAIT FOR INK TO
DRy BEFORE USING
AN ERASER!
BONUS BONUS RULE!:
![Page 131: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/131.jpg)
ESSENTIAL READING Understanding Comics, Scott McCLOUD!Making Comics, Scott McCLOUD!See What I Mean, Kevin CHENG!Cartooning: Philosophy & Practice, Ivan BRUNETTI!!
TOOLS Comic Life, Plasq!!
![Page 132: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/132.jpg)
COMIC LIFE
![Page 133: UX Comics: Communicating Experiences and Sharing Ideas (Bonny Colville-Hyde)](https://reader031.fdocuments.net/reader031/viewer/2022021922/54425df98d7f723b798b5fb1/html5/thumbnails/133.jpg)
THANK yOU!
@ALMOSTEXACT
#UXPA
Hire me!