---
title: "Article List"
created: "2026-07-02"
updated: "2026-07-02"
type: "concept"
status: "compiled"
category: "ui-patterns"
namespace: "ui-patterns"
source_url: "https://ui-patterns.com/patterns/ArticleList"
source_site: "UI Patterns"
source_copyright_note: "Source site footer says All rights reserved; this page is a catalog pointer, not a republication."
source_path: "/patterns/ArticleList"
source_slug: "ArticleList"
track: "User Interface Design Patterns"
group: "Navigation"
subgroup: "Content"
section_headings:
  - "Problem summary"
  - "Example"
  - "Usage"
  - "Solution"
  - "Design tips for designing great article lists"
  - "Common pitfalls of article list design"
  - "The elements of an article list item"
  - "Rationale"
  - "Discussion"
  - "Think from the user’s perspective – not your own"
example_count: 17
retrieved_at: "2026-07-02T18:23:09+00:00"
confidence: "medium"
---
# Article List

> Catalog pointer for the UI Patterns source page: [Article List](https://ui-patterns.com/patterns/ArticleList).

## Taxonomy

- Track: User Interface Design Patterns
- Group: Navigation
- Subgroup: Content
- Source breadcrumb: Design Patterns > Navigation > Content > Article List

## Source Page Inventory

- Source URL: https://ui-patterns.com/patterns/ArticleList
- Page title: Article List design pattern
- Section headings available at source: Problem summary, Example, Usage, Solution, Design tips for designing great article lists, Common pitfalls of article list design, The elements of an article list item, Rationale, Discussion, Think from the user’s perspective – not your own
- Example screenshots detected at source: 17
- Primary example image detected: yes

## Retrieval Notes

Use this page as a routing handle, then open the source URL when you need the full pattern explanation, screenshot examples, or exact wording. For public Pixi Wiki use, prefer paraphrased design implications over long source quotes.

Useful retrieval frame:

- Ask what user behavior or interface decision this pattern is meant to shape.
- Check the source page sections before prescribing it; many pages distinguish usage, solution, rationale, and examples.
- Compare nearby patterns in the same subgroup before choosing one.
- Cite this catalog page plus the source URL when using the pattern in design review.

## Source Shape

- Problem summary: 17 words on source page
- Example: 92 words on source page
- Usage: 68 words on source page
- Solution: 1396 words on source page
- Design tips for designing great article lists: 1031 words on source page
- Common pitfalls of article list design: 147 words on source page
- The elements of an article list item: 132 words on source page
- Rationale: 77 words on source page
- Discussion: 146 words on source page
- Think from the user’s perspective – not your own: 135 words on source page

## Source Navigation

- Previous source navigation: Autocomplete
- Next source navigation: Event Calendar