47
Create Great Mobile Cues: Writing Microcontent that Converts Ahava Leibtag MoDev East Thursday, December 12, 2013 @ahavaL #modeveast 1

How to Create Great Mobile Cues: Writing Microcontent that Converts

Embed Size (px)

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.

Citation preview

Page 1: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 1

Create Great Mobile Cues: Writing Microcontent that Converts

Ahava LeibtagMoDev East

Thursday, December 12, 2013

Page 2: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 2

What is content?

Page 3: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL

Page 4: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL

Page 5: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL

Page 6: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 6

Content is a conversation.

Page 7: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 7

To whom are we talking?

Page 8: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 8

Who are we? (As a brand.)

Page 9: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #7 Rules 9

Content (conversation) is core to the digital experience.

Page 10: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #7 Rules

CONTENT IS THE CONVERSATION THAT FUELS

THE SALES PROCESS.

10

Page 11: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 11

Page 12: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 12

Page 13: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 13

Page 14: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 14

Page 15: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 15

Page 16: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 16

Page 17: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 17

Page 18: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 18

Page 19: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 19

Page 20: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 20

Page 21: How to Create Great Mobile Cues: Writing Microcontent that Converts

21

Page 22: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 22

Page 23: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 23

What are cues?• Verbal directions• Design directions• Prompts

Page 24: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 24

Cues

Page 25: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 25

What are microinteractions?• Interactivity directions• Error messages• Missing field messages

Page 27: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 27

Page 28: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 28

Page 29: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 29

How to Write Better Cues &

Microinteractions

Page 30: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 30

Rule #1: Establish a human voice

Page 31: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 31

Page 32: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 32

Page 33: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 33

Page 34: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 34

Rule #2: Establish voice and tone for your brand

Page 35: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 35

Page 36: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 36

Define Voice

Page 37: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 37

VoiceWe are:

sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient

Page 38: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 38

VoiceWe are:

sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient

Page 39: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 39

VoiceWe are:

sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient

Page 40: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 40

VoiceWe are:

sophisticated innovative academicfriendly fun important smart innovativefunny hipster sarcastic sympatheticempathetic awesome helpful convenient

Page 41: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 41

Page 42: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 42

Page 43: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 43

Define Tone

Yes: Sound like <example>

No!: Sounds like <example>

Page 44: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 44

Page 45: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 45

Page 46: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 46

Page 47: How to Create Great Mobile Cues: Writing Microcontent that Converts

@ahavaL #modeveast 47

Thank you!Ahava LeibtagAha Media [email protected]

@ahavaL