Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
junyaonoda
Search
jonoda
February 15, 2021
Design
2
1.4k
junyaonoda
jonoda
February 15, 2021
Tweet
Share
More Decks by jonoda
See All by jonoda
junyaonoda
jonoda
1
5.9k
Other Decks in Design
See All in Design
意志と、デザインと、ときどきお金
transit_kix
2
2.2k
Backlogのイロハ・ やさしい使い方(基本編)
wattlaa
0
340
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
190
IPの世界観に寄り添う、マルチブランドなカラーシステム設計
jirosh1998
0
5k
Portfolio 2023.07.28
helemarudesu
0
590
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
580
Product-Writing
aguringo
6
2.8k
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
640
1人歩きする営業資料作成
yutoshukuya
2
150
root Design Partnership Policy
root_recruit
0
4.1k
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.2k
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
560
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
Designing Experiences People Love
moore
136
23k
Building a Scalable Design System with Sketch
lauravandoore
457
32k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
79
43k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
The Invisible Side of Design
smashingmag
294
49k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Web development in the modern age
philhawksworth
203
10k
Transcript
UXライティング 株式会社ラクス 開発課 小野田純也 UI/UXのトレンド(2020年/2021年)LT会
今日のテーマ ・ライティングの磨き方 ・ 書く時の意識 ・ 事例 個人的に気になっていた UXライティングについて
Profile UIデザイナー 小野田純也 経歴 広告のグラフィックデザイン制作 ↓ 会社パンフなどのデザイン制作 ↓ ブランディング 紙・
等のディレクション兼デザイン ↓ デザインの領域へ 子育て真っ最中です
”ライティング”の役割 広告など一般的な”ライティング”は... コピーライター デザイナー 制作現場 ライティングの目的 ターゲットを振り向かせる。 思いを伝える。語る。 共感させる。
”ライティング”の役割 WEBやアプリケーションの”ライティング”では... エンジニア デザイナー 制作現場 ライティングの目的 操作の間違いが無いように ユーザーを自然に誘導させる 対話が心地よい UXライター
いない場合もある? 広告のライティングと役割が全然違う!
”ライティング”力を磨く 読んだ本 3選 新しい文章力の教室 苦手を得意に変えるナタリー式トレーニング Webコピーライティングの新常識 ザ・マイクロコピー ビジネスンのための新教養 UXライティング 1 2
3 他にもおすすめがあったら教えてください! 著:唐木 元 著:山本 琢磨 著:高橋慈子・冨永 敦子
意識していること 書くときに意識していること 短 会 正 短く 正確に 会話するように たん・せい・かーい!
”ライティング”ルール決め SaaSの開発現場で求められる ライティングのルール決め 体言止め 「一覧」「設定」の 使用有無 専門用語の 表記の統一 ex.
事例1 アイコンとラベルの組み合わせ 事例1
事例1
事例1 削除 削除 ◦◦の削除 ◦◦の削除 この◦◦の削除 この◦◦の削除 「+追加」も同様
事例2 改行ルール 事例2
事例2 次へ 桃太郎のおはなし むかしむかしのお話です。ある山奥におじいさんとお ばあさんが暮らしていました。ある日、おばあさんがい つものように川へ洗濯に行くと向こうから大きな桃が 流れてきました。このお話の読了時間は約5分です。
事例2 1. 原則「文」の単位(句点での区切り)で改行 し読みやすさを心がける。 2. ただし、文章量が多い場合や、改行したこ とで、無駄なスペースが生まれてしまう場合 は、改行なしでの表示を検討する。 3. 文章が多い場合、強調したい語句に対して
は「かぎかっこ」を付けるなどし、伝わりやすさ を考慮する。 4. ツールチップの文章は改行しない 1.原則「文」は改行無し。 2.内容の伝わりやすさが損なわれている場合 は、改行し読みやすくする。 伝えたい内容が異なるときや注意をうながし たいときなどは段落を分け、 1行あけることで 視覚的に読みやすくする。 当初考えたルール ルールが多く、間違えそう。 書く人によって判断がまちまち。 原則1を徹底して、 POが2を判断
事例2 次へ 桃太郎のおはなし むかし、ある山奥におじいさんとおばあさんが暮らして いました。 ある朝、おばあさんがに川へ洗濯に行くと、向こうから 大きな桃が流れてきました。 このお話の読了時間は約5分です。 めでたし、めでたし
終わりに ユーザーとの会話であるUXライティングは、 ユーザー体験の要。と言っても過言ではない 精進します
告知 ラクスでは一緒に働く仲間を募集しています。 ご清聴ありがとうございました