UX and design patterns•Web Design

Common website patterns: Filtering

18.11.2024
BenB
m

Requirements

  1. Website
  2. Product as a custom post type (or via a plugin like Woocommerce)
  3. Product taxonomy

Description

Filtering is a way to help the user narrow down results to help find what they are looking for.

This is not only used for ecommerce – but can be applied to any list of objects that can be organised by different attributes, for example articles, or downloads.

The most important step in this process is to define the taxonomies that organise and group information. For example:

  • Brand
  • Industry
  • Colour
  • Size
  • Price range
  • Topic
  • Tag
BenB
Connect

You may also be interested in:

Sitemap Generator

A sitemap sets the foundation for how a website will communicate, organise information, and guide users through their decision-making journey. Defining this structure early helps ensure the site is logical, scalable, and aligned with how the business actually works – not just how pages are typically arranged. This prompt uses a standard B2B sitemap as […]

Creative Hypothesis

The creative hypothesis translates the client’s interview insights into a clear, practical creative brief for the designer. One of the biggest challenges in creative work is ensuring that subjective terms like “premium,” “clean,” or even “pizazz” – mean the same thing to everyone involved. This hypothesis provides a shared starting point. By grounding the direction […]

Homepage Draft generator

This prompt converts an initial website interview into a structured, strategic homepage draft. High-quality homepage content begins with a high-quality conversation. The more we explore, specific examples, decision-making rationale, approaches to delivery, and the real-world impact of the work, the more raw material the prompt has to create a homepage that feels differentiated, credible, and […]