Chat Mobile app

Keep reading, sending, and responding to messages seamless.

9 checks · 3 content groups

Checklist contents

Review progress

Screen and context

Compare information and presentation in context of use.

Keep the edit box easy to useMake importing, sending and attaching within reach; The keyboard does not cover the edit box.Send a message and then disconnect from the network before receiving the results. Distinguish between sending and sending errors; The retry operation must preserve the content and avoid creating two identical messages. Test the keyboard on each operating system and when rotating the device; The compose box and send button need to be moved up without covering the message being replied to.Example Unsent messages have the label "Not sent" with a "Retry" button; Drafts and attachments remain intact.Distinguish the senderKeep the location of incoming and outgoing messages consistent, including the sender's name when chatting in a group.Keep the outgoing and incoming message location conventions consistent. Group chats need enough identifying information without repeating names on every line.Indicates sending statusDistinguish between sending, sent and error; Let me try again without creating duplicate messages.When retrying an error message, update the message itself instead of creating a copy; Keep the content you are editing if you leave the application midway.

Action and feedback

Try the operation, change the status and continue working.

Preserve response contextWhen replying to a message, display the excerpt and reopen the original message.If swipe to reply is supported, there is still a reply action in the menu; The excerpt must lead to the correct original news.Please check the attached fileDisplay the image or file name before sending and allow you to delete options you don't want to send.Do not lose reading positionWhen there is new news while viewing old news, report the news number and there is a button to go to the latest news.Don't manually scroll down when users are reading old news. Hold a button to go to the new section and update the number of unread stories.

Complete the experience

Check for details that are easy to miss when putting the design into use.

Open actions for the selected messageIf a long press opens a message menu, indicate which message is selected and show only actions that apply to it.Provide an alternative control for opening the menu. Copy, edit, and delete actions must clearly apply to the selected message rather than an adjacent row.Distinguish sent from readWhen read receipts are available, distinguish them from successful delivery and explain whose reads are represented in a group conversation.Check when the recipient turns off read confirmation or loses network; Don't turn unknown into read.Show when someone is typingIf a typing indicator is displayed, place it near the conversation and remove it when the other person stops composing.In groups, state who is typing and avoid having labels take up message space or flash continuously.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Check messages when connection is lost

Send a message and then disconnect from the network before receiving the results. Distinguish between sending and sending errors; The retry operation must preserve the content and avoid creating two identical messages.

EXAMPLES

Usage examples

Resending the message was not successful

Unsent messages have the label "Not sent" with a "Retry" button; Drafts and attachments remain intact.