Use when designing AI agents or chatbots, when raw model outputs feel like a black box, or when building natural language interfaces that need structure and trust
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.
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
ā NLX DESIGN STACK ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā¤
ā ā
ā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā ā
ā ā PROMPTS ā ā PLANS ā ā
ā ā ā ā ā ā
ā ā New UI ā ā Structured ā ā
ā ā Construct ā ā Editable ā ā
ā ā (Input) ā ā Outputs ā ā
ā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā ā
ā ā
ā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā ā
ā ā PROCESS ā ā FOLLOW-UPS ā ā
ā ā ā ā ā ā
ā ā Show the ā ā Guided ā ā
ā ā Work / ā ā Navigation ā ā
ā ā Thinking ā ā Suggestions ā ā
ā āāāāāāāāāāāāāāāā āāāāāāāāāāāāāāāā ā
ā ā
āāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāāā
| 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) |
Source: Aparna Chennapragada (Microsoft CPO) via Lenny's Podcast