As a new member to a space that allows conversations, I want to discover what are the discussions going on and how to participate easily and with confidence.

Acceptance criteria

General

We keep activity tabs where they are but update a bit the design. Discuss with @Untitled Contact the option to merge references on it.

When the user clicks one, a right sidebar opens (bottom up on mobile), keeping the context of the document.

The comments are shown chronologically from newest (top) to oldest (bottom) and the input box to add a comment is placed at the end of the list.

When comment is on a text block or paragraph it will be highlighted on the document and on the comments panel. Do not do this

Attributes tab can stay here for now, but we will explore other options on its US.

Comments panel

User can close the discussions panel any time

User can expand discussions panel at any time, losing context of the document

There is a reference to the doc. name and the number of discussions on the header of the panel

When hovering there would be bookmark, link and 3 dots options.

Comments can happen:

To the whole document

To a specific block text or specific word or line

The element is visually highlighted both on the doc. and the comments panel

Images or videos

The element is visually highlighted but without taking a lot of space.

Make images and videos smaller (thumbnail)

. When user clicks the thumbnail, it will be highlighted in the document.

Adding a comment

The input box to add a comment is place at the end of the discussions panel.

When user want to participate for the first time, he can easily see who will receive the comment.

When clicking the members on the comment area, user will be redirect to the members tab.

When user adds a comment it will be highlighted on top and in green.

Content area

For new users discovery the document will show:

More clear super numbers where there are comments on text blocks.

A tooltip to leave a comment on any part of the document text. This will disappear after user added the first comment.

Design prototype

Mobile version

Comments type

When implementing these changes please Delete:

The problem: The current solution has a tab system that hides conversations behind multiple clicks and threads are difficult to follow because they get fragmented.

The challenge: Make it easy to see that you can comment and there is activity without interrupting the reading.