How to Create Great Mobile Cues: Writing Microcontent that Converts

Preview:

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

@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 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

@ahavaL #modeveast 47

Thank you!Ahava LeibtagAha Media Groupahava@ahamediagroup.com

@ahavaL

Recommended