Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

UX Writing: An Introduction

3,013 views

Published on

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.

Published in: Design

UX Writing: An Introduction

  1. 1. © 2018 - Proprietary and Confidential UX Writing: 
 An Introduction All Turtles TOKYO - 12 JULY 2018 @JESSICACOLLIER
  2. 2. © 2018 - Proprietary and Confidential 2 Why UX writing? Section I
  3. 3. © 2018 - Proprietary and Confidential 3 Dropboxのインターフェイスには 27,000以上のワードが表示されてい る ワード(英単語)はいたるところに存在する WHY UX WRITING? JOHN SAITO, THE MAGIC OF MICROCOPY
  4. 4. © 2018 - Proprietary and Confidential 4 プロダクトで表示される⾔言葉は、ユーザーに機能を理理解させ、 求めるものを与え、⽬目的を達成させる助けをする ワードの役割は様々 WHY UX WRITING? BIZ SANFORD, PRODUCT CONTENT AT EACH STAGE OF A PROJECT
  5. 5. © 2018 - Proprietary and Confidential 5 デザイナー、エンジニア、プロダクトマネジャーが それぞれ独⾃自解釈で⾔言葉を使うと、
 プロダクト体験はつじつまが合わなくなってしまう ワードはプロダクト体験の 良し悪しを左右する WHY UX WRITING? JESSICA COLLIER, WHAT IS NARRATIVE UX?
  6. 6. © 2018 - Proprietary and Confidential 6 Words matter more when
 the goal is simplicity WHY UX WRITING? 平易易さがゴールであるほど
 ワードの選択は⼤大きく影響する
  7. 7. © 2018 - Proprietary and Confidential 7 WHY UX WRITING? 簡潔に⽂文章表現を書くことのほうが冗⻑⾧長に書くことより も明らかに難易易度が⾼高い。TL;DR (Too Long Didn’t Read、⻑⾧長すぎて読むの途中で辞めた)の時代、そして ミニマリストデザインの時代において、⾔言葉の使い⽅方の 価値に関して過⼩小評価をしている危険がある。どんな詩 ⼈人でも同じ気持ちだろうが、より少ない⾔言葉を使うとき こそ、それぞれのワードの意味が増す。
  8. 8. © 2018 - Proprietary and Confidential 8
  9. 9. © 2018 - Proprietary and Confidential 9 What is UX writing? Section III
  10. 10. © 2018 - Proprietary and Confidential 10 “UXライティングとは、⼈人々がソフトウェアに接すると きに閲覧するワードの構成を設計することです。 ⽬目的は、 プロダクトとユーザー間のコミュニケーションをデザイ ンすることにあります” WHAT IS UX WRITING? LISA SANCHEZ PRINCIPAL UX WRITER - ALL TURTLES What is UX Writing?
  11. 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. 12. © 2018 - Proprietary and Confidential 12 ABOUT UX WRITERS • 階層構造、フロー、IAにフォーカスし、プロダクトを便便利利に使えるようにする • どの情報がいつユーザーに必要なのかを考慮する • プロダクト価値を分類類し、統⼀一された⽤用語使⽤用する • 実際に⾏行行動にうつしてもらえるようなワードを執筆する • 設計プロセスにおいて⾔言葉がスケーラブルとなるようなシステムを開発する ユーザー中⼼心設計+ライティング
  13. 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. 14. © 2018 - Proprietary and Confidential 14 About UX writers Section III
  15. 15. © 2018 - Proprietary and Confidential 15 ABOUT UX WRITERS A role by any other name… プロダクトコンテンツ戦略略 UXライティング コンテンツデザイン プロダクトライティング
  16. 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. 17. © 2018 - Proprietary and Confidential 17 ABOUT UX WRITERS ⾔言語学のバックグラウンド: ジャーナリズム、⽂文学、
 コピーライティング プロダクト設計プロセス
 への深い理理解、
 UX原則への理理解 ライティングと問題解決に あたって共同で取り組む姿 勢 What to look for
  18. 18. © 2018 - Proprietary and Confidential 18 UX Writing Tips Section IV
  19. 19. © 2018 - Proprietary and Confidential 19 UX WRITING TIPS lorem ipsumを捨てる ワイヤーフレームやスケッチを描く時 には、リアルのコンテンツを使う UX WRITING - TIP 1:
  20. 20. © 2018 - Proprietary and Confidential 20 UX WRITING TIPS 設計を修正するごとに コンテンツも修正する デザイン設計と同様に、ライティング の⼤大半は下書きと修正、削る作業 UX WRITING - TIP 2:
  21. 21. © 2018 - Proprietary and Confidential 21 UX WRITING TIPS UX WRITING - TIP 3: 既存の⾔言葉を使う 既に⼈人々が理理解している表現がある時に、
 わざわざ新しい⾔言葉を作らない
  22. 22. © 2018 - Proprietary and Confidential 22 UX WRITING TIPS UX WRITING - TIP 4: 固有名詞の使いすぎを避ける Note ではなく note 
 まったく名前をつけないほうがいい時すらある
  23. 23. © 2018 - Proprietary and Confidential 23 UX WRITING TIPS UX WRITING - TIP 5: わかりやすく、正確に、⾏行行動できるように 検索とフィルターは別物
 Submitはユーザーに必要なアクションを示さな い。Save(保存)の意味なのかPublish(投稿) だったのか、または次に遷移するだけなのか? 404エラーとは?
  24. 24. © 2018 - Proprietary and Confidential 24 UX WRITING TIPS UX WRITING - TIP 6: ユーザーに⽿耳を傾ける ⾔言語はユーザーが普段どう考えるか、 普段使っている⾔言葉に合わせるべき
  25. 25. © 2018 - Proprietary and Confidential 25 UX WRITING TIPS UX WRITING - TIP 7: ゴールオリエンテッド ユーザーに必要な情報は都度開示していく。す べてのことを⼀一度にまとめて知らせる必要はな い。次にやらなければいけないことに集中させ てあげるようにする。
  26. 26. © 2018 - Proprietary and Confidential 26 UX WRITING TIPS UX WRITING - TIP 8: 形を機能に従わせる 視覚効果は適した時にのみ使⽤用する。
 ワードのほうが意味が伝わる場合はそちらにする。
  27. 27. © 2018 - Proprietary and Confidential 27 UX WRITING TIPS UX WRITING - TIP 9: ⽤用語リストを管理理する サインイン?ログイン? 
 他者が確認できるリストを作っておくことで
 プロダクトに⽭矛盾が起こるのを防ぐ
  28. 28. © 2018 - Proprietary and Confidential 28 UX writing in the wild Section V
  29. 29. © 2018 - Proprietary and Confidential 29 Object lesson in how not to write an error message - Evernote
  30. 30. © 2018 - Proprietary and Confidential 30 Resources Section VI
  31. 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. 32. © 2018 - Proprietary and Confidential 32

×