Timeline Interaction Confusion

Making dependency behavior predictable in a visual planning system.

Work Delivered:

Interaction Design
Workflow Clarity
Workflow Architecture
Visual System Refinement
UX Research
Validation

Timeline Interaction Confusion

Making dependency behavior predictable in a visual planning system.

Work Delivered:

Interaction Design
Workflow Clarity
Workflow Architecture
Visual System Refinement
UX Research
Validation

Timeline Interaction Confusion

Making dependency behavior predictable in a visual planning system.

Work Delivered:

Interaction Design
Workflow Clarity
Workflow Architecture
Visual System Refinement
UX Research
Validation

Industry

Project Management SaaS

(SaaS) Project Management

Headquarters

Baltimore, MD

Founded

2010

Company Size

1-25 employees

Small (1-25) employees

Key Markets

1M+ users globally

Growth Stage

ARR $8M by 2023

Use case

Timeline planning, task dependencies, scheduling

Overview

TeamGantt’s core value is visual planning. Users expect direct manipulation: drag a task, see it move.

The system supported dependencies between tasks. When one moved, others adjusted automatically.

The behavior was correct. The experience was not. Users thought the product was broken.

Highlights

  • Reduced confusion in timeline editing

  • Fewer support tickets tied to task movement

  • Increased user confidence when adjusting schedules

  • Clearer mental model of task relationships

Understanding the Problem

The issue was not functionality — it was clarity. Users were making a simple action and getting a complex result.

  • Dependencies were not visually obvious

  • Task relationships were hidden until triggered

  • Dragging a task caused unexpected downstream movement

  • No clear feedback explaining why changes happened

The system was behaving correctly. The user’s mental model was not aligned with it.

Strategic approach

The goal was predictability. Users should understand what will happen before they act.

Making system behavior visible

The timeline needed to communicate relationships, not hide them.

Dependencies were redesigned to be more visually explicit in the timeline. Connections between tasks became easier to see and interpret at a glance.

Interaction feedback was introduced during drag actions. When a task movement affected others, the system showed it clearly and immediately.

The focus was not adding explanation. It was making the system legible through interaction.

Principle: If a system changes multiple things, users need to see the system, not guess at it.

Key Initiatives

Dependency visibility redesign

Users did not understand how tasks were connected.

What I did

  • Improved visual representation of dependencies in the timeline

  • Clarified how relationships appeared during planning

  • Reduced ambiguity in how tasks linked together

What changed

  • Users could see relationships before interacting

  • The system felt more transparent

  • Less surprise during edits

Key Initiatives

Interaction feedback during drag

Dragging a task triggered changes users did not expect.

What I did

  • Added real-time feedback when task movement affected others

  • Made downstream changes visible during the interaction

  • Reinforced cause and effect through motion and state changes

What changed

  • Users understood impact before completing the action

  • Confidence increased

  • Fewer mistakes during schedule edits

Additional workstreams

  • Simplified visual noise in the timeline

  • Reduced ambiguity in task positioning

  • Aligned interaction behavior with user expectations

  • Reinforced system logic through consistent feedback patterns

Cross-Functional Collaboration

Partnered with product and engineering to validate behavior changes against real usage patterns. Support tickets and user feedback guided prioritization.

Changes were scoped to improve clarity without adding system complexity.

Financial Impact & Business Enablement

This work fixed a trust problem. The system was doing the right thing — users did not believe it.

By making behavior visible and predictable, the product became easier to trust and easier to use.

  • Reduced support volume tied to timeline confusion

  • Lower friction in core planning workflows

  • Improved efficiency in schedule editing

  • Increased retention through better usability

Takeaway

Users do not need more capability. They need to understand what the system will do.

Predictability is the product.

Role

Head of Product Design and Design Systems

Led interaction design and workflow clarity efforts. Identified root cause through user feedback, redesigned dependency visibility, and partnered with product and engineering to make system behavior understandable and predictable.

“Brandon is open to ideas from the dev team that influence design, and also responds well to the needs of the development team regarding design. I know that if I have a design need, Brandon will be able to respond even if it requires extra work from him. He has a willingness to help.”

TeamGantt Teammate

Development Team

“Brandon is open to ideas from the dev team that influence design, and also responds well to the needs of the development team regarding design. I know that if I have a design need, Brandon will be able to respond even if it requires extra work from him. He has a willingness to help.”

TeamGantt Teammate

Development Team

“Brandon is open to ideas from the dev team that influence design, and also responds well to the needs of the development team regarding design. I know that if I have a design need, Brandon will be able to respond even if it requires extra work from him. He has a willingness to help.”

TeamGantt Teammate

Development Team

Related Case Studies

Reducing onboarding friction by restructuring how users reach first value.

Workflow Architecture
Workflow Architecture
Usability Validation
Usability Validation
Onboarding
Onboarding

Making dependency behavior predictable in a visual planning system.

Workflow Clarity
Workflow Clarity
Research & Validation
Research & Validation
Dependencies
Dependencies

Scaling a product with limited design resources by building systems, not screens.

Design Systems
Design Systems
Workflow Architecture
Workflow Architecture

Lowering early drop off by restructuring how users reach first value.

Onboarding Redesign
Onboarding Redesign
Workflow Simplification
Workflow Simplification

Keep the product focused on the planning model, not expanding features.

Roadmap Prioritization
Roadmap Prioritization
Product Strategy
Product Strategy

Making product decisions that preserve control and predictability.

Product Judgment
Product Judgment
Roadmap Influence
Roadmap Influence

Designing scheduling behavior that feels powerful without becoming unpredictable.

UX Tradeoff Decisions
UX Tradeoff Decisions
Visual Feedback Design
Visual Feedback Design

Using direct observation to guide product decisions when analytics are incomplete.

Workflow Analysis
Workflow Analysis
Customer Insight Synthesis
Customer Insight Synthesis

Turning design from a service into a system tied to delivery outcomes.

Metrics Architecture
Metrics Architecture
DesignOps
DesignOps
System Design
System Design

Driving adoption and executive buy-in through phased, measurable impact.

Design System Strategy
Design System Strategy
DesignOps
DesignOps
Cross-functional Alignment
Cross-functional Alignment
a computer screen with a bar chart on it

Turning design into a decision driver by making its impact visible.

Product Alignment
Product Alignment
Metrics Strategy
Metrics Strategy
Executive Communication
Executive Communication
black flat screen computer monitor
black flat screen computer monitor

Turning fragmented research into a system that guides product decisions.

Persona System Design
Persona System Design
Research Synthesis
Research Synthesis
UX Strategy
UX Strategy

A better system makes everyone’s day less stupid. Clarity pays for itself.