For years, language was the single most overlooked piece of the design process. We spent weeks whiteboarding and wireframing and mocking up an experience only to fill it with lines of lorem ipsum and say that we’d worry about the words later. Over the last five to ten years, that’s changed. We’ll discuss how UX writing came to be, the role of UX writers in creating great products, and what to do (and not to do) if you want to make language part of your design process. This talk was given in Tokyo on 12 July 2018.

1. © 2018 - Proprietary and Confidential
UX Writing:
An Introduction
All Turtles
TOKYO - 12 JULY 2018
@JESSICACOLLIER

2. © 2018 - Proprietary and Confidential 2
Why UX writing?
Section I

3. © 2018 - Proprietary and Confidential 3
Dropboxのインターフェイスには
27,000以上のワードが表示されてい
る
ワード（英単語）はいたるところに存在する
WHY UX WRITING?
JOHN SAITO, THE MAGIC OF MICROCOPY

4. © 2018 - Proprietary and Confidential 4
プロダクトで表示される⾔言葉は、ユーザーに機能を理理解させ、
求めるものを与え、⽬目的を達成させる助けをする
ワードの役割は様々
WHY UX WRITING?
BIZ SANFORD, PRODUCT CONTENT AT EACH STAGE OF A PROJECT

5. © 2018 - Proprietary and Confidential 5
デザイナー、エンジニア、プロダクトマネジャーが
それぞれ独⾃自解釈で⾔言葉を使うと、
プロダクト体験はつじつまが合わなくなってしまう
ワードはプロダクト体験の
良し悪しを左右する
WHY UX WRITING?
JESSICA COLLIER, WHAT IS NARRATIVE UX?

6. © 2018 - Proprietary and Confidential 6
Words matter more when
the goal is simplicity
WHY UX WRITING?
平易易さがゴールであるほど
ワードの選択は⼤大きく影響する

7. © 2018 - Proprietary and Confidential 7
WHY UX WRITING?
簡潔に⽂文章表現を書くことのほうが冗⻑⾧長に書くことより
も明らかに難易易度が⾼高い。TL;DR （Too Long Didn’t
Read、⻑⾧長すぎて読むの途中で辞めた）の時代、そして
ミニマリストデザインの時代において、⾔言葉の使い⽅方の
価値に関して過⼩小評価をしている危険がある。どんな詩
⼈人でも同じ気持ちだろうが、より少ない⾔言葉を使うとき
こそ、それぞれのワードの意味が増す。

8. © 2018 - Proprietary and Confidential 8

9. © 2018 - Proprietary and Confidential 9
What is UX writing?
Section III

10. © 2018 - Proprietary and Confidential 10
“UXライティングとは、⼈人々がソフトウェアに接すると
きに閲覧するワードの構成を設計することです。 ⽬目的は、
プロダクトとユーザー間のコミュニケーションをデザイ
ンすることにあります”
WHAT IS UX WRITING?
LISA SANCHEZ
PRINCIPAL UX WRITER - ALL TURTLES
What is UX Writing?

11. © 2018 - Proprietary and Confidential 11
“ライティング、とくにUXライティングにおいては
9割が意味合い、そしてたった1割が⾔言葉となる。”
WHAT IS UX WRITING?
BECKY HIRSCH
SENIOR CONTENT DESIGNER - DELIVEROO
UX writing: A lesson in letting words go

12. © 2018 - Proprietary and Confidential 12
ABOUT UX WRITERS
• 階層構造、フロー、IAにフォーカスし、プロダクトを便便利利に使えるようにする
• どの情報がいつユーザーに必要なのかを考慮する
• プロダクト価値を分類類し、統⼀一された⽤用語使⽤用する
• 実際に⾏行行動にうつしてもらえるようなワードを執筆する
• 設計プロセスにおいて⾔言葉がスケーラブルとなるようなシステムを開発する
ユーザー中⼼心設計＋ライティング

13. © 2018 - Proprietary and Confidential 13
“私たちはWeb及びモバイル上のプロダクトのための
インターフェイスコンテンツを企画・開発している”
WHAT IS UX WRITING?
BIZ SANFORD
SENIOR PRODUCT CONTENT STRATEGIST - SHOPIFY
Product content at each stage of a project

14. © 2018 - Proprietary and Confidential 14
About UX writers
Section III

15. © 2018 - Proprietary and Confidential 15
ABOUT UX WRITERS
A role by any other name…
プロダクトコンテンツ戦略略
UXライティング
コンテンツデザイン
プロダクトライティング

16. © 2018 - Proprietary and Confidential 16
Jessica Collier
ABOUT UX WRITERS
English Ph.D.
デザイン・開発チームで
7年年のUXライティング経験
DELICIOUS MONSTER MEDIUM EVERNOTE STELLAR.ORG ALL TURTLES

17. © 2018 - Proprietary and Confidential 17
ABOUT UX WRITERS
⾔言語学のバックグラウンド:
ジャーナリズム、⽂文学、
コピーライティング
プロダクト設計プロセス
への深い理理解、
UX原則への理理解
ライティングと問題解決に
あたって共同で取り組む姿
勢
What to look for

18. © 2018 - Proprietary and Confidential 18
UX Writing Tips
Section IV

19. © 2018 - Proprietary and Confidential 19
UX WRITING TIPS
lorem ipsumを捨てる
ワイヤーフレームやスケッチを描く時
には、リアルのコンテンツを使う
UX WRITING - TIP 1:

20. © 2018 - Proprietary and Confidential 20
UX WRITING TIPS
設計を修正するごとに
コンテンツも修正する
デザイン設計と同様に、ライティング
の⼤大半は下書きと修正、削る作業
UX WRITING - TIP 2:

21. © 2018 - Proprietary and Confidential 21
UX WRITING TIPS
UX WRITING - TIP 3:
既存の⾔言葉を使う
既に⼈人々が理理解している表現がある時に、
わざわざ新しい⾔言葉を作らない

22. © 2018 - Proprietary and Confidential 22
UX WRITING TIPS
UX WRITING - TIP 4:
固有名詞の使いすぎを避ける
Note ではなく note
まったく名前をつけないほうがいい時すらある

23. © 2018 - Proprietary and Confidential 23
UX WRITING TIPS
UX WRITING - TIP 5:
わかりやすく、正確に、⾏行行動できるように
検索とフィルターは別物
Submitはユーザーに必要なアクションを示さな
い。Save（保存）の意味なのかPublish（投稿）
だったのか、または次に遷移するだけなのか？
404エラーとは？

24. © 2018 - Proprietary and Confidential 24
UX WRITING TIPS
UX WRITING - TIP 6:
ユーザーに⽿耳を傾ける
⾔言語はユーザーが普段どう考えるか、
普段使っている⾔言葉に合わせるべき

25. © 2018 - Proprietary and Confidential 25
UX WRITING TIPS
UX WRITING - TIP 7:
ゴールオリエンテッド
ユーザーに必要な情報は都度開示していく。す
べてのことを⼀一度にまとめて知らせる必要はな
い。次にやらなければいけないことに集中させ
てあげるようにする。

26. © 2018 - Proprietary and Confidential 26
UX WRITING TIPS
UX WRITING - TIP 8:
形を機能に従わせる
視覚効果は適した時にのみ使⽤用する。
ワードのほうが意味が伝わる場合はそちらにする。

27. © 2018 - Proprietary and Confidential 27
UX WRITING TIPS
UX WRITING - TIP 9:
⽤用語リストを管理理する
サインイン？ログイン？
他者が確認できるリストを作っておくことで
プロダクトに⽭矛盾が起こるのを防ぐ

28. © 2018 - Proprietary and Confidential 28
UX writing in the wild
Section V

29. © 2018 - Proprietary and Confidential 29
Object lesson in how not to write an error message - Evernote

30. © 2018 - Proprietary and Confidential 30
Resources
Section VI

31. © 2018 - Proprietary and Confidential 31
Nicely Said: Writing for the Web with Style and Purpose
Nicole Fenton and Kate Kiefer Lee
How to design words
John Saito
What is UX writing?
Lisa Sanchez
Product content at each stage of a project
Biz Sanford
UX writing: A lesson in letting words go
Becky Hirsch
Our Narratives, Ourselves
Jessica Collier
Learn more about UX writing
RESOURCES
Google’s Material Design, Communication
Shopify’s Polaris, Content
Mailchimp’s Voice and Tone
Mailchimp’s Content Style Guide
Google’s Developer Documentation Style Guide
Tuts+ Style Guide
Drupal’s Content Style Guide
BOOKS & ARTICLES DESIGN SYSTEMS
STYLE GUIDES

32. © 2018 - Proprietary and Confidential 32