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
310
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
26
iOSのキーボード入力ビューをカスタマイズする
lemon
0
170
視え方と文字の大きさ
lemon
1
360
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
250
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
4.8k
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
930
ESLintで始めるTypeScriptの静的解析
lemon
8
2k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
lemon
6
1.5k
React.lazyとSuspenseで行うLazy Load
lemon
2
460
Other Decks in Design
See All in Design
Rayout Pattern 01
one0
0
350
Карта реализации историй — убийца USM
ashapiro
0
260
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.3k
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
240
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
portfolio
amitnk
1
160
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
400
デザインできるもの、できないもの | Designship 2024 | Yasuhiro Yokota
yasuhiroyokota
2
930
発表資料テンプレート / My slide template
thatblue
0
120
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
460
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
610
Featured
See All Featured
The World Runs on Bad Software
bkeepers
PRO
65
11k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
5
430
XXLCSS - How to scale CSS and keep your sanity
sugarenia
247
1.3M
What's in a price? How to price your products and services
michaelherold
243
12k
KATA
mclloyd
29
14k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
YesSQL, Process and Tooling at Scale
rocio
169
14k
Thoughts on Productivity
jonyablonski
67
4.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
The Cost Of JavaScript in 2023
addyosmani
45
6.9k
Music & Morning Musume
bryan
46
6.2k
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に落としこむまでにすることがたくさん! -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです
ご静聴ありがとうございました!