Daily Cocoda! 3 メッセージ画面

OVERVIEW

Cocoda!というサービスで提供されている課題で、1日1つ決まったお題に従って1~2画面程度のUIを作るものです。 3日目の課題(メッセージ画面)に挑戦しました。

  • お題

ターゲット:20代半ばのビジネスマン

コンセプト:ビジネスシーンでも使えるチャットアプリ

雰囲気:きっちり、使いやすい

参考アプリ:Slack, Messenger


  • アプリ名: CHAT BOARD

このアプリで、チャットを中心として全ての情報を一元化できるイメージから名付けました。


  • 機能の特徴

・ダッシュボード表示ができ、個別のやりとりを1つの大きなダッシュボード形式にまとめることができる

・上記のダッシュボードに、ほかのビジネスツール(メール、SNS、Web記事など)で得た情報を自由に貼り付けできる

・最初は必要最小限の機能が付いており、自分で追加機能をカスタマイズできる

・通常のチャットアプリよりテキストの装飾がしやすくなっている。太字、下線、サイズなどをワンタップで変更できる


  • 工夫した点

・男性のビジネスシーンでの使用を想定し抑えめな色づかいにし、かつ冷たい印象になりすぎないように背景をクリーム色にして少し柔らかくして調整しました。

・ビジネスでの使用を想定し、スピーディーに使用できるように右側のメニューからほぼ全ての情報にアクセスできるようにしました。

・ビジネスツールが増え、複数のツールを使うことが当たり前になる中で、それらをまとめて表示できてかつ必要に応じて編集することが必要とされていると感じてダッシュボード機能を考案しました。