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
camcam_lemon
August 05, 2019
Design
2
330
UI/UXデザイナーがデザインしてるもの
BtoB DESIGNERS LT勉強会#1の登壇資料です
camcam_lemon
August 05, 2019
Tweet
Share
More Decks by camcam_lemon
See All by camcam_lemon
オレを実装してデザイン実装楽したい
lemon
0
57
要素のサイズを変えずに押しやすくする
lemon
0
75
iOSのキーボード入力ビューをカスタマイズする
lemon
0
260
視え方と文字の大きさ
lemon
1
410
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
300
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
5k
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
1k
ESLintで始めるTypeScriptの静的解析
lemon
8
2.1k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
lemon
6
1.5k
Other Decks in Design
See All in Design
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
bitkey
PRO
0
270
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
210
新卒の目から見たサイボウズのデザイン組織
ryota5884
0
220
OSO2025-マサカリと太陽:伝え方の情報デザイン
majimasachi
0
470
【最新】マズロー安達の弟子実績(1期-6期の37人分)
maslow_akkun
0
3.2k
Figmaレクチャー会Part1 基本のき編@千株式会社 社内勉強会
designer_no_pon
0
120
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
900
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
visional_engineering_and_design
0
860
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.3k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
1.3k
maki setoguchi
maki_setoguchi
0
530
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Six Lessons from altMBA
skipperchong
29
4k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
Leading Effective Engineering Teams in the AI Era
addyosmani
7
700
GraphQLとの向き合い方2022年版
quramy
49
14k
GitHub's CSS Performance
jonrohan
1032
470k
How Fast Is Fast Enough? [PerfNow 2025]
tammyeverts
2
230
Designing Experiences People Love
moore
142
24k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Why Our Code Smells
bkeepers
PRO
340
57k
Transcript
UI/UXデザイナーがデザインしてるもの BtoB DESIGNERS LT勉強会
Name 甲斐田 亮一 Twitter @camcam_lemon Company 日本事務器株式会社 Skills TypeScript, React
/ Figma Occupation フロントエンドエンジニア/デザイナー
「予想」よりも「予測」をもとに仕入れと販売のマッチングを 青果生産者が入荷予定量を入力することで 販売担当者は予想ではなく予測をもとにした提案を fudoloopは適正価格で青果物を販売先へ
だれに向けた話? -UXに関わっていないデザイナーとエンジニア -UI/UXデザイナーって何してるの...?って思ってる人たち
UXとUIのお仕事比率 UI UX UX : UI = 8 : 2ぐらい
デザインのプロセスに辿り着くまでが長い デザインにかける時間が少ないのではなく
何を `つくる` かから始める -ユーザ価値の高いものはなにかを考える -ジャーニーマップを作って 日々の行動のペイン(課題)と自分たちが 分かってないことを洗い出す(仮説) -機能やインタラクションなどは考えない
ダウンロード シンセサイズ インサイト(本音) インタビュー 方向性が決まったらインタビューへGO! まずは仮説の検証を、そして本音を知る
バリュープロポジションキャンバス 2 × 2(2軸マトリックス) サービスへのタッチポイントを考える 最もユーザ価値の高いモノを見つけ出す
未来のシナリオをつくる 具体的な機能を決めて、仮のデザインを考える 未来のシナリオ 機能の洗い出し 機能のソーティング デザインスタジオ
プロトタイピングで検証する インタビューを重ねてようやくデザインする プロトタイプ ジェネラティブインタビュー ユーザビリティインタビュー UIデザイン
PM、デザイナー、エンジニア どこにも寄らずに 常に自分を俯瞰してユーザ視点に立っている UI/UXデザイナーはUIだけでなく サービスそのものをデザインしていく
落としこんだUIデザインの意図 -ユーザの行動(体験)をアウトプットできる 形に起こしていく -ユーザのペインを解決するためのデザイン -ページ単位ではなくストーリー性のあるデザイン
UI/UXデザイナーが大事にしてること -ユーザと業界を知ること -伝えたいことの言語化 エンジニアへのデザイン共有からPM,エンジニア間の 意見の擦り合わせまでブリッジになることが多い コミュニケーションは大事!!
まとめ -UIに落としこむまでにすることがたくさん! -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです
ご静聴ありがとうございました!