SlideShare ist ein Scribd-Unternehmen logo
1 von 119
Downloaden Sie, um offline zu lesen
Make your
first UX Comic
Bonny Colville-Hyde
@almostexact
Intro	
  
•  About	
  me	
  
•  What	
  we’re	
  going	
  to	
  do	
  
– Make	
  a	
  three	
  panel	
  comic	
  
– Understand	
  the	
  benefits	
  of	
  using	
  comics	
  to	
  
communicate	
  user	
  experiences	
  
– Look	
  at	
  different	
  communica<on	
  problems	
  comics	
  
can	
  solve	
  
Make Your First UX Comic - UX in the City 2016
The	
  Brief:	
  
•  BuddyCam	
  is	
  a	
  new	
  website	
  and	
  mobile	
  app	
  
that	
  connects	
  people	
  through	
  photos	
  
•  The	
  team	
  at	
  BuddyCam	
  want	
  to	
  understand	
  
what	
  their	
  poten<al	
  audience	
  would	
  like	
  to	
  
achieve	
  from	
  using	
  their	
  service	
  
	
  
What	
  can	
  BuddyCam	
  do	
  to	
  make	
  their	
  service	
  
the	
  best	
  for	
  the	
  photo	
  sharing	
  audience?	
  
“How do we make
badass users?”
Kathy Sierra
Make Your First UX Comic - UX in the City 2016
Mark	
  
Mark	
  uses	
  social	
  media	
  and	
  photo	
  sharing	
  apps	
  to	
  promote	
  his	
  blog	
  
about	
  woodwork.	
  He	
  likes	
  tracking	
  how	
  many	
  likes	
  his	
  posts	
  
receive,	
  and	
  uses	
  tools	
  like	
  Google	
  Analy<cs	
  to	
  see	
  which	
  sites	
  
refer	
  the	
  most	
  traffic	
  to	
  his	
  site.	
  	
  
He	
  wants	
  to	
  generate	
  interest	
  in	
  his	
  blog,	
  get	
  more	
  visitors	
  and	
  find	
  
poten<al	
  sponsors	
  or	
  opportuni<es	
  to	
  create	
  an	
  income	
  from	
  his	
  
hobby.	
  
	
  
“How	
  can	
  I	
  connect	
  with	
  the	
  right	
  people?”	
  
“Which	
  photos	
  are	
  most	
  popular?”	
  
Tools:	
  
•	
  Mobile	
  phone	
  camera	
  
•	
  DSLR	
  camera	
  
Use:	
  
•	
  Checks	
  every	
  day	
  
•	
  Posts	
  new	
  photos	
  most	
  days	
  
•	
  Comments	
  on	
  other	
  photos	
  
now	
  and	
  then	
  
MOST	
  RECENT	
  PHOTOS:	
  Timber	
  planks,	
  a	
  handmade	
  table,	
  carved	
  detail	
  on	
  a	
  table	
  leg	
  
Amy	
  
Amy	
  uses	
  social	
  media	
  and	
  photo	
  sharing	
  apps	
  to	
  share	
  pictures	
  of	
  
her	
  day	
  to	
  day	
  life,	
  and	
  her	
  daughter	
  with	
  friends	
  and	
  family.	
  She	
  
likes	
  connec<ng	
  with	
  other	
  mums	
  who	
  share	
  her	
  values	
  and	
  
interests.	
  
She	
  wants	
  to	
  feel	
  part	
  of	
  a	
  community	
  where	
  she	
  can	
  connect	
  with	
  
people	
  and	
  form	
  a	
  network.	
  	
  
	
  
“I	
  love	
  seeing	
  what	
  my	
  friends	
  are	
  up	
  to”	
  
“Sharing	
  pictures	
  makes	
  me	
  feel	
  closer	
  to	
  my	
  friends	
  and	
  family”	
  
Tools:	
  
•	
  Mobile	
  phone	
  camera	
  
•	
  Tablet	
  camera	
  
•	
  Digital	
  camera	
  
Use:	
  
•	
  Checks	
  mul<ple	
  <mes	
  a	
  day	
  
•	
  Posts	
  photos	
  at	
  least	
  once	
  a	
  day	
  
•	
  Comments	
  several	
  <mes	
  a	
  day	
  
MOST	
  RECENT	
  PHOTOS:	
  her	
  daughter	
  playing	
  in	
  the	
  garden,	
  a	
  child’s	
  toy	
  bear,	
  flowers	
  in	
  a	
  vase	
  
Omar	
  
Omar	
  likes	
  to	
  take	
  silly	
  pictures	
  and	
  funny	
  selfies	
  that	
  make	
  his	
  
friends	
  laugh.	
  He	
  enjoys	
  geSng	
  reac<ons	
  to	
  his	
  posts,	
  and	
  seeing	
  
what	
  his	
  friends	
  have	
  to	
  share.	
  He	
  doesn’t	
  heavily	
  monitor	
  stats,	
  
but	
  gets	
  a	
  kick	
  when	
  a	
  post	
  receives	
  more	
  likes	
  than	
  usual.	
  
He	
  wants	
  to	
  look	
  good	
  (or	
  goofy)	
  for	
  his	
  friends,	
  and	
  never	
  seem	
  
boring.	
  
	
  
“70	
  Likes!	
  That’s	
  my	
  best	
  yet!”	
  
“I	
  oGen	
  plan	
  photos,	
  get	
  props	
  and	
  things	
  like	
  that:	
  to	
  make	
  them	
  
as	
  good	
  as	
  possible”	
  
Tools:	
  
•	
  Mobile	
  phone	
  camera	
  
•	
  Laptop	
  webcam	
  
Use:	
  
•	
  Checks	
  most	
  days	
  
•	
  Posts	
  every	
  few	
  days	
  
•	
  Comments	
  most	
  days	
  
MOST	
  RECENT	
  PHOTOS:	
  a	
  cat	
  wearing	
  sunglasses,	
  a	
  selfie	
  in	
  front	
  of	
  a	
  huge	
  cake,	
  a	
  photo	
  of	
  a	
  friend	
  
Laura	
  
Laura	
  is	
  a	
  social	
  media	
  manager	
  for	
  a	
  company	
  that	
  designs	
  and	
  
makes	
  t-­‐shirts.	
  She	
  uses	
  photo	
  sharing	
  apps	
  to	
  promote	
  their	
  
products	
  and	
  engage	
  with	
  customers.	
  She	
  ac<vely	
  measures	
  and	
  
monitors	
  the	
  communi<es	
  he	
  par<cipates	
  in.	
  
She	
  wants	
  to	
  know	
  her	
  <me	
  is	
  being	
  used	
  produc<vely,	
  and	
  that	
  
customers	
  have	
  a	
  good	
  experience	
  engaging	
  with	
  her	
  and	
  the	
  
company	
  she	
  works	
  for.	
  
	
  
“Why	
  do	
  some	
  photos	
  get	
  so	
  many	
  more	
  likes	
  than	
  others?”	
  
“How	
  can	
  I	
  find	
  people	
  posJng	
  photos	
  of	
  our	
  t-­‐shirts?”	
  
Tools:	
  
•	
  Mobile	
  phone	
  camera	
  
•	
  DSLR	
  camera	
  
•	
  Desktop	
  computer	
  
Use:	
  
•	
  Checks	
  mul<ple	
  <mes	
  a	
  day	
  
•	
  Posts	
  once	
  or	
  twice	
  a	
  day	
  
•	
  Comments	
  throughout	
  the	
  day	
  
MOST	
  RECENT	
  PHOTOS:	
  a	
  t-­‐shirt	
  being	
  printed,	
  a	
  repost	
  of	
  a	
  customer	
  photo,	
  a	
  t-­‐shirt	
  being	
  
modelled	
  
TASK!	
  
-­‐  Get	
  into	
  pairs	
  
-­‐  Run	
  a	
  mini	
  depth	
  interview	
  
-­‐  Find	
  out	
  if	
  your	
  partner	
  uses	
  and	
  photo	
  sharing	
  
apps/services	
  –	
  which	
  ones?	
  
-­‐  How	
  do	
  they	
  use	
  them?	
  
-­‐  Why	
  do	
  they	
  use	
  them?	
  
-­‐  What	
  was	
  the	
  last	
  photo	
  they	
  shared?	
  Why?	
  
-­‐  What	
  do	
  they	
  feel	
  about	
  the	
  service?	
  
-­‐  MAKE	
  NOTES!	
  
5	
  mins	
  
User research
is
Awesome.
Make Your First UX Comic - UX in the City 2016
Documenting &
communicating
Human
experiences is
hard
Make Your First UX Comic - UX in the City 2016
‘Deliverables’
Suck
Make Your First UX Comic - UX in the City 2016
If we don’t
engage decision
makers,
we fail.
BuddyCam	
  Stakeholders	
  
Bob,	
  Owner/Founder/MD/Big	
  Boss	
  
Thinks	
  everyone	
  uses	
  the	
  internet	
  and	
  
apps	
  just	
  like	
  he	
  does.	
  
Has	
  a	
  short	
  a`en<on	
  span,	
  combined	
  
with	
  a	
  busy	
  schedule.	
  
He	
  wants	
  to	
  grow	
  a	
  community	
  of	
  
BuddyCam	
  users	
  to	
  make	
  a	
  success	
  of	
  
his	
  business.	
  
BuddyCam	
  Stakeholders	
  
Jenny,	
  Product	
  Manager	
  
Wants	
  to	
  make	
  decisions	
  quickly,	
  so	
  
she	
  can	
  get	
  new	
  features	
  scoped	
  and	
  
into	
  development	
  sprints.	
  
Thinks	
  they	
  should	
  release	
  features	
  
and	
  test	
  what	
  they	
  do	
  later	
  on.	
  
She	
  wants	
  to	
  deliver	
  features	
  on	
  <me	
  
and	
  in	
  budget.	
  
Communication
is
hard
Make Your First UX Comic - UX in the City 2016
We can engage
people with
experiences.
People love
Stories
People Love
Comics
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
xkcd.com/386	
  
Why are
comics so
successful?
Verbal
Non
Verbal
Facial Expressions
Eye contact
Body language
Gestures
Speech
The magic of
non-verbal
communication
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
“…But
comics are
for kids –
My Team
wouldn’t
get it…”
Charles	
  Schulz	
  
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
BuddyCam:	
  What	
  have	
  we	
  got?	
  
•  Brief	
  
•  Stakeholders	
  
•  A	
  mini	
  persona	
  and	
  some	
  interview	
  data	
  
•  A	
  general	
  awareness	
  of	
  the	
  market	
  
How do we
turn this into
a comic?
1	
   2	
   3	
  
4	
   5	
   6	
  
1:	
  Plan	
  the	
  story	
   2:	
  Design	
  the	
  characters	
   3:	
  PracNce	
  the	
  character’s	
  
emoNons	
  
4:	
  Draw	
  the	
  comic	
   5:	
  Get	
  feedback	
   6:	
  Refine	
  the	
  comic	
  
Planning	
  the	
  Story	
  
•  Compare	
  your	
  interview	
  data	
  with	
  your	
  
persona:	
  what	
  do	
  they	
  have	
  in	
  common?	
  Are	
  
there	
  themes?	
  This	
  will	
  become	
  your	
  
character	
  and	
  their	
  context	
  
•  How	
  can	
  BuddyCam	
  make	
  your	
  character	
  a	
  
badass?	
  
TASK!	
  
Plan	
  (don’t	
  make)	
  your	
  three	
  panel	
  comic	
  strip	
  
–  1:	
  Introduce	
  the	
  character	
  &	
  context	
  
–  2:	
  Show	
  how	
  the	
  product	
  is	
  used	
  
–  3:	
  Show	
  the	
  outcome	
  
WHO	
   WHAT	
   WHY	
  
Single panel:
Strip:
Pages:
Yay! Gutters!
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
? !!!
Make Your First UX Comic - UX in the City 2016
storytelling
Buy this
Your
character
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Drawing
expressions
Make Your First UX Comic - UX in the City 2016
Sad	
   Neutral	
   Happy	
  
TASK!
-  Draw five circles/head shapes
-  Add expressions on each face:
Start with sad on the left, and end with
happy on the right
Drawing
figures
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
TASK!
-  Draw two stick people standing next to
each other, showing different emotions
-  The emotions should be opposites
Happiness	
   Sadness	
  
Fear	
  
Depression	
  
Amusement	
   Boredom	
  
Excitement	
  
Sorrow	
  
Pride	
  
Relief	
  
Shame	
  
Joy	
  
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
TASK!	
  Make	
  your	
  3	
  panel	
  comic	
  
WHO	
   WHAT	
   WHY	
  
Task!	
  Get	
  feedback!	
  
•  Get	
  into	
  pairs	
  and	
  share	
  your	
  comics	
  
•  Collect	
  feedback:	
  does	
  your	
  comic	
  
communicate	
  what	
  you	
  intended?	
  
Make Your First UX Comic - UX in the City 2016
What	
  would	
  Bob	
  and	
  Jenny	
  say?!	
  
Comics in
action
Share
research
(A.K.A: Bringing research
to life)
Experienced	
  
Novice	
  
Skep<cal	
  	
   Trus<ng	
  
BOB	
  
SUE	
  
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Test ideas with
users
Make Your First UX Comic - UX in the City 2016
Kevin	
  CHENG,	
  Yahoo	
  
Develop
personas
Meet ‘Denise’:
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Share &
explore ideas
Sco`	
  McCLOUD,	
  Google	
  Chrome	
  
Comic	
  created	
  for	
  conceptual	
  iOS	
  fitness	
  app	
  ‘Training	
  Buddy’	
  
Comic	
  created	
  for	
  conceptual	
  iOS	
  fitness	
  app	
  ‘Training	
  Buddy’	
  
A scenario
•  We’re	
  working	
  for	
  an	
  ecommerce	
  photography	
  site	
  called	
  ‘The	
  
Camera	
  Shop’.	
  
•  They	
  sell	
  lots	
  of	
  different	
  cameras	
  and	
  photography	
  gear	
  to	
  a	
  
variety	
  of	
  customers,	
  though	
  most	
  of	
  them	
  are	
  passionate	
  
photographers.	
  
•  They	
  want	
  to	
  know	
  how	
  they	
  can	
  appeal	
  to	
  customers	
  who	
  don’t	
  
consider	
  themselves	
  photographers	
  and	
  who	
  spend	
  less	
  on	
  
cameras	
  (because	
  there	
  are	
  a	
  lot	
  more	
  of	
  these	
  people	
  than	
  the	
  
passionate	
  photographers).	
  
•  Before	
  they	
  commission	
  a	
  large	
  piece	
  of	
  research,	
  they	
  want	
  to	
  see	
  
what	
  insight	
  we	
  can	
  give	
  about	
  this	
  audience.	
  
•  We	
  need	
  to	
  quickly	
  create	
  a	
  comic	
  that	
  shares	
  some	
  of	
  the	
  
problems	
  and	
  poten<al	
  solu<ons	
  The	
  Camera	
  Shop	
  could	
  provide	
  
to	
  laymen	
  photographers.	
  
Finding an idea
Via	
  the	
  Money	
  Saving	
  Expert	
  forum	
  
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.	
  
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).	
  
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	
  saNsfied	
  
and	
  purchases	
  the	
  
camera	
  
Make Your First UX Comic - UX in the City 2016
Make Your First UX Comic - UX in the City 2016
Comic Life
Key points to
remember
engage decision
makers
Don’t obsess
about process
Speak to users
as often as
possible
Plan!
Make it easy for
yourself
Wait for ink to
dry before
using an eraser
Have fun
Thank you!
@almostexact

Weitere ähnliche Inhalte

Was ist angesagt?

Instagram Case Study Presentation
Instagram Case Study PresentationInstagram Case Study Presentation
Instagram Case Study Presentationggagga110
 
Using Social Media Tools To Leverage Your Job Search
Using Social Media Tools To Leverage Your Job SearchUsing Social Media Tools To Leverage Your Job Search
Using Social Media Tools To Leverage Your Job SearchReinfranck
 
Instabrags vs. Videosnaps- How and When to Use Both!
Instabrags vs. Videosnaps- How and When to Use Both!Instabrags vs. Videosnaps- How and When to Use Both!
Instabrags vs. Videosnaps- How and When to Use Both!Saffire
 
Digital Media Skills to Master to Get a Job in 2019
Digital Media Skills to Master to Get a Job in 2019Digital Media Skills to Master to Get a Job in 2019
Digital Media Skills to Master to Get a Job in 2019Chris Snider
 
Evaluationhomeless
EvaluationhomelessEvaluationhomeless
EvaluationhomelessCallumknight
 
EFM Morning Brew: Social Media Update - New Tools for Branding with Social Media
EFM Morning Brew: Social Media Update - New Tools for Branding with Social MediaEFM Morning Brew: Social Media Update - New Tools for Branding with Social Media
EFM Morning Brew: Social Media Update - New Tools for Branding with Social MediaE Factor Media (EFM)
 
How to develop and deliver your content strategy
How to develop and deliver your content strategyHow to develop and deliver your content strategy
How to develop and deliver your content strategyAnalogFolk
 
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mozza
 
L3 cmpt y2 evaluation template (2) copy
L3 cmpt y2 evaluation template (2)   copyL3 cmpt y2 evaluation template (2)   copy
L3 cmpt y2 evaluation template (2) copyLily809411
 
Digital graphics
Digital graphics Digital graphics
Digital graphics em-monsey
 
T shirt design - updated
T shirt design - updatedT shirt design - updated
T shirt design - updatedem-monsey
 
T shirt design
T shirt designT shirt design
T shirt designem-monsey
 
What's All the Fuss About Pinterest & Why Should I Care? #SMM12
What's All the Fuss About Pinterest & Why Should I Care? #SMM12What's All the Fuss About Pinterest & Why Should I Care? #SMM12
What's All the Fuss About Pinterest & Why Should I Care? #SMM12AnalogFolk
 
Increasing Facebook Engagement
Increasing Facebook EngagementIncreasing Facebook Engagement
Increasing Facebook EngagementConnecting Up
 
Idea development pro forma done
Idea development pro forma doneIdea development pro forma done
Idea development pro forma donewillydavisj
 
Emerging Platforms (Feb 2011)
Emerging Platforms (Feb 2011)Emerging Platforms (Feb 2011)
Emerging Platforms (Feb 2011)AnalogFolk
 
Marketing Your Art
Marketing Your ArtMarketing Your Art
Marketing Your ArtLori Fisher
 
2013 is "The Year of the Hashtag"
2013 is "The Year of the Hashtag"2013 is "The Year of the Hashtag"
2013 is "The Year of the Hashtag"Marc Horne
 

Was ist angesagt? (19)

Instagram Case Study Presentation
Instagram Case Study PresentationInstagram Case Study Presentation
Instagram Case Study Presentation
 
Using Social Media Tools To Leverage Your Job Search
Using Social Media Tools To Leverage Your Job SearchUsing Social Media Tools To Leverage Your Job Search
Using Social Media Tools To Leverage Your Job Search
 
Instabrags vs. Videosnaps- How and When to Use Both!
Instabrags vs. Videosnaps- How and When to Use Both!Instabrags vs. Videosnaps- How and When to Use Both!
Instabrags vs. Videosnaps- How and When to Use Both!
 
Digital Media Skills to Master to Get a Job in 2019
Digital Media Skills to Master to Get a Job in 2019Digital Media Skills to Master to Get a Job in 2019
Digital Media Skills to Master to Get a Job in 2019
 
Evaluationhomeless
EvaluationhomelessEvaluationhomeless
Evaluationhomeless
 
EFM Morning Brew: Social Media Update - New Tools for Branding with Social Media
EFM Morning Brew: Social Media Update - New Tools for Branding with Social MediaEFM Morning Brew: Social Media Update - New Tools for Branding with Social Media
EFM Morning Brew: Social Media Update - New Tools for Branding with Social Media
 
How to develop and deliver your content strategy
How to develop and deliver your content strategyHow to develop and deliver your content strategy
How to develop and deliver your content strategy
 
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
Mobile Gamification - How The Best Apps Nailed It (Waze, Duolingo, Tinder, Sn...
 
L3 cmpt y2 evaluation template (2) copy
L3 cmpt y2 evaluation template (2)   copyL3 cmpt y2 evaluation template (2)   copy
L3 cmpt y2 evaluation template (2) copy
 
Digital graphics
Digital graphics Digital graphics
Digital graphics
 
T shirt design - updated
T shirt design - updatedT shirt design - updated
T shirt design - updated
 
The Power Of The Influencer
The Power Of The InfluencerThe Power Of The Influencer
The Power Of The Influencer
 
T shirt design
T shirt designT shirt design
T shirt design
 
What's All the Fuss About Pinterest & Why Should I Care? #SMM12
What's All the Fuss About Pinterest & Why Should I Care? #SMM12What's All the Fuss About Pinterest & Why Should I Care? #SMM12
What's All the Fuss About Pinterest & Why Should I Care? #SMM12
 
Increasing Facebook Engagement
Increasing Facebook EngagementIncreasing Facebook Engagement
Increasing Facebook Engagement
 
Idea development pro forma done
Idea development pro forma doneIdea development pro forma done
Idea development pro forma done
 
Emerging Platforms (Feb 2011)
Emerging Platforms (Feb 2011)Emerging Platforms (Feb 2011)
Emerging Platforms (Feb 2011)
 
Marketing Your Art
Marketing Your ArtMarketing Your Art
Marketing Your Art
 
2013 is "The Year of the Hashtag"
2013 is "The Year of the Hashtag"2013 is "The Year of the Hashtag"
2013 is "The Year of the Hashtag"
 

Andere mochten auch

Comic workshop presentation week 1
Comic workshop presentation week 1Comic workshop presentation week 1
Comic workshop presentation week 1dsuppingham
 
Comic Book Propaganda Exhibit
Comic Book Propaganda ExhibitComic Book Propaganda Exhibit
Comic Book Propaganda ExhibitLS56908
 
Tap Into The World Of Comics #2:Comic Version
Tap Into The World Of Comics #2:Comic VersionTap Into The World Of Comics #2:Comic Version
Tap Into The World Of Comics #2:Comic VersionS. Hendy
 
Planet krypton to print
Planet krypton to printPlanet krypton to print
Planet krypton to printSven Larsen
 
Planet krypton to print 2
Planet krypton to print 2Planet krypton to print 2
Planet krypton to print 2Sven Larsen
 
Passive voice
Passive voicePassive voice
Passive voiceJMBrito89
 
Why or when do we use the passive voice?
Why or when do we use the passive voice?Why or when do we use the passive voice?
Why or when do we use the passive voice?learnglish
 
01 pengangkutan bio f5
01 pengangkutan bio f501 pengangkutan bio f5
01 pengangkutan bio f5hisye78
 
Online Comic Creators
Online Comic CreatorsOnline Comic Creators
Online Comic CreatorsS. Hendy
 
Comic strip - lesson plan
Comic strip - lesson planComic strip - lesson plan
Comic strip - lesson planSaima Abedi
 

Andere mochten auch (20)

Five UX Myths to Avoid
Five UX Myths to AvoidFive UX Myths to Avoid
Five UX Myths to Avoid
 
Structured Content UX Ireland
Structured Content UX IrelandStructured Content UX Ireland
Structured Content UX Ireland
 
Análisis del cómic
Análisis del cómicAnálisis del cómic
Análisis del cómic
 
Comic workshop presentation week 1
Comic workshop presentation week 1Comic workshop presentation week 1
Comic workshop presentation week 1
 
Comic Mangia
Comic MangiaComic Mangia
Comic Mangia
 
Comic Book Propaganda Exhibit
Comic Book Propaganda ExhibitComic Book Propaganda Exhibit
Comic Book Propaganda Exhibit
 
Tap Into The World Of Comics #2:Comic Version
Tap Into The World Of Comics #2:Comic VersionTap Into The World Of Comics #2:Comic Version
Tap Into The World Of Comics #2:Comic Version
 
Planet krypton to print
Planet krypton to printPlanet krypton to print
Planet krypton to print
 
Planet krypton to print 2
Planet krypton to print 2Planet krypton to print 2
Planet krypton to print 2
 
Passive voice
Passive voicePassive voice
Passive voice
 
Why or when do we use the passive voice?
Why or when do we use the passive voice?Why or when do we use the passive voice?
Why or when do we use the passive voice?
 
Create a comic! ppt
Create a comic! pptCreate a comic! ppt
Create a comic! ppt
 
Storyboarding a Serious Comic
Storyboarding a Serious ComicStoryboarding a Serious Comic
Storyboarding a Serious Comic
 
Metafiction in American Comic Strips
Metafiction in American Comic StripsMetafiction in American Comic Strips
Metafiction in American Comic Strips
 
01 pengangkutan bio f5
01 pengangkutan bio f501 pengangkutan bio f5
01 pengangkutan bio f5
 
Online Comic Creators
Online Comic CreatorsOnline Comic Creators
Online Comic Creators
 
Comic strip - lesson plan
Comic strip - lesson planComic strip - lesson plan
Comic strip - lesson plan
 
Comic techniques
Comic techniquesComic techniques
Comic techniques
 
Semiotic 1+2
Semiotic 1+2Semiotic 1+2
Semiotic 1+2
 
Cómic cómo se hace
Cómic cómo se haceCómic cómo se hace
Cómic cómo se hace
 

Ähnlich wie Make Your First UX Comic - UX in the City 2016

Digital Marketing for Filmmakers
Digital Marketing for FilmmakersDigital Marketing for Filmmakers
Digital Marketing for FilmmakersTammy Oler
 
FMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxFMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxCobabb
 
Brant s wk3_content_pdf
Brant s wk3_content_pdfBrant s wk3_content_pdf
Brant s wk3_content_pdfStephanieBrant
 
Like, Share, ReTweet and Follow (a social media tour)
Like, Share, ReTweet and Follow (a social media tour)Like, Share, ReTweet and Follow (a social media tour)
Like, Share, ReTweet and Follow (a social media tour)Stephanie Heinatz
 
Evaluation
EvaluationEvaluation
Evaluationdeahelc
 
FMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxFMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxCobabb
 
Unit 1 social media workshop
Unit 1   social media workshopUnit 1   social media workshop
Unit 1 social media workshopKevin Naruse
 
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...Saffire
 
Brower.U: Internet Potions
Brower.U: Internet PotionsBrower.U: Internet Potions
Brower.U: Internet PotionsCayden Mak
 
Raechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Gasparac
 
R&b evaluation part 3
R&b evaluation part 3R&b evaluation part 3
R&b evaluation part 3Miz_A
 
Earn up to $265 per click
Earn up to $265 per clickEarn up to $265 per click
Earn up to $265 per clickjamalalashwal
 
The Real life VS Social Networks
The Real life VS Social NetworksThe Real life VS Social Networks
The Real life VS Social NetworksMitya Voskresensky
 

Ähnlich wie Make Your First UX Comic - UX in the City 2016 (20)

Digital Marketing for Filmmakers
Digital Marketing for FilmmakersDigital Marketing for Filmmakers
Digital Marketing for Filmmakers
 
FMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxFMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docx
 
Brant s wk3_content_pdf
Brant s wk3_content_pdfBrant s wk3_content_pdf
Brant s wk3_content_pdf
 
Like, Share, ReTweet and Follow (a social media tour)
Like, Share, ReTweet and Follow (a social media tour)Like, Share, ReTweet and Follow (a social media tour)
Like, Share, ReTweet and Follow (a social media tour)
 
Evaluation
EvaluationEvaluation
Evaluation
 
FMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docxFMP Proposal Y2 (1).docx
FMP Proposal Y2 (1).docx
 
Final rcrg sm-gen
Final rcrg sm-genFinal rcrg sm-gen
Final rcrg sm-gen
 
Socialmediamasterclass arts admin day2-250217-161120180910
Socialmediamasterclass arts admin day2-250217-161120180910Socialmediamasterclass arts admin day2-250217-161120180910
Socialmediamasterclass arts admin day2-250217-161120180910
 
Keep Social Simple
Keep Social SimpleKeep Social Simple
Keep Social Simple
 
Unit 1 social media workshop
Unit 1   social media workshopUnit 1   social media workshop
Unit 1 social media workshop
 
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...
2019 TFEA - Social Media Marketing: Understanding the Landscape, Benefits and...
 
Brower.U: Internet Potions
Brower.U: Internet PotionsBrower.U: Internet Potions
Brower.U: Internet Potions
 
1. fmp initial plans
1. fmp initial plans 1. fmp initial plans
1. fmp initial plans
 
Unit 35
Unit 35Unit 35
Unit 35
 
Raechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming PortfolioRaechel Alexis Gasparac Gaming Portfolio
Raechel Alexis Gasparac Gaming Portfolio
 
GoldsmithsSocialmediamasterclass day2-25/02/17
GoldsmithsSocialmediamasterclass day2-25/02/17GoldsmithsSocialmediamasterclass day2-25/02/17
GoldsmithsSocialmediamasterclass day2-25/02/17
 
R&b evaluation part 3
R&b evaluation part 3R&b evaluation part 3
R&b evaluation part 3
 
Earn up to $265 per click
Earn up to $265 per clickEarn up to $265 per click
Earn up to $265 per click
 
Proposal
ProposalProposal
Proposal
 
The Real life VS Social Networks
The Real life VS Social NetworksThe Real life VS Social Networks
The Real life VS Social Networks
 

Kürzlich hochgeladen

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTThink 360 Studio
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024mikailaoh
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLkenzukiri
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsBlock Party
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaBarusRa
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazineRivanEleraki
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosaannemarleenolthof1
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before ConstructionResDraft
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillCre8iveskill
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfHctorFranciscoSnchez1
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comjakyjhon00
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Ed Orozco
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024Alan Dix
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessThink 360 Studio
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...khushisharma298853
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfIBM
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Ted Drake
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxHasan S
 

Kürzlich hochgeladen (18)

How to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPTHow to use Ai for UX UI Design | ChatGPT
How to use Ai for UX UI Design | ChatGPT
 
UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024UX Conference on UX Research Trends in 2024
UX Conference on UX Research Trends in 2024
 
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOLMath Group 3 Presentation OLOLOLOLILOOLLOLOL
Math Group 3 Presentation OLOLOLOLILOOLLOLOL
 
Designing for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teamsDesigning for privacy: 3 essential UX habits for product teams
Designing for privacy: 3 essential UX habits for product teams
 
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara RakovskaAMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
AMBER GRAIN EMBROIDERY | Growing folklore elements | Barbara Rakovska
 
Embroidery design from embroidery magazine
Embroidery design from embroidery magazineEmbroidery design from embroidery magazine
Embroidery design from embroidery magazine
 
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa LetšosaModels of Disability - an overview by Marno Retief & Rantoa Letšosa
Models of Disability - an overview by Marno Retief & Rantoa Letšosa
 
Construction Documents Checklist before Construction
Construction Documents Checklist before ConstructionConstruction Documents Checklist before Construction
Construction Documents Checklist before Construction
 
High-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkillHigh-Quality Faux Embroidery Services | Cre8iveSkill
High-Quality Faux Embroidery Services | Cre8iveSkill
 
LRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdfLRFD Bridge Design Specifications-AASHTO (2014).pdf
LRFD Bridge Design Specifications-AASHTO (2014).pdf
 
Create Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.comCreate Funeral Invites Online @ feedvu.com
Create Funeral Invites Online @ feedvu.com
 
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...Design mental models for managing large-scale dbt projects. March 21, 2024 in...
Design mental models for managing large-scale dbt projects. March 21, 2024 in...
 
The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024The future of UX design support tools - talk Paris March 2024
The future of UX design support tools - talk Paris March 2024
 
UI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design SuccessUI UX Process for SaaS Product Design Success
UI UX Process for SaaS Product Design Success
 
Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...Khushi sharma undergraduate portfolio...
Khushi sharma undergraduate portfolio...
 
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdfUnlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
Unlocking Conversion_ The Art of Turning Visitors into Loyal Customers.pdf
 
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
Introduce Trauma-Informed Design to Your Organization - CSUN ATC 2024
 
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptxWCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
WCM Branding Agency | 210519 - Portfolio Review (F&B) -s.pptx
 

Make Your First UX Comic - UX in the City 2016

  • 1. Make your first UX Comic Bonny Colville-Hyde @almostexact
  • 2. Intro   •  About  me   •  What  we’re  going  to  do   – Make  a  three  panel  comic   – Understand  the  benefits  of  using  comics  to   communicate  user  experiences   – Look  at  different  communica<on  problems  comics   can  solve  
  • 4. The  Brief:   •  BuddyCam  is  a  new  website  and  mobile  app   that  connects  people  through  photos   •  The  team  at  BuddyCam  want  to  understand   what  their  poten<al  audience  would  like  to   achieve  from  using  their  service     What  can  BuddyCam  do  to  make  their  service   the  best  for  the  photo  sharing  audience?  
  • 5. “How do we make badass users?” Kathy Sierra
  • 7. Mark   Mark  uses  social  media  and  photo  sharing  apps  to  promote  his  blog   about  woodwork.  He  likes  tracking  how  many  likes  his  posts   receive,  and  uses  tools  like  Google  Analy<cs  to  see  which  sites   refer  the  most  traffic  to  his  site.     He  wants  to  generate  interest  in  his  blog,  get  more  visitors  and  find   poten<al  sponsors  or  opportuni<es  to  create  an  income  from  his   hobby.     “How  can  I  connect  with  the  right  people?”   “Which  photos  are  most  popular?”   Tools:   •  Mobile  phone  camera   •  DSLR  camera   Use:   •  Checks  every  day   •  Posts  new  photos  most  days   •  Comments  on  other  photos   now  and  then   MOST  RECENT  PHOTOS:  Timber  planks,  a  handmade  table,  carved  detail  on  a  table  leg  
  • 8. Amy   Amy  uses  social  media  and  photo  sharing  apps  to  share  pictures  of   her  day  to  day  life,  and  her  daughter  with  friends  and  family.  She   likes  connec<ng  with  other  mums  who  share  her  values  and   interests.   She  wants  to  feel  part  of  a  community  where  she  can  connect  with   people  and  form  a  network.       “I  love  seeing  what  my  friends  are  up  to”   “Sharing  pictures  makes  me  feel  closer  to  my  friends  and  family”   Tools:   •  Mobile  phone  camera   •  Tablet  camera   •  Digital  camera   Use:   •  Checks  mul<ple  <mes  a  day   •  Posts  photos  at  least  once  a  day   •  Comments  several  <mes  a  day   MOST  RECENT  PHOTOS:  her  daughter  playing  in  the  garden,  a  child’s  toy  bear,  flowers  in  a  vase  
  • 9. Omar   Omar  likes  to  take  silly  pictures  and  funny  selfies  that  make  his   friends  laugh.  He  enjoys  geSng  reac<ons  to  his  posts,  and  seeing   what  his  friends  have  to  share.  He  doesn’t  heavily  monitor  stats,   but  gets  a  kick  when  a  post  receives  more  likes  than  usual.   He  wants  to  look  good  (or  goofy)  for  his  friends,  and  never  seem   boring.     “70  Likes!  That’s  my  best  yet!”   “I  oGen  plan  photos,  get  props  and  things  like  that:  to  make  them   as  good  as  possible”   Tools:   •  Mobile  phone  camera   •  Laptop  webcam   Use:   •  Checks  most  days   •  Posts  every  few  days   •  Comments  most  days   MOST  RECENT  PHOTOS:  a  cat  wearing  sunglasses,  a  selfie  in  front  of  a  huge  cake,  a  photo  of  a  friend  
  • 10. Laura   Laura  is  a  social  media  manager  for  a  company  that  designs  and   makes  t-­‐shirts.  She  uses  photo  sharing  apps  to  promote  their   products  and  engage  with  customers.  She  ac<vely  measures  and   monitors  the  communi<es  he  par<cipates  in.   She  wants  to  know  her  <me  is  being  used  produc<vely,  and  that   customers  have  a  good  experience  engaging  with  her  and  the   company  she  works  for.     “Why  do  some  photos  get  so  many  more  likes  than  others?”   “How  can  I  find  people  posJng  photos  of  our  t-­‐shirts?”   Tools:   •  Mobile  phone  camera   •  DSLR  camera   •  Desktop  computer   Use:   •  Checks  mul<ple  <mes  a  day   •  Posts  once  or  twice  a  day   •  Comments  throughout  the  day   MOST  RECENT  PHOTOS:  a  t-­‐shirt  being  printed,  a  repost  of  a  customer  photo,  a  t-­‐shirt  being   modelled  
  • 11. TASK!   -­‐  Get  into  pairs   -­‐  Run  a  mini  depth  interview   -­‐  Find  out  if  your  partner  uses  and  photo  sharing   apps/services  –  which  ones?   -­‐  How  do  they  use  them?   -­‐  Why  do  they  use  them?   -­‐  What  was  the  last  photo  they  shared?  Why?   -­‐  What  do  they  feel  about  the  service?   -­‐  MAKE  NOTES!   5  mins  
  • 18. If we don’t engage decision makers, we fail.
  • 19. BuddyCam  Stakeholders   Bob,  Owner/Founder/MD/Big  Boss   Thinks  everyone  uses  the  internet  and   apps  just  like  he  does.   Has  a  short  a`en<on  span,  combined   with  a  busy  schedule.   He  wants  to  grow  a  community  of   BuddyCam  users  to  make  a  success  of   his  business.  
  • 20. BuddyCam  Stakeholders   Jenny,  Product  Manager   Wants  to  make  decisions  quickly,  so   she  can  get  new  features  scoped  and   into  development  sprints.   Thinks  they  should  release  features   and  test  what  they  do  later  on.   She  wants  to  deliver  features  on  <me   and  in  budget.  
  • 23. We can engage people with experiences.
  • 34. Facial Expressions Eye contact Body language Gestures Speech
  • 39. “…But comics are for kids – My Team wouldn’t get it…”
  • 44. BuddyCam:  What  have  we  got?   •  Brief   •  Stakeholders   •  A  mini  persona  and  some  interview  data   •  A  general  awareness  of  the  market  
  • 45. How do we turn this into a comic?
  • 46. 1   2   3   4   5   6   1:  Plan  the  story   2:  Design  the  characters   3:  PracNce  the  character’s   emoNons   4:  Draw  the  comic   5:  Get  feedback   6:  Refine  the  comic  
  • 47. Planning  the  Story   •  Compare  your  interview  data  with  your   persona:  what  do  they  have  in  common?  Are   there  themes?  This  will  become  your   character  and  their  context   •  How  can  BuddyCam  make  your  character  a   badass?  
  • 48. TASK!   Plan  (don’t  make)  your  three  panel  comic  strip   –  1:  Introduce  the  character  &  context   –  2:  Show  how  the  product  is  used   –  3:  Show  the  outcome   WHO   WHAT   WHY  
  • 55. ? !!!
  • 66. Sad   Neutral   Happy   TASK! -  Draw five circles/head shapes -  Add expressions on each face: Start with sad on the left, and end with happy on the right
  • 71. TASK! -  Draw two stick people standing next to each other, showing different emotions -  The emotions should be opposites Happiness   Sadness   Fear   Depression   Amusement   Boredom   Excitement   Sorrow   Pride   Relief   Shame   Joy  
  • 78. TASK!  Make  your  3  panel  comic   WHO   WHAT   WHY  
  • 79. Task!  Get  feedback!   •  Get  into  pairs  and  share  your  comics   •  Collect  feedback:  does  your  comic   communicate  what  you  intended?  
  • 81. What  would  Bob  and  Jenny  say?!  
  • 84. Experienced   Novice   Skep<cal     Trus<ng   BOB   SUE  
  • 100. Sco`  McCLOUD,  Google  Chrome  
  • 101. Comic  created  for  conceptual  iOS  fitness  app  ‘Training  Buddy’  
  • 102. Comic  created  for  conceptual  iOS  fitness  app  ‘Training  Buddy’  
  • 103. A scenario •  We’re  working  for  an  ecommerce  photography  site  called  ‘The   Camera  Shop’.   •  They  sell  lots  of  different  cameras  and  photography  gear  to  a   variety  of  customers,  though  most  of  them  are  passionate   photographers.   •  They  want  to  know  how  they  can  appeal  to  customers  who  don’t   consider  themselves  photographers  and  who  spend  less  on   cameras  (because  there  are  a  lot  more  of  these  people  than  the   passionate  photographers).   •  Before  they  commission  a  large  piece  of  research,  they  want  to  see   what  insight  we  can  give  about  this  audience.   •  We  need  to  quickly  create  a  comic  that  shares  some  of  the   problems  and  poten<al  solu<ons  The  Camera  Shop  could  provide   to  laymen  photographers.  
  • 104. Finding an idea Via  the  Money  Saving  Expert  forum  
  • 105. 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.  
  • 106. 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).  
  • 107. 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  saNsfied   and  purchases  the   camera  
  • 114. Speak to users as often as possible
  • 115. Plan!
  • 116. Make it easy for yourself
  • 117. Wait for ink to dry before using an eraser