AI citations UX compared: ChatGPT vs Perplexity sources design

Updated July 10, 2026

ChatGPT layers chips, popovers, and a Sources sidebar. Perplexity treats citations as the product with Links audit and wrong-source feedback.

Bottom line

For chat products, copy ChatGPT progressive depth: chips on the claim, then popover, then sidebar. For research products, copy Perplexity audit path: Links tab, selection check, and wrong-source feedback.

Side-by-side comparison

Screenshots from each product teardown. Tap a shot for a larger view and description.

Composer UX comparison across ChatGPT, Perplexity
DimensionChatGPTPerplexity
Inline citation chips
Claim-level preview
Full source audit
Research transparency

No research-step UI; citations appear when the answer is web-grounded.

Source quality feedback

Standard thumbs feedback; no first-class “wrong sources” failure mode in the citation surface.

Product bet

Chat-first: progressive verification depth when the web is involved, without making citations the brand.

Research-first: evidence in the reading flow is the product, with audit and source-failure taxonomy.

Frequently asked questions

What is AI citations UX?

Citations UX is how an AI product shows which sources support a claim: inline chips, hover previews, source lists, research steps, and feedback when sources are wrong. It is the primary trust surface for web-grounded and research answers.

ChatGPT vs Perplexity: which citations UX is better?

Neither is universally better. ChatGPT favors progressive depth inside chat (chips, popover, Sources sidebar). Perplexity favors citation-native research (chips, steps, Links audit, wrong-source feedback). Match the pattern to chat vs research.

Should citations be inline chips or footnotes?

Both ChatGPT and Perplexity put publisher- or domain-first chips on the claim in the reading flow. Footnote-only lists at the bottom force skeptical readers to leave the claim. Pair inline chips with a full audit surface for heavy verification.

When do you need Wrong sources feedback?

When sourcing quality is a first-class failure mode in research, news, finance, or health. Perplexity treats wrong sources as feedback taxonomy. ChatGPT focuses on inspection depth rather than source-specific failure labels.

How is this comparison different from the product teardowns?

Each citations teardown is a screenshot-backed walkthrough of one product. This page synthesizes the same trust job across ChatGPT and Perplexity into a bottom line and comparison table. Use it to pick a pattern, then open the linked teardown for evidence.

Useful for a critique or spec? Share it.