メッセージアプリのUI比較

モザイクだらけですみませんが、UI分析している中でまとめた資料なのでご了承ください

メッセージアプリのテキストボックスのUIを比較してみました

Androidの標準メッセージアプリ

Facebook messenger

instagram message

LINE

Whats App

リストの並び方やメッセージ送信のボタン位置など

どのくらいの大きさで作っているかも比較してみました

ディスプレイの横サイズを828pxとした際の大きさです（2019年12月時点）

Androidの標準メッセージアプリ

Facebook messenger

instagram message

LINE

Whats App

結論

・一覧のリスト縦幅は75~85pxが多い

・テキストの入力フォームはアイコンが入るかによるが横幅200~300pxが平均値

・アイコンの大きさは予約を含め32pxか42pxくらいで作成

・写真と絵文字の配置はバラバラだが、基本左右に分けて配置されている（使用頻度の高いものを表に出して優先度高い絵文字か写真(それに付随する)ものが左右に配置されている）