DailyUI 13 ダイレクトメッセージ

当ページのリンクには広告が含まれていることがあります。
目次

#013 Direct Message

DailyUI 13日目

ダイレクト メッセージング アプリ、プロフィール、またはチャット ボックスをデザインします。

メッセージ画面に必要なもの

メッセージ画面に必要なものを既存のアプリを見て調べました。

  • 入力フィールド
  • 添付種類:画像、文書ファイル、カメラ起動
  • 送信ボタン
  • 吹き出し:今では吹き出しでやりとりを表示するのが当たり前のようになった。UIとしてこれが最適解ということかな
  • 送信日時
  • アバター
  • タイピングインジケーター:誰が入力中かを表示させるもの

【参考】LINE・Slack・メッセンジャー

反省・学んたこと

ボタンなのか、テキストなのか一眼で誰にでも分かるようにする。
ツイッターや、Figma で使われている青を持ってきたが、全体的に白っぽくなった?
暗いベースに使わないと目立たなかったかな?色味を統一しすぎた?

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次