UI DESIGN LAB
  • Home
  • Community
  • Library
  • Knowledge
  • Docs
ZHLogin
Back to knowledge
Interaction Responsive Motion

Realtime Collaboration Presence

Realtime Collaboration Presence turns a frequent interface judgment into an executable constraint before generation.

realtimecollaborationpresence

Design Principle

Collaborative interfaces need to show who is present, who is editing, and how conflicts resolve.

Principle Collaborative interfaces need to show who is present, who is editing, and how conflicts resolve.

Design action Show member avatars, cursors/selections, edit locks or conflict hints; use save state and history to explain collaboration outcomes.

Examples Positive example: Docs, whiteboards, design systems, project planning, and multi-person review flows. Counterexample: Multiple people edit with no presence or conflict signals.

Apply when Docs, whiteboards, design systems, project planning, and multi-person review flows. Users need to judge state, scope, risk, or next action quickly.

Source notes Source note: Synthesized from Apple HIG, Material Design, GOV.UK/Polaris/Atlassian component practices, and interaction accessibility principles.

Agent Directive

Show member avatars, cursors/selections, edit locks or conflict hints; use save state and history to explain collaboration outcomes.

Apply When

  • Docs, whiteboards, design systems, project planning, and multi-person review flows.
  • Users need to judge state, scope, risk, or next action quickly.

Avoid

  • Multiple people edit with no presence or conflict signals.
  • Irrelevant structure, copy, or decoration is added only to make the UI feel richer.

Knowledge Metadata

Category
Interaction Responsive Motion
Quality
84%
Version
v1
Published
6/6/2026