NLX (Natural Language Experience) Design Stack

Overview

A framework defining the new principles and UI constructs required for Natural Language Interfaces. Moves beyond simple chat to structured, designed conversations.

Core principle: NLX is the new UX. Conversations have grammars, structures, and invisible UI elements.

The Four Elements

┌─────────────────────────────────────────────────────────────────┐
│                      NLX DESIGN STACK                           │
├─────────────────────────────────────────────────────────────────┤
│                                                                  │
│   ┌──────────────┐   ┌──────────────┐                           │
│   │   PROMPTS    │   │    PLANS     │                           │
│   │              │   │              │                           │
│   │  New UI      │   │  Structured  │                           │
│   │  Construct   │   │  Editable    │                           │
│   │  (Input)     │   │  Outputs     │                           │
│   └──────────────┘   └──────────────┘                           │
│                                                                  │
│   ┌──────────────┐   ┌──────────────┐                           │
│   │   PROCESS    │   │  FOLLOW-UPS  │                           │
│   │              │   │              │                           │
│   │  Show the    │   │  Guided      │                           │
│   │  Work /      │   │  Navigation  │                           │
│   │  Thinking    │   │  Suggestions │                           │
│   └──────────────┘   └──────────────┘                           │
│                                                                  │
└─────────────────────────────────────────────────────────────────┘

Key Principles

Common Mistakes

• Assuming "the model is the product" (neglecting design)
• Making the AI a black box without feedback
• Failing to guide users after an output

Source: Aparna Chennapragada (Microsoft CPO) via Lenny's Podcast