メッセージアプリのUIデザイン

OVERVIEW

Daily Cocoda!のお題で制作しました。

コンセプト

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

利用ユーザー

20代半ばのビジネスマン

雰囲気

きっちり使いやすい

制作時間

25分

ユーザーの課題やニーズ

他のSNSアプリだとビジネスで関わる人に間違ってメッセージを送ってしまうことがあること

利用される場面

アポイントを取る際などに利用する

コア機能

相手のアイコンが表示されるところ。ビジネス向けのメッセージアプリということで、連絡相手は取引先ということを想定し、「名前は覚えてるけど、ここの担当者どんな人だったけ」ということを限りなく無くすように設計しました。

どのようなプロセスでデザインしたか

参考になるアプリのトレースから今回のUIデザインに必要なコンポーネントを選び取り、アレンジはあまり加えずに配置しました。

デザインで意識したこと工夫したこと

タブバーは一目でわかるアイコンを使用しました。また、ビジネスで利用するためメインカラーに落ち着いた色を使用しました。ホーム画面にはチャットの一覧が来るようにすることで、アプリを開いた時に直ぐにチャット画面に行けるようにしました。

参考アプリ

  • Messenger
  • Twitter

使用ソフト

Sketch

使用素材

freepik

WEBSITE