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

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

Transcript

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

   View Slide

2. Name 甲斐田 亮一
   Twitter @camcam_lemon
   Company 日本事務器株式会社
   Skills TypeScript, React / Figma
   Occupation フロントエンドエンジニア/デザイナー
   

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide