Display Types Explained

Display Types Explained

Flows can display content in four different ways. Choose the display type that best suits your content and user needs.

List

Simple, vertical list of articles.

• Best For: Straightforward content, FAQs, quick reference guides
• User Experience: Articles shown one after another
• Advantages: Easy to scan, familiar pattern
• Icon: List icon

Accordion

Expandable sections that can be opened and closed.

• Best For: Content with sections, organized information, grouped FAQs
• User Experience: Users click to expand sections
• Advantages: Reduces scrolling, lets users focus on relevant content
• Icon: LayoutList icon

Decision Tree

Interactive branching based on yes/no questions.

• Best For: Troubleshooting, diagnostic flows, problem resolution
• User Experience: Users answer questions to find solutions
• Advantages: Guides users to specific answers, reduces searching
• Icon: GitBranch icon

Wizard

Sequential step-by-step guide with numbered steps.

• Best For: Onboarding, multi-step processes, tutorials
• User Experience: Users progress through steps in order
• Advantages: Clear progression, prevents skipping steps
• Icon: Wand2 icon

Choosing the Right Display Type

Changing Display Types

• Open the flow for editing
• Select a new display type
• Click "Update"
• Note: Some content may need to be reorganized (e.g., Decision Trees need nodes, Wizards need steps)