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
1.9k
伝わらないUI/UXの正しい伝え方
段取り、関係構築、知識量
kimukei
October 01, 2020
Tweet
Share
More Decks by kimukei
See All by kimukei
UI/UXデザイナーになるには 日常編
kimurakei
1
740
UI/UXデザイナーになるには 学習編
kimurakei
1
6.4k
デザイナーとなっておもったこと
kimurakei
0
6.6k
UI/UXデザイナーになるには
kimurakei
1
6.1k
Other Decks in Design
See All in Design
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
820
ユーザーに向き合うデザインが介護・福祉の現場を変える / User-facing design changes the field of care and welfare
sms_tech
0
230
Figma Code Connect を使ってエンジニアの新しい体験をデリバリする
junkifurukawa
0
620
プロダクトデザインの「守破離」の「破」について
hayashirine
0
310
Rayout Pattern 01
one0
0
1.5k
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
270
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
160
成長する組織のナレッジベースのつくりかた_知識基盤のデザインとメタデザイン
gaussbeam
0
870
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
190
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
280
【Designship 2024|10.13】デザイン組織を進化させるための仕組み化の要諦
payatsusan213
1
780
Featured
See All Featured
Automating Front-end Workflow
addyosmani
1367
200k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
10
1.3k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
RailsConf 2023
tenderlove
29
1k
Building Applications with DynamoDB
mza
93
6.2k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Large-scale JavaScript Application Architecture
addyosmani
510
110k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Into the Great Unknown - MozCon
thekraken
35
1.6k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Building an army of robots
kneath
302
45k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.5k
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/ 以上 ありがとうございました ラクス クリエイティブ課 木村 圭