1 of 31

UX Writing 101

By Aulia Rahmani

#BCTalk

Introduction to

UX Writing and

Microcopy

Sunday, 7 June 2020

2 of 31

Aulia

Rahmani

Hi, nice to meet you guys!

#BCTalk | UX Writing 101

You can call me Aul or Auli.

Currently a UI/UX Lead in Alterra, leading B2B tech company in Indonesia.

I’m a mom of awesome son, a wife and still pursuing my personal goal to become an influential women in tech, especially in UX.

linkedin.com/in/auliarahmani

@aulley

@aulleey

@aulley

3 of 31

Aulia

Rahmani

This is how it begins...

#BCTalk | UX Writing 101

Front End Web Developer

hellonemo.com | 2013

Freelance: Web Designer

2014

UX Designer

MOXY Indonesia | 2015

UI/UX Designer

Orami | 2016

UI/UX Lead

Alterra | 2017 - Present

4 of 31

#BCTalk | UX Writing 101

5 of 31

#BCTalk | UX Writing 101

6 of 31

Agenda

We will talk about

#BCTalk | UX Writing 101

  1. Introduction to UX Writing
  2. Microcopy
  3. How to be a UX Writer
  4. Tip to build your portfolio as a

UX Writer

7 of 31

Questions?

#BCTalk | UX Writing 101

Visit www.sli.do

Code:

#71815

8 of 31

UX Writing?

#BCTalk | UX Writing 101

What is

It’s about designing the conversation between

a product and its user.

9 of 31

Copywriter and UX Writer

#BCTalk | UX Writing 101

Differences between

Use sexy words to attract customers

Sales oriented

Work with marketers

Tell stories

Can work alone

Use simple words to explain things

Product-oriented

Work with designers & researchers

Share conversations

Can’t work alone

Reference: Click here

10 of 31

Needed?

#BCTalk | UX Writing 101

Why UX Writer is

11 of 31

#BCTalk | UX Writing 101

12 of 31

Actually do?

#BCTalk | UX Writing 101

What do UX Writer

Help user to complete the task

Help user get information easier

Guide user to take action

Make the UI “talk” to the user

13 of 31

Microcopy

Definition

#BCTalk | UX Writing 101

The words or phrases in the user interface that are directly related to the actions a user takes:

The type of the copy in UX Writing

Yifrah, Kinneret. Microcopy The Complete Guide. Second edition, 2019.

The motivation before the action

Instructions that accompany the action

The feedback after the user has taken the action.

14 of 31

Microcopy Examples

#BCTalk | UX Writing 101

Asking question to motivate the users to make an action

Add instruction to guide the users to do the action

15 of 31

Microcopy Examples

#BCTalk | UX Writing 101

Greeting as a conversational writing

Use “friends can find you” to motivate the users

Remove the obstacles

16 of 31

Crafting a Microcopy

#BCTalk | UX Writing 101

1

User Persona & User Flow

User Needs & Pain Points

2

3

Voice & Tone Design

4

Conversational Writing

5

Microcopy Cornerstones

17 of 31

User Persona & User Flow

#BCTalk | UX Writing 101

Know you users, know your product too.

Reference: Nielsen Norman Group

18 of 31

User Needs &

Pain Points

#BCTalk | UX Writing 101

What is important to you users?

What is specific problem that your users are experiencing?

19 of 31

Voice & Tone

The Product

The Users

#BCTalk | UX Writing 101

Needs & Pain Points

Objections & Concerns

Relationship between product & its user

How to design product’s

Vision & Mission

Values

Personality of the brand

20 of 31

Voice & Tone

#BCTalk | UX Writing 101

Consistent

Everlane.com

Transparent, Sustainable & Environmentally Responsible

21 of 31

Voice & Tone

#BCTalk | UX Writing 101

Consistent

Mailchimp.com

How do they give feedback to users

22 of 31

#BCTalk | UX Writing 101

Error!

App is out of date

Your app is out of date

The latest version has been arrived, download to keep listening.

Download Now

23 of 31

#BCTalk | UX Writing 101

Error!

App is out of date

Your app is out of date

The latest version has been arrived, download to keep listening.

Download Now

24 of 31

Conversational Writing

#BCTalk | UX Writing 101

  1. Addressing the user directly
  2. Natural
  3. Short & to the point
  4. Using everyday common words
  5. Using active voice
  6. Flowing

6 Attributes of

25 of 31

Microcopy

Cornerstones

#BCTalk | UX Writing 101

Brevity

Context

Action

Authenticity

Reference: Click here

26 of 31

Build your Portfolio

#BCTalk | UX Writing 101

as a UX Writer

27 of 31

What you can do

#BCTalk | UX Writing 101

  1. Add portfolio of your writing
  2. Empathize with the user & your environment
  3. Run a survey or simple usability testing
  4. Learning & practising

28 of 31

Study Case as

A Portfolio

#BCTalk | UX Writing 101

  • Find the product
  • Conduct a user research
  • Show research result
  • Make a user persona, list down needs & pain points

  • Make a user flow
  • Create a microcopy as a solution

How to make a

29 of 31

Microcopy as a Solution

#BCTalk | UX Writing 101

Example

User Persona

Female. 25-30 yo. Employee. iPhone user. Loves to shop online.

Pain Points

80% of survey participants don’t know what is “Transaksi Bulanan” and why they should do the payment.

Microcopy Recommendation

Belum Ada Pesanan

Pesanan yang sedang diproses akan tampil di halaman ini. Cari produk yang kamu butuhkan yuk!

Cari produk

30 of 31

Books

Recommendation

#BCTalk | UX Writing 101

31 of 31

There’s no such thing as instant success

#BCTalk | UX Writing 101

Remember...

Thanks for the enthusiasm!

Help me to grow by filling in the feedback form

bit.ly/2MAobDS

@aulley

@aulleey