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.5k
junyaonoda
jonoda
February 15, 2021
Tweet
Share
More Decks by jonoda
See All by jonoda
junyaonoda
jonoda
1
6.1k
Other Decks in Design
See All in Design
ZKK_001.pdf
nicholaspegu
0
1.4k
志ある事業の種を社会に開花させるための挑戦/ Designship2024_Nishimura
root_recruit
0
180
ふわっとはじめるSSOT – SSOT for Communication Design
sekiguchiy
0
1.1k
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
460
Night Shift (beginning sequence)
cpineda57
0
910
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
280
(第1回) アーキテクト・テックリード育成講座
masakaya
0
100
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
300
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
490
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
690
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
630
我做了一個詐騙網站...嗎?
crboy
1
150
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
693
190k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
109
49k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
126
18k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
47
2.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
229
52k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
31
2.7k
Building Flexible Design Systems
yeseniaperezcruz
327
38k
Designing the Hi-DPI Web
ddemaree
280
34k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
169
50k
Designing for humans not robots
tammielis
250
25k
Done Done
chrislema
181
16k
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ライティングは、 ユーザー体験の要。と言っても過言ではない 精進します
告知 ラクスでは一緒に働く仲間を募集しています。 ご清聴ありがとうございました