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
32
iOSのキーボード入力ビューをカスタマイズする
lemon
0
180
視え方と文字の大きさ
lemon
1
370
Yarn WorkSpaces × React Nativeの環境構築
lemon
0
250
フロントエンドにおけるアーキテクチャとの向き合い方
lemon
10
4.8k
react-reduxで追加されたHooks APIの良い所と使い方
lemon
5
940
ESLintで始めるTypeScriptの静的解析
lemon
8
2k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
lemon
6
1.5k
React.lazyとSuspenseで行うLazy Load
lemon
2
470
Other Decks in Design
See All in Design
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
250
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
250
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
610
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
110
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.4k
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.7k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
330
【pmconf2024】ユーザーになりきる「コスプレUX」で リサーチ解像度を上げる
kamechi7222222
1
8k
シームレスな連携を実現するデザイントークンの設計と構築
amishiratori
0
450
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
300
界隈からの逃走–デザイン初め新年会2025
sekiguchiy
3
930
コンセプトで経営・事業・組織を動かす、 Ameba20周年ブランディング / ameba-20th-branding
cyberagentdevelopers
PRO
1
490
Featured
See All Featured
Building Applications with DynamoDB
mza
93
6.2k
Optimizing for Happiness
mojombo
376
70k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Designing for humans not robots
tammielis
250
25k
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
GitHub's CSS Performance
jonrohan
1030
460k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
870
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
570
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に落としこむまでにすることがたくさん! -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです
ご静聴ありがとうございました!