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

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

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.

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.