Comments Web app

Keep the communication tied to the content and the person needing feedback.

8 checks · 3 content groups

Checklist contents

Review progress

Information and structure

Compare information and presentation in context of use.

Attach comments to the correct locationIndicates the passage, picture, or recording being discussed.The link from the announcement should open the correct communication thread, not just to the general page.Example The comment attached to the second sentence opens with the highlighted paragraph.Keep replies in the same threadDistinguish between original comments and replies, stating the sender and time.On narrow screens, limit indentation but still maintain label or contextual response relationships.Indicates the person mentionedIf @mention is supported, select the correct person and state who should receive notifications.The name selected from the list of mentions must be different from lower case letters; indicates when the prompted person does not have permission to view the content.Edit has clear statusKeep content on error and mark edited after saving.Keep the edited mark and preserve relevant answers; Save errors should not cause the draft being edited to be lost.

Actions and status

Try the operation, change the status and continue working.

Explanation when deleting commentsState the scope of the deletion and the effect on the response before confirmation.Distinguish resolved from deletedIf appropriateKeep the stream searchable and reopen it when needed.Reopen the resolved stream and view it in its original context; Resolution does not mean deleting the exchange history.Shows that the communication is unreadUse the counter or marker with the username to open the correct discussion.Indicates the counter is the number of comments, threads, or unresolved threads; Use the same rules on lists and detail pages.

Complete the experience

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

Support lightweight reactions for collaborationIf reactions are supported, let users add or remove a reaction to a comment and see who reacted without creating empty replies.Each emote button needs a meaningful access name and a selected state; Don't use reactions as the only way to approve something important.

Progress is saved automatically in this browser.

GUIDANCE

How to review

Attach comments to the correct location

The link from the announcement should open the correct communication thread, not just to the general page.

EXAMPLES

Usage examples

Attach comments to the correct location

The comment attached to the second sentence opens with the highlighted paragraph.

Comments Web app

Information and structure

Actions and status

Complete the experience

How to review

Attach comments to the correct location

Usage examples

Attach comments to the correct location

Find a checklist

No checklists found