Upgrade to Pro — share decks privately, control downloads, hide ads and more …

UI/UXデザイナーがデザインしてるもの

A3ec73809a2105b3a9a829f983f6587e?s=47 camcam_lemon
August 05, 2019
Design
2
290

 UI/UXデザイナーがデザインしてるもの

BtoB DESIGNERS LT勉強会#1の登壇資料です

A3ec73809a2105b3a9a829f983f6587e?s=128

camcam_lemon

August 05, 2019
Tweet

More Decks by camcam_lemon

See All by camcam_lemon
Yarn WorkSpaces × React Nativeの環境構築
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
0
77
フロントエンドにおけるアーキテクチャとの向き合い方
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
9
4k
react-reduxで追加されたHooks APIの良い所と使い方
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
5
820
ESLintで始めるTypeScriptの静的解析
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
8
1.5k
SEがエンジニアに目覚めデザイナーに転身した冒険譚
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
6
1.1k
React.lazyとSuspenseで行うLazy Load
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
2
320
なんとなくで書かないReact/ReduxのテストTips
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
0
240
bundleサイズ2MBの社内サイト大改修譚.pdf
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
0
200
反復処理に速さを求めて
A3ec73809a2105b3a9a829f983f6587e?s=48 lemon
1
130

Other Decks in Design

See All in Design
Детский парк Фили
E56b3a9f8228a4274e30ae739ecca06c?s=48 zapoimu
0
720
デザイナーからプロダクトマネジメントへの挑戦
A4a078776a9c0022f5008b4ddac7749c?s=48 fumiko
0
230
事業会社で映像をやることの面白さ・メリット等，中途入社だからこそわかったこと
2016ba6b977a2e6691811fa66d5f4336?s=48 cyberagentdevelopers
PRO
0
440
ユーザー体験を支える_freeeのデザインシステム活用.pdf
7dac484138925ba3e0b6f52932bdba56?s=48 fkady
1
1k
ANTIEK
966a7d3473313a57827602754b617993?s=48 8sided
PRO
1
210
Filmarks デザイナー向け紹介資料
46cd93c934d7881b0b2cca93674d8cbd?s=48 shingo2000
2
950
dnd board
E07eafb41f4c23afbf5ca3fe1aa83b75?s=48 emmamsketches
1
200
A Designer’s Guide to Documenting Accessibility & User Interactions
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
0
11k
視覚障害者と探究するLSPの可能性｜LEGO® SERIOUS PLAY® Coffee Chat Japan #09
038f436d8d55e8736cd991bf044afe6a?s=48 keitatatakizawa
1
100
Robin Beers - Design Researchers, what are we up to in 2022?
Bff39f7d4e25a30fb4d28a9005de7363?s=48 uxaustralia
PRO
0
100
The HIG & Software UI Design
A4c8177aa00623c9593f10be748b3861?s=48 usagimaru
3
1.3k
decksh object reference
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
270

Featured

See All Featured
Building Adaptive Systems
06f8b41980eb4c577fa40c41d5030c19?s=48 keathley
25
1.1k
Designing Experiences People Love
1b75d89772b7eea1f6c89fbf362607d9?s=48 moore
130
22k
A Philosophy of Restraint
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
192
15k
The Pragmatic Product Professional
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
19
3.1k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
12k
Writing Fast Ruby
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
57k
Infographics Made Easy
282d599b414022eba5096510f675b6e2?s=48 chrislema
233
17k
Building a Scalable Design System with Sketch
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
448
30k
Docker and Python
Ecdea9b9714877b86cee08458f085481?s=48 trallard
27
1.6k
Designing for Performance
245cee81a9c424266e5e401d844ea881?s=48 lara
597
63k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
212
20k
Keith and Marios Guide to Fast Websites
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
404
21k

Transcript

  1. UI/UXデザイナーがデザインしてるもの BtoB DESIGNERS LT勉強会

  2. Name 甲斐田 亮一 Twitter @camcam_lemon Company 日本事務器株式会社 Skills TypeScript, React

    / Figma Occupation フロントエンドエンジニア/デザイナー

  3. 「予想」よりも「予測」をもとに仕入れと販売のマッチングを 青果生産者が入荷予定量を入力することで 販売担当者は予想ではなく予測をもとにした提案を fudoloopは適正価格で青果物を販売先へ

  4. だれに向けた話？ -UXに関わっていないデザイナーとエンジニア -UI/UXデザイナーって何してるの...？って思ってる人たち

  5. UXとUIのお仕事比率 UI UX UX : UI = 8 : 2ぐらい

  6. デザインのプロセスに辿り着くまでが長い デザインにかける時間が少ないのではなく

  7. 何を `つくる` かから始める -ユーザ価値の高いものはなにかを考える -ジャーニーマップを作って 日々の行動のペイン（課題）と自分たちが 分かってないことを洗い出す（仮説） -機能やインタラクションなどは考えない

  8. ダウンロード シンセサイズ インサイト（本音） インタビュー 方向性が決まったらインタビューへGO！ まずは仮説の検証を、そして本音を知る

  9. バリュープロポジションキャンバス 2 × 2（2軸マトリックス） サービスへのタッチポイントを考える 最もユーザ価値の高いモノを見つけ出す

  10. 未来のシナリオをつくる 具体的な機能を決めて、仮のデザインを考える 未来のシナリオ 機能の洗い出し 機能のソーティング デザインスタジオ

  11. プロトタイピングで検証する インタビューを重ねてようやくデザインする プロトタイプ ジェネラティブインタビュー ユーザビリティインタビュー UIデザイン

  12. PM、デザイナー、エンジニア どこにも寄らずに 常に自分を俯瞰してユーザ視点に立っている UI/UXデザイナーはUIだけでなく サービスそのものをデザインしていく

  13. 落としこんだUIデザインの意図 -ユーザの行動（体験）をアウトプットできる 形に起こしていく -ユーザのペインを解決するためのデザイン -ページ単位ではなくストーリー性のあるデザイン

  14. UI/UXデザイナーが大事にしてること -ユーザと業界を知ること -伝えたいことの言語化 エンジニアへのデザイン共有からPM,エンジニア間の 意見の擦り合わせまでブリッジになることが多い コミュニケーションは大事！！

  15. まとめ -UIに落としこむまでにすることがたくさん！ -サービスよりの話をしてることが多い -インタビューはめっちゃむつかしいです

  16. ご静聴ありがとうございました！