A product list is not simply a set of links to detail pages. It is where users begin deciding which options are worth their attention.

If each card shows too little, people have to open many pages just to understand basic differences. If every card tries to show everything, the list becomes difficult to scan.

The goal is not to fill the card. It is to show enough information for a sensible next choice.

Product cards help users narrow the field

Baymard research on product lists has repeatedly found that missing list-item information can cause users to overlook relevant products. In one benchmark, half of the sites did not provide the right balance of useful information in their product listings.

Baymard identifies a small set of common attributes that are useful across many product lists, while also stressing the importance of category-specific information.

That matters because a person comparing shoes needs different signals from someone comparing tools, replacement parts or office equipment.

The useful question is therefore: what does a user need to know in order to decide whether this item deserves a closer look?

Show the attributes that actually separate the options

More fields do not automatically make a better card.

In some categories, size, material or colour may be decisive. In others, dimensions, capacity or compatibility may matter more.

The key is consistency: comparable products should expose comparable information in the same place.

Baymard has also shown that inconsistent list-item attributes make comparison harder. When an attribute appears on one card but not another, users may assume the second product lacks the feature rather than simply lacking the information.

Images and text have different jobs

The image should make the item easy to recognise and show what is genuinely useful visually. The text should cover what the image cannot communicate reliably.

A product name alone is often not enough. A variant, size or one defining attribute may need to appear directly in the list.

Details that only matter after the user has narrowed the choice can stay on the product page. The card should support the first decision, not duplicate the entire detail page.

Mobile makes prioritisation more obvious

Small screens leave even less room for weak information choices.

Baymard describes mobile product lists as a balancing act: users need enough information to avoid unnecessary visits to irrelevant product pages, but too much content makes the list difficult to understand.

That argues for a few well-chosen attributes rather than squeezing a miniature detail page into every card.

The right card depends on the category

There is no single product-card formula that works everywhere.

A general retail list may need an image, name, price, variant and a small number of useful attributes. In a B2B catalogue, a part number, dimensions, availability or compatibility can be more useful than ratings or promotional labels.

The important thing is that the choice is deliberate and consistent.

A useful product card should do three things:

  • make the item easy to recognise
  • show enough information to judge relevance
  • make comparison with neighbouring items straightforward

The product page can explain the rest.

A product card does not need to answer every question. It needs to help the user decide which questions are worth exploring next.