Skip to main content
UI Coach Logo
Intermediate

Resolve Conflicting Document Edits

Design a conflict-resolution flow that helps collaborators reconcile overlapping document changes without hiding authorship or losing work.

Desktop web, Responsive web1 to 2 hours

The brief

Understand the problem

Background

Real-time editing handles many simultaneous changes, but conflicts still occur after offline work, permission changes, imports, or structural edits. A generic save error leaves people unsure which version survived.

User context

Mateo edited a proposal during a flight. When he reconnects, his rewritten timeline conflicts with changes that Erin made to the same section and comments added by a reviewer.

Product problem

Writers need to understand exactly what conflicts, preserve unaffected edits, and agree on a merged version without reading raw change data.

Objective

Create a focused comparison and merge experience for one conflicted document section.

What to design

Define the experience

Required experience

  • Recognize that offline edits conflict with the current document
  • Compare changes with authorship and timing context
  • Accept, combine, or defer individual conflict blocks
  • Save a resolved version and notify affected collaborators

Screens and states

  • Conflict alert
  • Side-by-side comparison
  • Merge review
  • Resolved version confirmation

Core user flow

Follow the critical path

  1. 01

    Mateo reconnects and sees that his local version was preserved but not published

  2. 02

    He opens the conflicting timeline section and compares both versions

  3. 03

    He keeps Erin's dates, incorporates his rationale, and preserves the review comment

  4. 04

    He previews the merged section and saves it as the latest version

  5. 05

    Erin receives a concise summary with a link to the version history

Product rules

Requirements and constraints

Requirements

  • Preserve both complete versions until resolution is confirmed
  • Distinguish conflicting changes from edits that can merge automatically
  • Keep comments, suggestions, and formatting attached to the correct text
  • Allow a collaborator to postpone resolution without blocking access to a safe copy
  • Create a named version entry for the merge result

Constraints

  • The experience must remain usable for long paragraphs without horizontal scrolling
  • Only users with edit permission can publish the resolution
  • The document cannot be locked for all readers during review

Reality check

States worth considering

One author deleted a section that another edited
Permissions change while the merge view is open
The document receives new edits during resolution
A comment points to text removed from both versions

Finish line

What to deliver

  • Four responsive screens resolving one text conflict and one deleted-section conflict

Optional direction

Visual resources

Use these as a starting constraint if you want one. They are not part of the required solution.

Font pairing
UpdockSource Serif Pro

Updock & Source Serif Pro

Clear interface writing gives people the confidence to understand what changed and decide what to do next.

Icons
Illustrations

Keep practicing

Intermediate
Collaboration

Turn a Meeting Decision Into Follow-Up

Design a post-meeting flow that converts one agreed decision into a durable record, owned actions, and visible follow-up.

Desktop web1 to 2 hours
Content DesignInteraction Design
Intermediate
Creator tools

Publish a Video After Processing

Design an upload workflow that helps a creator prepare metadata, understand processing, and publish a video with the right visibility.

Desktop web2 to 4 hours
Interaction DesignError Handling
Intermediate
Collaboration

Run an Asynchronous Distributed Standup

Design a lightweight standup that gathers meaningful progress and blockers across time zones without creating another noisy status feed.

Responsive web1 to 2 hours
Service DesignContent Design
Advanced
Collaboration

Collaborative Lecture Notes

Design a shared note space where a class can combine observations, discuss uncertain points, and preserve a trustworthy study record.

Desktop web4 hours plus
Product ThinkingInformation Architecture
Advanced
Collaboration

Collaborative Presentation Storyboard

Design a team workspace for shaping a presentation narrative, assigning slides, and resolving feedback before a deadline.

Desktop web4 hours plus
Product ThinkingInformation Architecture
Intermediate
Collaboration

Develop a Rough Idea With Peer Feedback

Design a collaborative idea library where people can share early concepts, ask focused questions, and track useful feedback.

Responsive web2 to 4 hours
Product ThinkingContent Design