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.6k
junyaonoda
jonoda
February 15, 2021
Tweet
Share
More Decks by jonoda
See All by jonoda
junyaonoda
jonoda
1
6.3k
Other Decks in Design
See All in Design
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5.3k
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
470
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
160
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
2
180
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
11k
aya_murakami_portfolio
ayakaimi1101
0
1.6k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
320
デザイナーのマネジメント職、 身構えずにやっていこう
fumink7
0
880
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
450
Storyboard Honey
rocioparronrubio
0
160
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
600
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
53
13k
The Cost Of JavaScript in 2023
addyosmani
49
7.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.4k
Into the Great Unknown - MozCon
thekraken
38
1.7k
Practical Orchestrator
shlominoach
187
11k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Faster Mobile Websites
deanohume
306
31k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
GraphQLとの向き合い方2022年版
quramy
46
14k
Designing for humans not robots
tammielis
253
25k
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ライティングは、 ユーザー体験の要。と言っても過言ではない 精進します
告知 ラクスでは一緒に働く仲間を募集しています。 ご清聴ありがとうございました