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
730
UI/UXデザイナーになるには 学習編
kimurakei
1
6.3k
デザイナーとなっておもったこと
kimurakei
0
6.5k
UI/UXデザイナーになるには
kimurakei
1
6.1k
Other Decks in Design
See All in Design
20240921-図書館の実空間とデジタル資源の接点をデザインする-dtk55-Designing-the-interface-between-the-library's-physical-space-and-digital-resources
majimasachi
0
380
(第1回) アーキテクト・テックリード育成講座
masakaya
0
110
実利の世界で、表現者である
kiyou77
3
150
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
280
ピクシブにおける「ビジョン」の取り扱われ方 #pixivdevmeetup / 20240920
minamitary
1
1.5k
「ちょっといいUI」を目指す努力 / Striving for Little Big Details
usagimaru
6
3.9k
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
TUNAG BOOK 2024
stmn
0
390
Design System for training program
mct
0
160
美しいUIを作るために デザイナーが意識している ちょっとした考え方
yuichi_hara7
51
33k
ZKK_001.pdf
nicholaspegu
0
1.4k
生成AIを受け入れ共創できるデザイナーマインドへープロセス改革を想定したデザイナーの準備ー
takumasaito
1
240
Featured
See All Featured
Making the Leap to Tech Lead
cromwellryan
133
9k
Side Projects
sachag
452
42k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
4 Signs Your Business is Dying
shpigford
181
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.4k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
Into the Great Unknown - MozCon
thekraken
33
1.5k
Testing 201, or: Great Expectations
jmmastey
40
7.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
Automating Front-end Workflow
addyosmani
1366
200k
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/ 以上 ありがとうございました ラクス クリエイティブ課 木村 圭