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
code
┌─────────────────────────────────────────────────────────────────┐ │ NLX DESIGN STACK │ ├─────────────────────────────────────────────────────────────────┤ │ │ │ ┌──────────────┐ ┌──────────────┐ │ │ │ PROMPTS │ │ PLANS │ │ │ │ │ │ │ │ │ │ New UI │ │ Structured │ │ │ │ Construct │ │ Editable │ │ │ │ (Input) │ │ Outputs │ │ │ └──────────────┘ └──────────────┘ │ │ │ │ ┌──────────────┐ ┌──────────────┐ │ │ │ PROCESS │ │ FOLLOW-UPS │ │ │ │ │ │ │ │ │ │ Show the │ │ Guided │ │ │ │ Work / │ │ Navigation │ │ │ │ Thinking │ │ Suggestions │ │ │ └──────────────┘ └──────────────┘ │ │ │ └─────────────────────────────────────────────────────────────────┘
Key Principles
| Element | Principle |
|---|---|
| Prompts | Treat prompts as distinct UI elements (like dropdowns) |
| Plans | Return structured, editable plans for complex goals |
| Process | Visualize reasoning to build trust ("thinking aloud") |
| Follow-ups | Proactively suggest next steps ("happy path" guidance) |
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