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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
camcam_lemon
August 05, 2019
Design
340
2
Share
UI/UXデザイナーがデザインしてるもの
BtoB DESIGNERS LT勉強会#1の登壇資料です
camcam_lemon
August 05, 2019
More Decks by camcam_lemon
See All by camcam_lemon
オレを実装してデザイン実装楽したい
lemon
0
77
要素のサイズを変えずに押しやすくする
lemon
0
90
iOSのキーボード入力ビューをカスタマイズする
lemon
0
310
視え方と文字の大きさ
lemon
1
450
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
320
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
5k
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
1k
ESLintで始めるTypeScriptの静的解析
lemon
8
2.2k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
lemon
6
1.6k
Other Decks in Design
See All in Design
第18回サイゼミ
lw
1
3.7k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
800
Build for the Web, Build on the Web, Build With the Web
csswizardry
0
350
CULTURE DECK/Creative Director
mhand01
0
1.1k
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
1
160
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
0
220
絵や写真から学ぶ、要素がもたらす副作用
kspace
0
260
デザインの文脈を理解する:エンジニアがデザインカンファレンスに参加して得た学びと気づき
hypebeans
0
170
コンテンツ作成者の体験を設計する
chiilog
0
140
Drawing_for_Anim_Final_PDF.pdf
lynteo
2
140
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.2k
Featured
See All Featured
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.2k
Mobile First: as difficult as doing things right
swwweet
225
10k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
170
How to Ace a Technical Interview
jacobian
281
24k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
We Are The Robots
honzajavorek
0
220
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
360
XXLCSS - How to scale CSS and keep your sanity
sugarenia
250
1.3M
Joys of Absence: A Defence of Solitary Play
codingconduct
1
350
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
680
Agile that works and the tools we love
rasmusluckow
331
21k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.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に落としこむまでにすることがたくさん! -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです
ご静聴ありがとうございました!