Contact

Product listing pages: filters people actually use

UX

Product listing page UX lives or dies on filtering. A good filter set lets someone go from two hundred products to the six worth looking at in a few taps. A bad one shows every attribute in the database and leaves them to work it out.

The difference is rarely the number of options. It is whether the options match how people think about the category.

Filters should follow the category#

Size and price apply almost everywhere. Beyond that, each category raises its own questions. Running shoes are chosen by cushioning, drop and surface. Sarees by fabric, occasion and weave. A single global filter list cannot serve both.

A practical starting set#

  • Size and availability, combined so people only see what they can buy
  • Price, as ranges rather than a slider on mobile
  • Two or three attributes specific to the category
  • Brand, lower in the list for most shoppers

Show the consequences#

Every filter option should show how many products it will return. Nobody wants to tap a filter and land on an empty page. Disable or hide options that would return nothing in the current selection.

Make mobile filtering fast#

On a phone, filters usually live in a sheet. Keep the sheet's apply button fixed at the bottom with the live result count, so people can adjust and see the effect without scrolling. Show applied filters as removable chips above the results.

The best filter is the one people don't have to think about.

Learn from what people do#

Search terms and filter usage tell you what people are actually looking for. If a common search has no matching filter, add one. If a filter is never touched, remove it and give the space back to products.

Sorting is a filter too#

Default sorting quietly decides what most people see first. Relevance or newest usually beats price, and a featured order should reflect what genuinely sells, not what needs clearing.

thumb

Designing for the thumb: mobile navigation that holds up

UX

Most phone use is one-handed. Navigation that respects the reach of a thumb feels effortless; navigation that ignores it feels like work.

Writing interface copy that people don't notice

UX

The best interface copy disappears. People read it, act on it and move on, without ever thinking about the words.

Accessibility is a design skill

UX

Accessibility is often treated as a compliance checklist at the end of a project. Built in from the start, it makes design better for everyone.

Ecommerce

Movement-first commerce: shopping by activity, not SKU

E-commerce

Most stores are organised the way the warehouse is. Organising around what people actually do changes how they browse, compare and choose.