チャットのインターフェイスは、ユーザー同士のコミュニケーションに欠かせません。さまざまなアプリに搭載されているチャット画面のデザインの中から、使いやすいインターフェイス、ユニークなインターフェイスなど、事例を48個集めました。
アプリ設計の参考にしてみてください。
1. Adding Recent Images in chat Application

by Srikant Shetty
2. Timeline Display and Screenshot Edit in a Chat Room

by Xiaoxue(Ellie) Zhang
3. Lisn App — Synced spotify & soundcloud chatrooms

by Abhinav Chhikara
4. Chat interface (Message)

by whitton
5. Chat iPhone App Design

by Ramotion
6. Chat With Friend

by Puppet
7. App, part 3 — “Oliveboard”

by Aleksey Belikov for Fireart Studio
8. Simple chat app

by Andrei Mironov
9. Chatbot animation

by noterrain
10. Intelligent secretary

by Sunny
11. Messaging screen

by Grégoire Vella
12. Wechat Redesign

by 追求_Design
13. IM — Chat Dashboard PSD

by Matt Thompson
14. Fun App Design

by Riko Sapto Dimo
15. #Daily gif#for car-part one

by BOLIANG.
16. Contact Doctor App

by Iswanto Arif
17. Chat Room Conversation Page

by Ghani Pradita
18. Messages

by Gale P? for Freedom Union Studio
19. Workflow board UX

by Gleb Kuznetsov✈
20. Skype redesign

by Polina Dombrovska for Awesomed
21. Social Location App

by Masudur Rahman
22. ToFind Multi function chat interface

by Leo Leung
23. iOS 10 | iMessage Groups Concept

by emilie badin
24, people + story screen

by Prakhar Neel Sharma
25. Direct Messaging

by Olivia
26. Messaging App iOS Concept

by Ollie Barker
27. Chat Screen (just for spare pixels)

by Prakhar Neel Sharma
28. Conversation

by Anton Chandra
29. Direct Messaging

by Goutham
30. Messages

by Gale P?
31. Direct Messaging

by Lay
32. Gredash — Chat

by Afrian Hanafi
33. Day031-Chat2

by UISTAR for Freedom Union Studio
34. Chat

by Annie
35. Badge Chat

by Alexandr Brinza
36. Client Communication App Concept

by Mackenzie Child
37. Messenger for Sberbank

by Mahaev Nikita
38. Messenger Bots & Partial payment Concept

by Isil Uzum
39. Mondo Inbox and Conversation Interface

by Ghani Pradita
40. Day029-Chat App

by UISTAR for Freedom Union Studio
41. Dashboard Virtual Personal Assistants

by Thomas Budiman
42. iOS Gui Kit — Vol 1 — Sneak Peek

by Nimasha Sewwandi Perera for LUFT
43. Day013-Chat

by UISTAR for Freedom Union Studio
44. Chat

by Ionut Zamfir
45. Location and Chat — UI UX Design

by Nimasha Sewwandi Perera
46. ios app for travellers

by Stano Bagin
47. Uber integration with messenger

by Awesomed
48. Chat app demo screens 3 (WIP)

by Prakhar Neel Sharma
デザイナーのあなたも思わず使ってみたくなるようなインターフェイスは見つかったでしょうか。ビジネス向けなのか、プライベート向けなのかによって、必要な機能はもちろん、色づかいやモチーフの扱いも変わります。良いチャットインターフェイスが完成したら編集部にも見せてくださいね。
(翻訳:Akiko Ogita)