アプリのチャットインターフェース設計に役立つアイディア48選

DESIGNER

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

アプリ設計の参考にしてみてください。

1. Adding Recent Images in chat Application

Adding Recent Images in chat Application
by Srikant Shetty

2. Timeline Display and Screenshot Edit in a Chat Room

Timeline Display and Screenshot Edit in a Chat Room
by Xiaoxue(Ellie) Zhang

3. Lisn App — Synced spotify & soundcloud chatrooms

Lisn App — Synced spotify & soundcloud chatrooms
by Abhinav Chhikara

4. Chat interface (Message)

Chat interface(Message)
by whitton

5. Chat iPhone App Design

Chat iPhone App Design
by Ramotion

6. Chat With Friend

Chat With Friend
by Puppet

7. App, part 3 — “Oliveboard”

App, part 3 — “Oliveboard”
by Aleksey Belikov for Fireart Studio

8. Simple chat app

Simple chat app
by Andrei Mironov

9. Chatbot animation

Chatbot animation
by noterrain

10. Intelligent secretary

Intelligent secretary
by Sunny

11. Messaging screen

Messaging screen
by Grégoire Vella

12. Wechat Redesign

Wechat Redesign
by 追求_Design

13. IM — Chat Dashboard PSD

チャットインターフェイス
by Matt Thompson

14. Fun App Design

Fun App Design
by Riko Sapto Dimo

15. #Daily gif#for car-part one

#Daily gif#for car-part one
by BOLIANG.

16. Contact Doctor App

Contact Doctor App
by Iswanto Arif

17. Chat Room Conversation Page

Chat Room Conversation Page
by Ghani Pradita

18. Messages

Messages
by Gale P? for Freedom Union Studio

19. Workflow board UX

Workflow board UX
by Gleb Kuznetsov✈

20. Skype redesign

Skype redesign
by Polina Dombrovska for Awesomed

21. Social Location App

Social Location App
by Masudur Rahman

22. ToFind Multi function chat interface

ToFind Multi function chat interface
by Leo Leung

23. iOS 10 | iMessage Groups Concept

iOS 10 | iMessage Groups Concept
by emilie badin

24, people + story screen

people + story screen
by Prakhar Neel Sharma

25. Direct Messaging

Direct Messaging
by Olivia

26. Messaging App iOS Concept

Messaging App iOS Concept
by Ollie Barker

27. Chat Screen (just for spare pixels)

Chat Screen (just for spare pixels)
by Prakhar Neel Sharma

28. Conversation

Conversation
by Anton Chandra

29. Direct Messaging

Direct Messaging
by Goutham

30. Messages

 Messages
by Gale P?

31. Direct Messaging

Direct Messaging
by Lay

32. Gredash — Chat

Gredash — Chat
by Afrian Hanafi

33. Day031-Chat2

Day031-Chat2
by UISTAR for Freedom Union Studio

34. Chat

Chat
by Annie

35. Badge Chat

Badge Chat
by Alexandr Brinza

36. Client Communication App Concept

 Client Communication App Concept
by Mackenzie Child

37. Messenger for Sberbank

Messenger for Sberbank
by Mahaev Nikita

38. Messenger Bots & Partial payment Concept

 Messenger Bots & Partial payment Concept
by Isil Uzum

39. Mondo Inbox and Conversation Interface

Mondo Inbox and Conversation Interface
by Ghani Pradita

40. Day029-Chat App

Day029-Chat App
by UISTAR for Freedom Union Studio

41. Dashboard Virtual Personal Assistants

Dashboard Virtual Personal Assistants
by Thomas Budiman

42. iOS Gui Kit — Vol 1 — Sneak Peek

Day013-Chat
by Nimasha Sewwandi Perera for LUFT

43. Day013-Chat

Day013-Chat
by UISTAR for Freedom Union Studio

44. Chat

Chat
by Ionut Zamfir

45. Location and Chat — UI UX Design

Location and Chat — UI UX Design
by Nimasha Sewwandi Perera

46. ios app for travellers

ios app for travellers
by Stano Bagin

47. Uber integration with messenger

Uber integration with messenger
by Awesomed

48. Chat app demo screens 3 (WIP)

Chat app demo screens 3 (WIP)
by Prakhar Neel Sharma

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

(翻訳:Akiko Ogita)

SHARE

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ