Skip to main content
UI Coach Logo
Advanced

Collaborative Incident Timeline

Design an incident workspace that turns live technical events, decisions, and communications into a trustworthy shared timeline.

Desktop web4 hours plus

The brief

Understand the problem

Background

During an outage, alerts, chat messages, deployment events, hypotheses, and customer updates arrive from different systems. A chronological dump is hard to trust when timestamps conflict or important decisions are buried.

User context

Incident commander Jules is coordinating a checkout outage with engineering, support, and communications. They need one timeline that remains useful during response and later review.

Product problem

Responders need a fast shared record that distinguishes observed facts, hypotheses, decisions, and imported events without slowing active mitigation.

Objective

Design live timeline capture, event reconciliation, decision logging, and post-incident export for a severity-one outage.

What to design

Define the experience

Required experience

  • Scan the current impact and recent timeline
  • Add or import a typed event
  • Resolve duplicate or conflicting timestamps
  • Mark key decisions and prepare a review-ready record

Screens and states

  • Incident command view
  • Timeline event composer
  • Event reconciliation
  • Review and export

Core user flow

Follow the critical path

  1. 01

    Jules opens a new incident and assigns core roles

  2. 02

    Deployment and monitoring events stream into the timeline

  3. 03

    Two reports conflict on when impact began, so Jules records the uncertainty

  4. 04

    After recovery, the team marks decisions and exports a sourced chronology

Product rules

Requirements and constraints

Requirements

  • Label fact, hypothesis, action, decision, and communication events
  • Preserve original timestamps and sources when events are corrected
  • Show current owner and status for active actions
  • Support fast keyboard entry without forcing long forms

Constraints

  • Imported events cannot be silently edited
  • Sensitive customer details need redaction before export
  • The live record must remain available during partial service failure

Reality check

States worth considering

System clocks disagree
An integration sends duplicate events
The incident severity changes
A responder adds confidential data

Finish line

What to deliver

  • Four desktop screens showing live response and review preparation

Optional direction

Visual resources

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

Font pairing
MontserratCrimson Text

Montserrat & Crimson Text

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

Icons
Illustrations

Keep practicing

Advanced
Developer tools

Code Review Load Balancer

Design a review queue that helps an engineering team assign pull requests by expertise, urgency, and reviewer capacity.

Desktop web2 to 4 hours
Dashboard DesignInformation Architecture
Advanced
Developer tools

Observability Alert Router

Design routing rules that send operational alerts to the correct on-call team while controlling noise and fallback behavior.

Desktop web4 hours plus
Information ArchitectureInteraction Design
Advanced
Developer tools

CI Failure Triage

Design a build-results view that helps a developer distinguish code regressions, flaky tests, and infrastructure failures.

Desktop web2 to 4 hours
Information HierarchyError Handling
Advanced
Developer tools

Database Migration Approval

Design a release gate for reviewing and approving a production database migration with rollback and ownership evidence.

Desktop web4 hours plus
Trust and SafetyInformation Hierarchy
Advanced
Developer tools

Feature Rollout Monitor

Design a feature-flag dashboard that helps a product team expand, pause, or roll back a release using defined guardrails.

Desktop web4 hours plus
Data VisualizationDashboard Design
Advanced
Developer tools

Zero-Downtime API Key Rotation

Design a developer console flow for rotating a production API key without breaking active clients or exposing secret values.

Desktop web2 to 4 hours
Trust and SafetyInteraction Design