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

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

camcam_lemon
August 05, 2019

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

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

camcam_lemon

August 05, 2019
Tweet

More Decks by camcam_lemon

Other Decks in Design

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