Perplexity UI Flows — Design Patterns & Interactions

Free AI-powered answer engine

Sources/Citations

User interaction with Perplexity's sources and citations panel during an AI-powered answer retrieval workflow. The flow demonstrates opening a collapsible sources modal, examining citation metadata, navigating between sources and citations tabs, and viewing enriched source attribution data including URLs and titles. This pattern is essential for transparency in AI-generated responses, trust signals, and citation management—core features in conversational search engines and answer engines.

Responsive modal interactions with instant tab switching and lazy-loaded content.

  1. Open sources panel for current response
  2. Inspect citation details in modal
  3. Browse additional source metadata
  4. Switch between sources and citations tabs

Follow up

User views a detailed AI-generated research answer about gold market trends with embedded source citations, metrics, and structured insights. The interface surfaces contextual follow-up questions as interactive chips, allowing users to drill deeper into related topics without re-querying. A dismissible pro-feature banner appears inline, offering advanced search capabilities. This demonstrates conversational refinement patterns in AI chat interfaces, where follow-up suggestions reduce friction in multi-turn dialogue and discovery flows.

Instant — seamless follow-up suggestions, dismissible prompts, no loading delays.

  1. View AI-generated answer with sources
  2. Dismiss pro feature upsell banner
  3. Select follow-up question from chips

First Prompt

User initiates an open-ended query through a search input field, triggering a real-time AI-powered answer generation flow. The interface streams response content with mode tabs (Answer view), displays inline source citations, and surfaces related follow-up questions. This demonstrates conversational search, information retrieval, and guided exploration patterns common in chat-based answer engines and AI copilots.

Responsive streaming — instant query processing with progressive answer reveal and contextual suggestions.

  1. Focus search input field
  2. Submit query about gold stock
  3. View streamed AI answer response
  4. Explore related questions carousel

Signup + Onboarding

Complete signup and account onboarding flow for Perplexity AI answer engine. User verifies email via sign-in link, selects account type (personal, team, or education), then encounters plan selection with free and pro tier options featuring trial promotions. Flow demonstrates tiered account setup, plan discovery with feature highlights, and trial offer presentation. Typical for SaaS AI products optimizing for conversion through guided account creation and plan selection.

Guided step-by-step flow with clear progression and plan upgrade prompts

  1. Land on Perplexity homepage
  2. Enter email and verify sign-in link
  3. Advance to account type selection screen
  4. Choose personal account type
  5. Review free vs pro plan options
  6. Confirm account setup completion