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
伝わらないUI/UXの正しい伝え方
Search
kimukei
October 01, 2020
Design
2.4k
2
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
伝わらないUI/UXの正しい伝え方
段取り、関係構築、知識量
kimukei
October 01, 2020
More Decks by kimukei
See All by kimukei
UI/UXデザイナーになるには 日常編
kimurakei
1
810
UI/UXデザイナーになるには 学習編
kimurakei
1
7.1k
デザイナーとなっておもったこと
kimurakei
0
7.3k
UI/UXデザイナーになるには
kimurakei
1
7k
Other Decks in Design
See All in Design
図面資産×AI 眠れる資産を起こす挑戦
aonomasahiro
0
200
「使いやすさ」だけでは、「勝てる」サービスにはならない。〜KPIとUXの分断を埋める、サービス戦略という「指針」〜
nbkouhou
2
560
AIスライド生成を進化させるMDファイル
kenichiota0711
1
1.6k
Warner Bros. Discovery 2025 Box Office Booklet
samb1rd
0
110
「バイブコーディングって何?」から始まった、 AIとの一年間と、その先のこと
seto
0
1.1k
test deck title
shotamatsuo
0
1.5k
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
460
デザインとフロントエンドの境界が融ける Claude Code × Figma
littlebusters
2
3.3k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
karad
0
170
“なんとなくFigma”から一歩先へ。AI時代も活きるWeb制作フロー
ayumidesign
0
160
root COMPANY DECK / We are hiring!
root_recruit
3
30k
少人数チームで_使われるプロダクトにたどり着くための_デザインハーネス.pdf
nishame
1
1.3k
Featured
See All Featured
Conquering PDFs: document understanding beyond plain text
inesmontani
PRO
4
3k
How to make the Groovebox
asonas
2
2.3k
For a Future-Friendly Web
brad_frost
183
10k
Google's AI Overviews - The New Search
badams
0
1.1k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.5k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.8k
Code Review Best Practice
trishagee
74
20k
Context Engineering - Making Every Token Count
addyosmani
9
1.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
4.3k
Paper Plane
katiecoart
PRO
2
53k
Site-Speed That Sticks
csswizardry
13
1.4k
How To Speak Unicorn (iThemes Webinar)
marktimemedia
1
520
Transcript
伝わらない UI/UX の 正しい伝え方 株式会社ラクス クリエイティブ課 木村 圭
【自己紹介 】 • これまで数多くのWebサイトやプロダクト、アプリなどのUIUXに携わる └ Y!在籍中、Y!ショッピングのモバイル、Y!タブレットアプリケーションなどのUI責任者 など • ラクスでは、グループ全体の製品サイト・サポートサイトなどの運用。マネージャーを担う •
趣味は発明。特許やUI意匠を複数登録 株式会社ラクス クリエイティブ課 木村 圭 高卒 → 配管工 → 色々 → Yahoo! → さらに色々 → ラクス ▼職歴 ざっくり ▼概要 ざっくり
テーマ 本日は、 「伝え方の基本」にフォーカス 「伝わらない UI/UX の正しい 伝え方」
UI/UXデザイナーとして プロジェクトメンバーに 伝えるべき内容 を きちんと、伝えること ができていますか
関係者に説明をしていて 例えば • 思うように相手に伝えられず、しどろもどろになってしまう • UI刷新をはかろうとしたが、最初から無理だよと言われる • 思いが伝わらず、承認されない など
UI/UXの重要性について どうしてわかってくれないんだ モチベーションは 低下
まじか アホか と思ったこと ありませんか?
僕は すご~く たくさんありました
ただそれは、 • うまく伝えられていなかった • 理解されていなかった • 自身がきちんと把握できいなかった
説明力が圧倒的に不足していたから 説明が足りていれば、理解に近づけた
説明が得意な人は 段取りと関係構築がうまい
説明は 順番次第 で決まる
課題に対して どう解決できるか そのために何をしたいと思っているか
きちんと、整理した上 で コンパクト に伝えていくことが重要
UI/UXを説明していると これくらい当たり前だろうと 上から目線 で 説明しがちになってしまったりする
相手のレベル にあわせて話をする 相手がわかるような言葉 にして説明
何がどう変わったのか どんな操作に対して、どう良くなったのか お客様に対して どんな価値を提供できるのか → 要約した内容を用意しておく モックやプロトタイプを使い丁寧に説明
段取りのポイントは ・説明内容がきちんと整理ができている ・説明する相手のレベルを意識している ・簡潔に丁寧に伝える
関係構築は、場を支配することが最優先
相手に合わせて、説明の順番を変更 ・順序通りいく ・結論からいう 相手の状況 や 表情 を見て判断 場を支配するのがうまいと そのMTGは自分のペースに持っていきやすい
また、アイスブレイク を入れる 直近の時事ネタや自分の出来事など振って、 場を和ませる これは、自身の緊張をほぐすことにもつながる
関係構築のポイントは ・場を支配する ・相手を観察する ( 動き・表情など ) ・自分のペースを崩さない・慌てない
段取り、関係構築の他に、 もうひとつ、重要なことがあります それは、知識量 です
担当するWebサイトやプロダクトの知識
どんなお客様 が、 どう利用される → 想定 あるいは、 どう利用されている → 事実 誰よりも、パターンを把握しておく
UI/UXデザイナーとして 大事だと思っていることは、 お客様視点
UI/UXデザイナーは アーティストではない
例えば、 誰もが当たり前に使っている道路 通勤やプライベートなど 道路を使わない人は、いないはず
日々、 道路の効率化をかんがえている人 道路をつくっている人 道路を整備している人がいるからこそ ほぼ不自由なく 通勤やどこかに出かけることができている
道路工事も 利用者視点 = お客様視点
WebサイトやプロダクトのUI/UXも同様で UI/UXをきちんと提供していくことで その当たり前を提供する必要がある
ひとりよがりUI/UXではなく 利用されるユーザーのことを より理解することが必須
そのために、圧倒的な知識量 が 重要
UI/UXデザイナーは お客様の代弁者
さらに 世の中の情報をより早くキャッチアップし そのWebサイトやプロダクトの将来を 数年先の未来を見据えた UI/UXの設計が重要となってくる
段取り、関係構築、知識 を正しく行えば、 ものごとが円滑に進む
UI/UXデザイナーが 自分たちの使命感をもち Webサイトやプロダクトの ベストな体験を提供していくことで 顧客満足度の向上につながっていくと 確信しています
というわけで、、、
クリエイティブ課では 2020年4月より、一部のプロダクトに携わる そのサービスの体験をより良くしていきたい お客様、サービス関係者が思う課題を解決に導くため サービスデザインチーム を立ち上げました
現在、サービスデザインチームは UI/UXデザイナー(楽楽精算担当)リーダー候補を 募集中!!
ご興味をもって頂いたら、 弊社、中途採用サイトから、ご応募・お問い合わせください https://career-recruit.rakus.co.jp/ 以上 ありがとうございました ラクス クリエイティブ課 木村 圭