ux-research 2 linked patterns checked
Cards: UI-Component Definition
Explains cards as bounded summaries of related information that link to details, group several information types, support flexible layouts, and work better for browsing heterogeneous items than for dense search or comparison.
Read with a purpose
What this source can teach
Use this source to examine the study question, participants, observations, and limits before applying a finding.
- Start with the original. Open the source and find the guidance or example relevant to your task.
- Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
- Check the setting. Compare the source's platform, people, and constraints with your own decision.
Pattern Decisions This Source Supports
| Pattern | Supported decision | Required contract | Claim note |
|---|---|---|---|
| Card grid | Choose card grid when users need to see multiple objects at once and visual preview or compact card identity helps them choose. | Each card represents one object and keeps title, preview, key metadata, state, and actions in the same relative positions across cards. | Supports card components as short bounded object summaries and cautions about when cards are less suitable than dense scanning layouts. |
| Card list | Choose card list when each item needs more context, imagery, or mixed metadata than a dense row can comfortably show. | Each card represents one object or concept and exposes one primary identity that stays visible across all states. | NN/g supports card boundaries, grouped related information, detail-entry behavior, flexible layouts, and cautions against cards for dense search and comparison. |
Comparisons supported by this source
- Card list vs list view vs collection vs browse by category
NN/g supports cards for bounded summaries and explains when cards are less suitable than lists for search, scanning, and comparison.
Evidence Role
This source is treated as ux-research evidence. Its value comes from the specific claims and setting described above.
Publisher: Nielsen Norman Group. Last checked: .