Chat Web app

Browse and send messages in a contextual conversation.

7 checks · 2 content groups

Checklist contents

Review progress

Information and structure

Compare information and presentation in context of use.

Keep the order and sender clearState the name, time and distinguish between sent messages and received messages.Unify the send and line break keys, display suggestions in the edit box if needed.Example Enter send; Shift+Enter line break, with send button for users who don't use keyboard shortcuts.Allows you to compose multiple lines and edit draftsKeep unsent content when switching windows or sending requests fail.State the Enter and line break rules; On mobile devices, the send button needs to be accessible when the keyboard is open.Distinguish between sending progress and errorsRetry the correct message that has not been sent, do not create a copy if the result is unclear.Distinguish between sending, sent and read; Error messages need to be resent exactly once without creating copies.Please check the attached contentShow files, photos and limits before sending.Preview files, limits and progress before sending; Users must have a way to destroy a file while preserving the text.

Actions and status

Try the operation, change the status and continue working.

Keep answer contextWhen replying or reacting, indicate which news is being affected.Reactions need to be tied to the right news and taken back; The selected emote name, quantity, and status must be readable by the keyboard.Report new news without jerking positionsThere is a way to the latest news when the user is viewing above.When users are reading history, it alerts them to new news instead of dragging them to the bottom; Adding old data must keep the current reading position.Read status explanationIf appropriateIf supported, state the meaning of sent, received and viewed without using color indicators.If anyone sees the online status and reads it; If turned off, it applies uniformly to both the sending and receiving sides.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Keep the order and sender clear

Unify the send and line break keys, display suggestions in the edit box if needed.

EXAMPLES

Usage examples

Keep the order and sender clear

Enter send; Shift+Enter line break, with send button for users who don't use keyboard shortcuts.

Chat Web app

Information and structure

Actions and status

How to review

Keep the order and sender clear

Usage examples

Keep the order and sender clear

Find a checklist

No checklists found