voice & tone & UX, Oh my!

People naturally attribute human characteristics to the products, brands and content they encounter in daily life. This is great because it gives creators an opportunity to subtly set the stage. A well-defined and consistent voice tells the audience (customers, readers, partners or whomever you have identified) what to expect from the product or experience while tone helps the audience interpret context (is this suggested? required? urgent? for fun?) As experience designers, it is important to craft these aspects of the experience just as thoughtfully as we craft the form, function and visual aesthetics of a given product.

44 words that describe tone

Absurd illogical; ridiculous; silly / Accusatory blaming / Admiring approving; respectful; praising / Aggres-sive hostile; determined; argumentative / Ambivalent uncertain; undecided / Amused entertained; diverted; pleased / Angry incensed or enraged; / Animated lively; spirited; impassioned/ Apathetic uninterested; indif-ferent; unemotional / Apologetic repentant; remorseful; acknowledging failure / Appreciative grateful; thankful Ardent enthusiastic; passionate / Arrogant pompous; disdainful; overbearing/ Assertive self-confi-dent; authoritative / Belligerent hostile; aggressive; combatant / Benevolent sympathetic; tolerant; generous / Bitter acrimonious; antagonistic; spiteful/ Callous unfeeling; uncaring / Candid truthful, straightforward; honest / Cautionary gives warning; reminding / Celebratory praising; paying tribute to / Chatty informal; lively; conversational; familiar / Colloquial familiar; everyday language; informal / Compassionate sympa-thetic; warm-hearted; kind / Compliant agreeable; acquiescent; flexible / Concerned worried; anxious; ap-prehensive / Confused bewildered; vague / Contemptuous scornful; insolent; mocking / Critical finding fault; disapproving; scathing/ Cruel causing pain and suffering; unkind; spiteful / Curious inquisitive; ques-tioning / Cynical mocking; sneering / Defensive defensive; guarding / Defiant obstinate; argumentative; de-fiant/ Demeaning disrespectful; undignified / Depressing sad, discouraging; pessimistic / Derisive snide; sarcastic; dismissive/ Detached aloof; objective; unfeeling / Dignified serious; respectful; formal; proper / Diplomatic tactful; subtle; sensitive/ Disapproving displeased; critical / Disparaging dismissive; critical; scornful / Direct straightforward; honest / Disappointed discouraged; unhappy because something has gone wrong / Dispassionate impartial; indifferent; cold / Distressing heart-breaking; sad; troubling/ Earnest sincere; serious / Empathetic understanding; kind; sensitive / Encouraging optimistic; supportive / Enthusi-astic excited; energetic / Evasive ambiguous; cryptic; unclear / Excited emotionally aroused; stirred / Flip-pant superficial; glib; shallow / Forceful powerful; energetic; confident; assertive / Grim serious; gloomy; humorless / Humble deferential; modest / Humorous amusing; entertaining; playful / Impassioned filled with emotion; ardent / Imploring pleading; begging / Impressionable trusting; child-like / Inane silly; foolish; stupid / Informative instructive; factual; educational / Inspirational encouraging; reassuring / Intense ear-nest; passionate; concentrated / Intimate familiar; informal; confidential / Ironic the opposite of what is meant / Irreverent lacking respect for things that are generally taken seriously / Jaded bored; lack of enthu-siasm / Joyful positive; optimistic; cheerful; elated / Judgmental critical; finding fault; disparaging / Mean-Spirited inconsiderate; unsympathetic / Mocking scornful; ridiculing; / Mourning grieving; lamenting; woeful / Naïve innocent; unsophisticated; immature / Narcissistic self-admiring; selfish; boastful / Nasty unpleasant; unkind; disagreeable / Negative unhappy, pessimistic / Nostalgic thinking about the past / Ob-jective without discrimination; based on fact / Obsequious overly submissive; fawning / Optimistic hopeful; cheerful / Outraged angered and resentful; furious / Outspoken frank; candid / Pathetic expressing pity, sympathy, tenderness / Patronizing condescending; scornful; pompous / Pensive reflective; introspective/ Persuasive convincing; eloquent / Pessimistic seeing the negative side of things / Philosophical theoreti-cal; analytical; rational; logical / Playful full of fun and good spirits; humorous; jesting / Pragmatic realistic; sensible / Pretentious affected; artificial; grandiose/ Regretful apologetic; remorseful / Resentful ag-grieved; offended; displeased / Resigned accepting; unhappy / Restrained controlled; quiet; unemotional / Reverent showing deep respect and esteem / Righteous morally right and just; pious; god-fearing / Satirical making fun to show a weakness; ridiculing / Sarcastic scornful; mocking; ridiculing / Scornful expressing contempt or derision; scathing / Sentimental thinking about feelings, wistful / Sincere honest; truthful; ear-nest / Skeptical disbelieving; unconvinced; doubting / Subjective prejudiced; biased / Submissive compli-ant; passive; obedient / Sulking bad-tempered; grumpy; resentful; sullen / Sympathetic compassionate/ Thoughtful reflective; serious; absorbed / Tolerant open-minded; charitable; patient / Unassuming modest; self-effacing; restrained / Uneasy worried; uncomfortable; edgy / Urgent insistent; / Vindictive vengeful; spiteful; bitter / Virtuous lawful; righteous; moral; upstanding / Whimsical quaint; playful; mischievous; off-beat / Witty clever; quick-witted; entertaining / Wonder awe-struck; admiring; fascinating / Worried anxious; fearful WORDS Absurd illogical; ridiculous; silly / Admiring approving; respectful/ Aggressive hostile; determined; argumentative / Ambivalent uncertain; / Amused entertained; diverted; pleased / Animated lively; spirited / Belligerent hostile; combatant / Benevolent sympathetic; generous / Bitter acrimonious; antagonistic; spiteful/ Callous unfeeling; uncaring / Candid truthful, straightforward; honest / Celebratory praising; paying tribute to / Chatty informal; lively; conversational; familiar / Colloquial familiar; everyday language; informal / Compassionate sympathetic; warm-hearted; kind / Confused bewildered; vague / Curious inquisitive; questioning / Defiant obstinate; argumentative/ Demeaning disrespectful; undignified / Depressing sad; discouraging / Dignified serious; respectful; formal / Diplomatic tactful; subtle; sensitive/ Disapproving displeased; critical / Direct straightforward; honest / Empathetic understanding; kind; sensitive / Encouraging optimistic; supportive / Forceful powerful; assertive / Humble deferential; modest / Humorous amusing; playful / Impassioned filled with emotion; ardent / Impressionable trusting; child-like / Jaded bored; lack of enthusiasm / Joyful positive; optimistic; cheerful / Judgmental critical; finding fault; disparaging / Negativeunhappy; pessimistic / Objective based on fact / Obsequious overly submissive; fawning / Optimistic hopeful; cheerful / Patronizing condescending; scornful; pompous / Pensive reflective; introspective / Playful full of fun and good spirits; humorous; jesting / Pragmatic realistic; sensible / Sentimental thinking about feelings, wistful / Subjective prejudiced; biased / Thoughtful reflective; serious / Unassuming modest; self-effacing; restrained /

WHAT ARE VOICE AND TONE?

Voice is the style, point of view, and personality of the speaker. Its characteristics stay constant across modes of communication. Think of the voice as who is talking. Tone on the other hand, is the subtle expression of a unique voice. It is contextual and emotional and it can change based on audience, situation or medium. To whom is the character speaking? What mood are they in? Are they sliding into DMs or Zooming with their co-workers? Tone is how it’s said.

FOR EXAMPLE, a fleet fox?

Let’s take a favorite sentence of typographers (and typists!) everywhere and apply several voice and tone treatments.

Text (what) Voice (who) Tone (how)
The quick brown fox jumped over the lazy dog. Newscaster, teacher, Matter of fact, plain, factual
The grizzled hound dozed soundly in raftered afternoon light;
he didn’t see the ginger fox slink in.
Writer, grandparent, raconteur Romantic, literary, flowery
Domestic Canine alleges wild canine of unrelated species entered forest vicinity at approximately 16:00 hours and proceeded to vertically surpass complainant. Police officer, attorney Formal, official, dry

Rashomon baby! Or, why point of view matters.

 
 

VOICE is who is talking; TONE is how it’s said.

 

practice

Now let’s look at some first lines from literature. These usually employ a strong, deliberate tone of voice to set the stage and draw the reader in to the story. In the following examples, think about: Who is speaking? To whom? What do you know about this person so far? What mood (tone) is conveyed?

1/ Ships at a distance have every man’s wish on board.

2/ It was a queer, sultry summer, the summer they electrocuted the Rosenbergs, and I didn’t know what I was doing in New York.

3/ Some years ago - never mind how long precisely - having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world.

4/ Many years later, as he faced the firing squad, Colonel  Aureliano Buendía was to remember that distant afternoon when his father took him to discover ice.

Attributions and my answers are at the bottom of this post.

in practice - voice and tone in product design

While voice and tone have traditionally been associated with the written word, they are equally applicable to other facets of product design. This is fortunate since it can be difficult to establish a distinct textual tone and voice when you’re working with microcopy. In the emerging XR space, especially, much copy is between 3-10 words (buttons, labels, controls, hint text.) Longer copy tends to be reserved for error conditions (troubleshooting) or instruction (tutorial, OOBE) that not every customer will see.

This is why it’s particularly important that tone of voice be expressed throughout the product: Copy, Sound, Motion and Visual cues need to be well-aligned.

COPY

  • OOBE/Tutorials

  • Menus & control panels

  • Tool tips and hints

  • Spatial UI

  • Labels and buttons

SOUND

  • Voice over

  • Composition

  • Tempo, pitch, and tone

  • Interaction and notification cues feedback

  • Spatial orientation

MOTION

  • Idle and attract states

  • Acceleration

  • Transitions

  • Reaction

visual

  • Material

  • Color

  • Typography

  • Scale

  • Placement and orientation


First lines answers

  1. Zora Neale Hurston, Their Eyes Were Watching God - My tone adjectives: confident, provocative, full of possibility.

  2. Sylvia Plath, The Bell Jar - My tone adjectives: Ominous, depressed, hypervigilant.

  3. Herman Melville, Moby Dick - Second line, actually. If you’ve read this far, you’ll know “Call me Ishmael” is the iconic first. My tone adjectives: Meandering, indirect, expansive.

  4. Gabriel Garcia Marquez, 100 Years of Solitude - My tone adjectives: Sentimental and matter of fact, complicated.

 

© 2020 Susan Burgess, adapted from a Keynote presentation I frequently use with teams to kick off voice and tone exploration.