How to add and view Comments in Screen Mockups

Overview

While working on a Project, you may need to get its mockups/wireframes reviewed by external stakeholders, reviewers, etc. In such a case, you need to add the Screen Mockups to a Review Package and send it for review. Collaborators (external users) can then login to Online Reviews in TopTeam Web and review the sent request. From here, reviewers can add their comments to records which can then be viewed in their respective editors in TopTeam Desktop App.

This article explains how to view and add comments to a Screen Mockup record using TopTeam Desktop App.

Who should read this?

  • TopTeam Users

Viewing Comments in Screen Mockup editor

Step 1. Open a Screen Mockup record that was sent for review

wpid35709-media_1500270892166.png

Comments given on a record display in the Screen tab. There are highlighted (orange) comments and regular (green) comments.

  • Highlighted comments are new comments which have been added to the record since logged in user last opened the record.
  • Regular comments are comments which have already been viewed by logged in user on last login.

You can change the settings for highlighted comments using Display Options.

Step 2. Customize comments display, click Display Options

wpid35707-media_1500269517981.png

Step 3. Click a comment icon to view comment details

wpid35708-media_1500269680145.png

Adding Comments to a Screen Mockup

There are two ways to add a comment to a Screen Mockup:

  1. Comment on Widget
  2. Comment on Region

Commenting on Widgets

Step 1. Go to the Review & Comments tab to add a comment in this Screen Mockup record

wpid35710-media_1500615649376.png

Step 2. Select a Widget to add a comment to it

wpid35711-media_1500616881694.png

Comment is added to the selected widget.

Commenting on Regions

Step 1. Add a comment to a region

wpid35712-media_1500617318565.png

Step 2. Select a Region to add a comment to it

wpid35713-media_1500617622948.png

Comment is added to the selected region.

Viewing Comments in Properties panel

Step 1. View all comments in a Screen Mockup record in Properties panel

wpid35714-media_1500618756947.png

Step 2. Go to the Comments tab in Properties panel to view all comments in a single view

wpid35715-media_1500618911622.png

Step 3. Reply to a comment from the Comments panel

wpid35716-media_1500619285316.png

Reply to comment is added.

Step 4. Click the contextual comment icon in a comment to view an image of the widget/region, for which the comment was given

wpid35717-media_1500619587329.png

Step 5. Click the information icon of a comment to view details of the comment

wpid35718-media_1500620380683.png

Filtering Comments

Step 1. Click the Comment Filters drop-down menu to select a Filter

wpid35719-media_1500621504775.png

Selected Filter is applied and comments display in Screen Mockup editor and Comments panel, as per the applied Filter

wpid35720-media_1500621618858.png

Revised: October 6th, 2017

Tags: