The highlight mechanism allows users to mark up the web content inline, with the mandatory requirement that the user makes a comment on the highlight. The highlight function exists to let the user:

• Mark context on the page they're currently reading for later consumption.
• Keep context of the page when/if she chooses to revisit said page.
• Share said context of the page with others for async or live collaboration.
• Limit markups to the page to things that add a level of additional context to the annotation or conversation on top of said annotation.

UI/UX

There are a few tried and true examples of proper highlighting in existing products. Here are some elements to take away:

• Notion does a great job. It allows for tagging, hides the annotation but allows open on click (we probably don't need the side bubble). Tagging other users, pages, and Spaces would be amazing. Popping up the specific thread is amazing, and we will likely propagate all of them into the Comments thread. Don't wan't resolving.

notion screenshot of this page. how meta

• Weava colors are a great way to demarcate different people commenting, different levels of access (different threads, different organizations, different flows?)

weava highlights of hpbn.co

• There should a shortcut to toggle highlights, and be manageable from the Action Bar
• On pages where Annotations are already active and turned on, the highlight bar should turn on automatically, and pop up anytime a highlight is made.

Technical Requirements

Testing