how to create great mobile cues: writing microcontent that converts
DESCRIPTION
Ahava Leibtag presented at MoDev East on December 12, 2013 about writing content for mobile applications and websites. Ahava shows good and bad examples of cues and microinteractions and defines both.TRANSCRIPT
@ahavaL #modeveast 1
Create Great Mobile Cues: Writing Microcontent that Converts
Ahava LeibtagMoDev East
Thursday, December 12, 2013
@ahavaL #modeveast 2
What is content?
@ahavaL
@ahavaL
@ahavaL
@ahavaL #modeveast 6
Content is a conversation.
@ahavaL #modeveast 7
To whom are we talking?
@ahavaL #modeveast 8
Who are we? (As a brand.)
@ahavaL #7 Rules 9
Content (conversation) is core to the digital experience.
@ahavaL #7 Rules
CONTENT IS THE CONVERSATION THAT FUELS
THE SALES PROCESS.
10
@ahavaL #modeveast 11
@ahavaL #modeveast 12
@ahavaL #modeveast 13
@ahavaL #modeveast 14
@ahavaL #modeveast 15
@ahavaL #modeveast 16
@ahavaL #modeveast 17
@ahavaL #modeveast 18
@ahavaL #modeveast 19
@ahavaL #modeveast 20
21
@ahavaL #modeveast 22
@ahavaL #modeveast 23
What are cues?• Verbal directions• Design directions• Prompts
@ahavaL #modeveast 24
Cues
@ahavaL #modeveast 25
What are microinteractions?• Interactivity directions• Error messages• Missing field messages
@ahavaL #modeveast 26
Microinteractions
@ahavaL #modeveast 27
@ahavaL #modeveast 28
@ahavaL #modeveast 29
How to Write Better Cues &
Microinteractions
@ahavaL #modeveast 30
Rule #1: Establish a human voice
@ahavaL #modeveast 31
@ahavaL #modeveast 32
@ahavaL #modeveast 33
@ahavaL #modeveast 34
Rule #2: Establish voice and tone for your brand
@ahavaL #modeveast 35
@ahavaL #modeveast 36
Define Voice
@ahavaL #modeveast 37
VoiceWe are:
sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient
@ahavaL #modeveast 38
VoiceWe are:
sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient
@ahavaL #modeveast 39
VoiceWe are:
sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient
@ahavaL #modeveast 40
VoiceWe are:
sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient
@ahavaL #modeveast 41
@ahavaL #modeveast 42
@ahavaL #modeveast 43
Define Tone
Yes: Sound like <example>
No!: Sounds like <example>
@ahavaL #modeveast 44
@ahavaL #modeveast 45
@ahavaL #modeveast 46