BONOでUIデザインのアウトプットを始めました（Part 3）

こんにちは！おかけんたです。
BONOでの課題はアウトプット重視ということで、できるだけ手を動かすようにしています。

このnoteでは、最近のアウトプットを共有できればと思います！（全然できてないところが多いと思うので、思うところがあればコメント頂けると飛んで喜びます）

Output （「通知」UI）

デザイン作成意図：「誰が」「何を」したのかがわかるように、２つの要素は分けてデザインしました。また、以下を意識しました。

• タブで「フォロー中/全員」を分けることで、よりユーザーにとって気になる通知だけを見れるようにしています。

• 「今日」と「過去30日」を分けることで、最近の通知のみにフォーカスできるようにしました。

• 通知の種類によってアイコンを分けてみました。

「通知」UI

• 改善ポイント

  • アクションごとに色を分けるとわかりやすい

  • 誰が何したのか、を強調する

  • List UI

    • リストに対するアクションエリアがおけていなかった

    • Material Design の基本的なパターンを踏襲する


• 良いポイント

  • 誰が何をしたのか、の情報が載っているのは良かった