Chat | Chat box | Chat Black

Chat box

  1. Conversation Thread: The main area where the conversation takes place, displaying messages in chronological order.

  2. Message Input Box: A text box where users can type and send messages.

  3. Send Button: A button to send the typed message.

  4. User Avatars: Profile pictures or avatars of the people involved in the conversation.

  5. Message Timestamps: Showing when each message was sent.

  6. Read Indicators: Indicating if a message has been read by the recipient.

  7. Online/Offline Status: Showing whether a user is currently online or offline.

  8. Typing Indicator: Notifying when someone is currently typing a message.

  9. Emojis and GIFs: A feature to easily insert emojis and GIFs into messages.

  10. Message Status: Indicating if a message has been sent, delivered, or read.

  11. Attachment Button: Allowing users to attach files or media to messages.

  12. Notifications: Alerts for new messages or mentions.

  13. Search Bar: To search through the chat history.

  14. Message Options: A menu for options like editing or deleting messages.

  15. Reaction Buttons: Allowing users to react to messages with emojis.

  16. Voice Messaging: The ability to send voice messages.

  17. Settings Icon: Access to chat-specific settings.

  18. Contact Information: Access to the contact details of the person you're chatting with.

  19. Archive or Delete: Options to archive or delete the conversation.

  20. Security Features: End-to-end encryption for privacy.

Don't forget to press "L" if you enjoy watching this ❤️.

You can read my article "Organizing Figma files for team collaboration"

Get in touch with me:

Behance LinkedIn Instagram

📩 Reach me at: linc.effect@gmail.com

Chat black.png
300 KB
Download
Valeria SAViNA
✨Creating Useful Digital Experience ⤵
Get in touch

More by Valeria SAViNA

View profile