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.4k
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.6k
無自覚なランクとその影響を紐解くワークショップ / Unpacking Unconscious Privilege Workshop
spring_aki
4
280
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
430
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
880
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
130
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
380
問いの変遷
iflection
0
140
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
180
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.9k
Echoes Boomerang
artcloudyu
PRO
0
230
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
670
Featured
See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
How to train your dragon (web standard)
notwaldorf
92
6.1k
We Have a Design System, Now What?
morganepeng
52
7.6k
The Invisible Side of Design
smashingmag
299
51k
A Modern Web Designer's Workflow
chriscoyier
693
190k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
43
2.4k
Music & Morning Musume
bryan
46
6.6k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
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ライティングは、 ユーザー体験の要。と言っても過言ではない 精進します
告知 ラクスでは一緒に働く仲間を募集しています。 ご清聴ありがとうございました