Logo of UI Challenges
Sign in

Gallery

See what others have created

Collaboration and sharing
SR

substantivesitting_room

@substantivesitting_room

HardSaaS

Collaboration and sharing

Design a collaboration and sharing surface for a document, file, or workspace item. The core screen should let one person invite others, set access, and see who is already involved without leaving the page.

Show the main share flow: invite by email, copy link, and assign roles such as view, comment, or edit. Make the current access level visible before anything is changed, and keep the primary action clear when the panel opens.

Include the live collaboration layer on the content itself: presence indicators, avatars, cursors or activity markers, and a comment thread tied to selected content. Comments should support replies, mentions, and resolve states.

Add history and control states for real teamwork: recent changes, author names, timestamps, permission changes, and a way to restore or revoke access. Cover empty, loading, and blocked-permission states so the design still works when nobody is invited yet or the user cannot share.

What to deliver

  • Design a share panel with invite, link access, and role selection.
  • Show the document or asset with live collaborators, presence, and cursors.
  • Add comments with thread, resolve, and mention actions.
  • Include change history with author, timestamp, and restore action.
  • Show empty, loading, and permission-denied states for sharing.

Keep 'visibility of system status' in mind: live updates and clear indications of user activities enhance collaborative feel and efficiency. It's also a chance to design delightful interactions!