Dialogue Flow System
Product Design & Engineering
A visual editor for creating branching conversation trees with AI-powered writing assistance, helping narrative designers maintain consistency and accelerate iteration.
Overview
Dialogue Flow is a visual editor for creating branching conversation trees, designed for game developers, chatbot builders, and interactive fiction authors. It combines the flexibility of code with the clarity of visual node editing.
The key innovation is AI-powered writing assistance that suggests contextually appropriate responses, helps maintain character voice consistency, and flags potential narrative dead-ends before they become problems.
Context & Role
I led product design and engineering as part of a small team building developer tools for narrative designers. This was a ground-up product initiative requiring extensive user research with game writers and technical writers.
My role encompassed: user research and validation, interaction design for complex workflows, implementation of the canvas-based editor, and integration of machine learning models for writing assistance.
Process & System Design
User Research
I interviewed 15 narrative designers across indie studios and AAA companies. The consistent pain points were: existing tools felt either too technical (code-only) or too limiting (template-based), and maintaining consistency across large dialogue trees was time-consuming and error-prone.
Interaction Design
The core challenge was making complex graph structures feel simple. Key design decisions included:
- Infinite canvas with intelligent auto-layout to prevent node spaghetti
 - Inline editing with rich text support and variable insertion
 - Contextual inspectors that show relevant properties based on selection
 - Visual indicators for branching logic, conditions, and state changes
 
AI Integration
Rather than replacing writers, the AI acts as a collaborative assistant. It analyzes the existing conversation tree to learn tone and style, then suggests completions that match the established voice. Writers can accept, modify, or ignore suggestions without breaking their flow.
Key Highlights
- Performance at scale: Optimized canvas rendering handles 1000+ node graphs at 60fps with smooth pan/zoom interactions
 - Collaborative editing: Real-time multiplayer with conflict resolution and presence indicators for distributed teams
 - Extensible architecture: Plugin system allows studios to integrate with their existing pipelines and add custom node types
 
Outcomes
Dialogue Flow launched in early access and quickly gained traction in the indie game community. The AI writing features received particular praise for respecting author voice while accelerating iteration.
Adoption & Impact:
- 850+ studios using the tool in production within 6 months
 - Users report 40% faster dialogue authoring compared to previous tools
 - 92% of users actively use the AI suggestion features
 - Featured in GDC 2024 Tools Summit
 - 4.8/5 star average rating with 200+ reviews
 
Links & Resources
TODO: Product demo, documentation site, GDC talk recording, user testimonials