
Daily Cocoda!#003
こんばんは!ありです。
昨日に引き続きDaily Cocoda!本日は#003を作成しました。
今回は、メッセージ画面がテーマでした。
1. 作成するにあたって意識した事
まず昨日に引き続きペルソナをしっかり想定して作る事を意識しました。
20代半ばのビジネスマンという事で
・メッセージのやりとりが頻繁
・たまに見逃してしまう時がある
・会社用のスマートフォンを使用
・会社内の別プロジェクトの人たちも情報共有として一緒に使いたい
続いてアプリのコンセプトです。
・チャンネルを分ける事ができる
・個別でメッセージが送れる
・メッセージにフラグが立てられる
・チャンネルごとにフラグを立てた連絡事項だけみられるページがある
・データの添付が直感的にしやすい
そして作成したのがこちらです。
特に意識した点は
・フラグが立てられる
・チャンネル事にフラグを立てた連絡事項のみ見れるページがある
・デザインは見やすいようにシンプル
・ハンバーガーは上ではなく下
まず見逃し防止でフラグを立てられるようにしました。
このチャンネルで立てたフラグの連絡事項は右上のフラグ一覧から確認できます。
デザインは見やすいようになるべくシンプルにデザインしました。
ハンバーガーメニューはチャンネル切替やDM、プロフィール編集などに繋がっていて頻繁に押すので、簡単に開けるように下に配置しました。
2. 作り終えた後に感じた事
今回はしっかりとペルソナやコンセプトなどを決めてからデザインに取り掛かる事ができました。
時間も1時間53分と昨日より早くできました!
この調子で明日も頑張ります!!!