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

デザインレビュー 初めの一歩

BEMU
August 11, 2021

デザインレビュー 初めの一歩

デザインレビューの準備について、自分が大事だと思うポイントについてまとめました。

BEMU

August 11, 2021
Tweet

Other Decks in Design

Transcript

  1. 2010〜2016 : Web制作会社 2016〜現在 : 合同会社DMM.com DMMでプロダクトのUIデザインや、
 サービス全体のデザインシステム構築等を 担当。 デザイン以外でもマークアップや、


    PO・運営リーダーなども担当したことがあ り、 雑食気味。 中川 陽介 Webデザイナー 趣 味 の 制 作 オンラインイベント事業部所属 合同会社DMM.com
  2. 担当プロダクトの開発体制 X レビュー依頼は要件ごとに都度実施(テキストベースが多い' X 定例は週1。そこでデザイン案について全体共有&承認。 PM X 要件を満たしているかw X 工数的に問題ないか?

    X 実装可能かw X 工数的に問題ないか? X ユーザー体験に問題ないかw X プロダクトのUIデザインのルール・ トーン的に問題ないか? X ユーザー体験に問題ないかw X プロダクトのコンセプトからブレて いないか? プロデューサー エンジニア デザイナー PM 企画 デザイナー 案件の依頼 レビュー依頼
  3. 判 断 軸 なし、 複 数 案 なしでレビュー 依 頼すると.

    . . デザイン作りました。 レビュー、オナシャス! いいですね! これでいきましょう! デザイナー PM
  4. アーカイブの公開がNGな企業があり、 動画上で音声と映像を
 カットするマスク処理がされるため、 見れないシーンがある。 アーカイブ動画の中に、 非公開の企業があることを、
 視聴者に理解してもらう。 アーカイブ非公開の動画を再生中の時、
 非公開の理由をUI上のテキストで伝える。 デザイン:0.1人日、

     実装:0.5人日 平均視聴時間 (離脱時間) 、  お問い合わせ数 要件・判断軸を整理する 背 景 目 的 手 段 効果・影響 工 数 要件を背景・目的に整理し、目的を達成するための手段を考え、その工数と効果・影響をまとめます。 要件・判断軸の整理 要 件 判 断 軸
  5. A案 B案 複数案の用意 長所:悪い印象を和らげる D 待ち時間をスキップでき' D イラストで雰囲気を和らげる D デザイン:0.2営業R

    D イラスト:1〜2営業R D 実装工数:1営業日 長所:工数が低い 短所:印象が悪い D デザイン:0.1営業R D 実装工数:0.5営業日 D 非公開動画で1分待たされ' D 説明的で硬い印象がある → 結果として離脱されそう → 結果として離脱防止できそう 短所:工数がかかる 長所・短所の書き方 「工数」「効果・影響」の判断軸を記載すると、レビュアーが判断しやすくなります。
  6. 複数案の用意 複数案のポイント 松(竹)梅で出す 松 竹 梅 工数がかかる理想的な方法を 「松」、
 工数がかからず必要最低限の案を
 「梅」

    として出すと、 比較しやすく落とし 所の判断がしやすくなります。 ※要素が多ければ良い訳じゃないので、
 要素を削ぎ落とした案をイチ推しにするのもありです
  7. 要 件 判 断 軸 背 景 目 的 手 段 工 数 効果・影響

    要件・判断軸の整理 複数案の用意 A B ① ② ③