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
59
要素のサイズを変えずに押しやすくする
lemon
0
78
iOSのキーボード入力ビューをカスタマイズする
lemon
0
260
視え方と文字の大きさ
lemon
1
420
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
【MIXI MEETUP!ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ!生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
mixi_design
PRO
0
170
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
3
2.6k
kintone Style Book
kintone
5
6.2k
mento Design Team Portfolio
mento0fficial
1
1.1k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
280
Character Experience AI 〜 AIキャラクターのつくりかた 〜
smartbank
1
420
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
360
高卒公務員から Webデザイナーになるまで
kinomidesign
0
130
ユーザー像を「みてね」らしく可視化する 家族アルバムみてねUXリサーチチームの取り組み
mixi_design
PRO
3
350
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
870
サービスリブランディングにおけるイラストレーションシステムの構築と活用事例 / Building and Utilizing an Illustration System in Service Rebranding
lycorptech_jp
PRO
0
680
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
culumu
1
500
Featured
See All Featured
Six Lessons from altMBA
skipperchong
29
4.1k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
GitHub's CSS Performance
jonrohan
1032
470k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
YesSQL, Process and Tooling at Scale
rocio
174
15k
What's in a price? How to price your products and services
michaelherold
246
12k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
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に落としこむまでにすることがたくさん! -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです
ご静聴ありがとうございました!