Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
言葉をデザインするUXライティング / 10 Rules of Effective UX Wr...
Search
ダーシノ
March 28, 2019
Design
3.8k
10
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
言葉をデザインするUXライティング / 10 Rules of Effective UX Writing
UXライティングの基礎と、効果的なUXライティングをするための10のルール
フロントエンド交流会@さくらインターネット
ダーシノ
March 28, 2019
More Decks by ダーシノ
See All by ダーシノ
がんばりすぎないAI活用 & Tips / Working with AI
bcrikko
0
210
存在感が薄い?!意外とがんばってるさくらインターネットFEチーム / Frontend Conference 2024
bcrikko
1
4.7k
フロントエンドの複雑さに立ち向かう / Tackling Complexity of Front-end Software with DDD and Clean Architecture
bcrikko
19
20k
社内勉強会やっていきガイド / Tips for Sustainable Study Groups
bcrikko
4
2.2k
加速するコンポーネント設計入門 / Component Design as an Accelerator
bcrikko
10
7.4k
自分がやった設計反省会 / Evaluation of my Architecture
bcrikko
0
560
コンポーネント指向時代のmargin戦略 / Rethinking the relationship between Components and Margins
bcrikko
1
4k
知ってトクするDevToolsの使い方 / DevTools Tips you should know
bcrikko
1
630
伝わるバグ報告 / How to write a better bug report
bcrikko
2
790
Other Decks in Design
See All in Design
[Unity] VAT×VFX Graphがいま個人的にアツイという話
sakiyama
0
130
デザイナーの判断をAIにつなぐ ── 審美眼をハーネスする試み
kotasaito_cnt
0
1.3k
分裂するデザイン、取り残される空間—インクルーシブデザインスタジオが建築をやる理由
culumu
0
170
【CEDEC2026】派手さと見やすさは両立できる!『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
cygames
PRO
2
2.3k
いいUIとは?初心者向けに事例をもとにUIデザインを分解
yuichi_hara7
13
7.2k
図書館書架のオンライン閲覧サービス 「honbaco library」の開発 Code4Lib JAPAN カンファレンス 2026
sugi2000
0
130
StartDesignEngineering
uchiyama886
1
160
Jun Wei Portfolio 2026
wjw100788
PRO
1
390
エンジニア経験0のデザイナーが アプリを0からリリースまで 作ってみる
abokadotyann
2
440
柔軟性のあるUIで、多くの環境でアプリを活躍させる/iOSDC26
noppefoxwolf
0
1.7k
Figmaを使わなくなった私が、最近していること
mela_dayo
0
130
2026/8/20 Polaris15周年イベント 『共創の場をつくる』 〜 誰もが『心地よく暮らし、心地よくはたらく』ことを選択できる社会へ 〜 関係性から地域をつくりなおす共創の土壌づくり〜リビングラボの事例を通じて〜
a2k
0
110
Featured
See All Featured
The Language of Interfaces
destraynor
162
27k
Into the Great Unknown - MozCon
thekraken
41
2.8k
ラッコキーワード サービス紹介資料
rakko
4
5.5M
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
500
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
sira's awesome portfolio website redesign presentation
elsirapls
0
470
Building an army of robots
kneath
307
47k
Imperfection Machines: The Place of Print at Facebook
scottboms
270
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
710
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
510
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.2k
Transcript
言葉をデザインする UXライティング フロントエンド交流会 ‑ 2019/03/28 ダーシノ(@bc_rikko)
自己紹介 ダーシノ(@bc_rikko) さくらインターネット フロントエンドエンジニア NES.css ファミコン風CSSフレームワーク 世界ランク 4位 ※GitHub css‑framework
topicでのスター数
テキストを書くとき何を考えていますか? 俺たちは雰囲気でテキストを書いている そのせいで機会損失していませんか? ?! UXライティングしましょう!
UXライティングとは ユーザーを導くテキストを書くこと ユーザー体験を良くし、ユーザーが目的を達成するために手助け し、ビジネスに貢献することを目的として、ラベル、ボタン、イ ンフォメーション、エラーメッセージなどのテキストを書くこと
なぜUXライティングが重要なのか? 「言葉」はすべての製品に存在する 「単語、ワードはすべての製品に存在する」ということで す。(略)実はワードだらけなんです。 https://logmi.jp/tech/articles/309281
さくらのクラウド 2.7万文字 さくらのクラウドはホーム画面、コントロールパネルあわせて日 本語だけで約2.7万文字が存在する。
なぜUXライティングが重要なのか? 「言葉」はUXや成功に大きな影響を及ぼす copy of your app can have an immense
impact on the overall feel and success of your product. https://medium.com/enjoyhq/the‑3‑ elements‑of‑great‑ux‑writing‑7639e7ad22f4
UXライティングに必要な要素 1.簡潔で平易であること 2.ユーザーの目的を達成させること 3.ユーザーに動機づけを行うこと
効果的なUXライティングのルール
1.文章は簡潔に ユーザーはテキストを読まない。 意味を失わず、できる限り少ない文字で効率よく伝える。 BAD コメントを書くためにはログインしなければなりません GOOD ログインしてコメントしてください
2.すべてのことを一度に表示させない 長文を使わず、必要な情報を段階的に開示していく。 ユーザーが「次やること」に集中できるようにする。 (段階的開示のことをProgressive disclosureという) BAD 用紙のサイズと余白を選択して印刷してください GOOD 1.用紙のサイズを選択してください 2.余白を設定してください
3.印刷ボタンを押してください
3.二重否定はやめる 二重否定は認知負荷を増加させる。 BAD 削除したくないリソースは選択しないでください GOOD 削除したいリソースを選択してください
4.目的格からはじめる アクションを示しているなら目的格→動作の順にする。 BAD アイテムをクリックしてこのプロパティを確認してください GOOD アイテムのプロパティを確認するには、クリックしてくださ い
5.一貫性をもたせる 一貫性のなさはユーザーを混乱させる。 BAD ログアウト、ログオフ、サインアウト GOOD ログアウトに統一
6.専門用語や固有名詞は避ける 明快さとシンプルさが重要。 専門用語や固有名詞、一般的でない用語、造語はユーザーを混乱 させる。 BAD システムエラー:E1234 ログインできませんでした GOOD ユーザー名またはパスワードが間違っています
7.具体的な動詞をつかう 普遍的な動詞よりも具体的な動詞をつかう。 ひと目で何が起こるか想像できるような動詞をつかう。 BAD ノートを登録する GOOD ノートを下書き保存する ノートを投稿する ノートを公開する
8.行動できるように説明する 次何をすれば良いかわかるように、正確に、かつ行動できるよう な具体的なメッセージにする。 BAD リソースの作成に失敗しました GOOD リソース名が重複しているため、変更してください
9.ポジティブな言葉をつかう 「できないこと」ではなく「できること」をユーザーに伝える。 BAD リッチテキストファイルはアップロードできません GOOD WordやPDFファイルをアップロードできます
10.動機づけを行う 機能駆動コピーではなく、利点駆動コピーを書く。 BAD ニュースレターを申し込む GOOD 月曜の朝、忙しいUXデザイナーのために厳選された記事を 受け取るにはニュースレターを購読してください
まとめ 「言葉」は簡潔で平易なほど良い 「言葉」はユーザーを導く 「言葉」はビジネスに貢献する
参考サイト 16 Rules of Effective UX Writing http://babich.biz/ux‑writing/ シリコンバレーが注目する「UXライター」とは何か? https://logmi.jp/tech/articles/309281
18 Best Tips to Improve UX Writing https://uxplanet.org/18‑best‑tips‑to‑ improve‑ux‑writing‑aa4995a4aa80 The 3 Elements of Great UX Writing https://medium.com/enjoyhq/the‑3‑ elements‑of‑great‑ux‑writing‑7639e7ad22f4