Twitter UI Flows — Design Patterns & Interactions

Feedback Note

User provides structured feedback on a Community Note by rating its quality attributes via multi-select form, then conditionally rates note helpfulness through radio buttons. The flow uses progressive disclosure—quality metrics appear first, followed by secondary helpfulness criteria only after initial selection. This pattern exemplifies AI-moderated content workflows where human feedback trains community safety systems. The interaction enables fine-grained critique collection without overwhelming the user with all options upfront.

Guided multi-step form with progressive disclosure—reveal next layer only after selection

  1. View community note feedback form
  2. Select quality criteria ratings
  3. Reveal secondary helpfulness options
  4. Choose helpfulness assessment
  5. Submit structured feedback

Feed & Explore

User navigates through Twitter's Explore section, browsing trending topics and news across multiple categorized tabs: Trending, News, Sports, and Entertainment. Each tab refresh displays region-specific and category-tagged trending items with post counts and timestamps. This demonstrates a tabbed discovery interface with real-time trending data, category segmentation, and quick navigation between content verticals. Ideal for understanding browsing patterns, tab-based content organization, and trending metadata presentation.

Snappy — instant tab switching with seamless content reload, no loading states.

  1. View home feed with footer links visible
  2. Navigate to Explore section from home
  3. Browse Trending tab with India-specific topics
  4. Switch to News tab, view politics and finance
  5. Switch to Sports tab, view athletic trending items
  6. Switch to Entertainment tab, view music and media