3. 要件をUIに反映するデザインの流れ

要件を反映するUIをデザインする流れはこちら

要件を踏まえ、UIをどうつくるべきか？を検証しながら進めていくデザインの流れを実践します。
実際のお仕事でもこの流れを踏みつつデザインします。

実際は途中でチームメンバーに共有して確認したり、意見をもらったりします。
デザイナーからメンバーにアイデアを共有もするのでその練習やイメージを掴むことも進めながらできると思います。

このシリーズもこの流れに則って進めていきます。

1.まずは内容を把握する

いきなり作る前にデザインする内容を把握します。
ビジネスや自分が関わっているサービスの話からデザインは始まるので、まずはそこをしっかり把握します。

2.UIの要件を整理します

このシリーズでもコアになるパートです。
UIに必要な情報、いつどんな時に使われるのか？のユースケース、その画面で何をできるようになるべきなのか？のタスクなどを洗い出していきます。
こ

これがなくてもUIを作ることは可能ですが「なぜこのUIでないといけないのか？」という視点を持ちにくいです。つまり方向性がないまま作っても何が良いのか決められないんですね。

3.UIの構造を考えパターンを作ります

整理したことを踏まえてUIのアイデアを作っていきます。
1案だけではなく、整理した情報や構造をもとに、考えうるUIをしらみつぶしに作っていきます。
あらゆる可能性を検討して、なるべく多く実際に触れる形にしてどれが要件に1番合う形かを比較し吟味していきます。

4.作成したUIを検証します

今回は割愛しますが、UIの方向性が何個かできたら社内や実際のユーザーさんに1度見てもらいます。
デザイナーは客観性を失いやすいです。なので客観的な他の視点を入れながら今の方向性が上手くいきそうか、検証していきます。

5.最後にUIの細かい部分を

ここまできて細かい部分をブラッシュアップします。
今までの工程がずれているとUIは作り直しになってしまうんですね。