Help
Search
Getting Started
Core Features
Managing Projects
Client Collaboration
Advanced Usage
Integrations
Tips, Tricks, and Best Practices
FAQs and Troubleshooting
Dashboard
WordPress Plugin
Email Inbox
Accounts & Billing
Workflows
Last Updated On 2024-11-29

How to Use the Annotation Tools for Feedback in Atarim

Simplify your website collaboration with Atarim’s annotation tools—visual feedback made easy.

Atarim’s annotation tools allow users to visually highlight and comment on specific areas of a webpage by capturing a screenshot of the visible viewport. These annotations simplify communication and ensure precise feedback by letting users mark areas directly on the screenshot.

Relevant For

  • Project Managers
  • Design Leads
  • Team Members
  • Clients/Stake holders

Prerequisites

Familiarity with annotation feature.
This feature is available exclusively for project collaboration through the Chrome extension and is integrated into the task popover.
Before using the annotation tools, make sure:
  • The Atarim Chrome extension is installed and activated.
  • You are working on a website project linked to your Atarim workspace.

Step-by-Step Guide

1. Access the Annotation Tool

  1. Open the website project where you want to leave feedback.
  2. Click on an existing task or create a new task for the feedback. (The task popover will appear)
  3. In the task popover, find the Annotation Icon in the comment input area and click on it.

2. Capture a Screenshot

  1. Click the Annotation Icon.
  2. The system captures a screenshot of the current viewport automatically.
  3. The screenshot opens in the Annotation Editor.

3. Annotate the Screenshot

  1. Choose tools to visually highlight areas:
    • Circle: Emphasize elements like buttons.
    • Square: Mark larger sections or groups.
    • Arrow: Point to specific elements for clarity.
  2. Add Comments:
    • Explain the feedback directly on the screenshot.

Tip: Use arrows and comments together for maximum clarity.

4. Publish Your Annotation

  1. Review your marked screenshot for accuracy.
  2. Click Publish to save the annotated image as a task comment.
  3. Collaborators will see the annotation in the task discussion thread.

Best Practices

  • Be Specific: Use arrows or shapes to highlight only the key elements.
  • Provide Context: Add clear, concise comments for actionable feedback.
  • Collaborate Actively: Encourage your team to respond within the task thread.

FAQs

Can annotations work on mockups or designs?

Currently, annotations are only supported for web based projects.

Is the Chrome extension necessary?

Yes, annotations require the Atarim Chrome extension.

How is the screenshot saved?

Once published, the annotated screenshot is added to the task as an image comment for all collaborators to view.

Tips & Tricks

  • Be Specific: Use arrows or shapes to highlight only the key elements.
  • Provide Context: Add clear, concise comments for actionable feedback.
  • Collaborate Actively: Encourage your team to respond within the task thread.

Summary

Atarim’s annotation tools make providing website feedback intuitive and efficient. By capturing screenshots and visually marking them, teams can eliminate miscommunication and complete projects faster.

Was This Helpful?

On This Page

    Add a header to begin generating the table of contents