AI UX PlaygroundNewsletterJoin 2K+ AI designers and PMs on Substack. New teardowns, patterns, and prompts as they drop.

Comparison · Trust, privacy & settings

AI citations UX compared: ChatGPT vs Perplexity sources design

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.

At a glance

Trust, privacy & settings: ChatGPT vs Perplexity
DimensionChatGPTPerplexity
Inline citation chipsPublisher favicon + name pills on claims; +N marks multi-source support.Domain-first chips (northjersey +3) sit at the end of claims in the reading flow.
Claim-level previewChip opens a popover with publisher, headline, and snippet; 1/N arrows for each source.Chip popover with 1/N navigation and snippet without opening the Links tab.
Full source auditSources row under the reply opens a sidebar of publisher cards beside the answer.Links tab with full source cards; Sources sidebar from the answer bar for side-by-side audit.
Research transparencyNo research-step UI; citations appear when the answer is web-grounded.Collapsed “Completed N steps” expands to plain-language search and check steps.
Source quality feedbackStandard thumbs feedback; no first-class “wrong sources” failure mode in the citation surface.Negative feedback includes Wrong sources; Check sources on text selection localizes verification.
Product betChat-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.

Inline citation chips

ChatGPT
ChatGPT: Publisher favicon + name pills on claims; +N marks multi-source support.

Publisher favicon + name pills on claims; +N marks multi-source support.

Perplexity
Perplexity: Domain-first chips (northjersey +3) sit at the end of claims in the reading flow.

Domain-first chips (northjersey +3) sit at the end of claims in the reading flow.

Claim-level preview

ChatGPT
ChatGPT: Chip opens a popover with publisher, headline, and snippet; 1/N arrows for each source.

Chip opens a popover with publisher, headline, and snippet; 1/N arrows for each source.

Perplexity
Perplexity: Chip popover with 1/N navigation and snippet without opening the Links tab.

Chip popover with 1/N navigation and snippet without opening the Links tab.

Full source audit

ChatGPT
ChatGPT: Sources row under the reply opens a sidebar of publisher cards beside the answer.

Sources row under the reply opens a sidebar of publisher cards beside the answer.

Perplexity
Perplexity: Links tab with full source cards; Sources sidebar from the answer bar for side-by-side audit.

Links tab with full source cards; Sources sidebar from the answer bar for side-by-side audit.

Research transparency

ChatGPT

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

Perplexity
Perplexity: Collapsed “Completed N steps” expands to plain-language search and check steps.

Collapsed “Completed N steps” expands to plain-language search and check steps.

Source quality feedback

ChatGPT

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

Perplexity
Perplexity: Negative feedback includes Wrong sources; Check sources on text selection localizes verification.

Negative feedback includes Wrong sources; Check sources on text selection localizes verification.

Product bet

ChatGPT

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

Perplexity

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

What to copy

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.