Introduction

Home

The Event Platform

Purpose & Value

Plan & Set-up

Sponsorship

Third Party Integrations

Data Analytics

Creating the Best User Experience

Main Navigation

Copy & Terminology

Content

Filter Functionality

Multi Media

Design Best Practices

Guarantee Accessibility

Colour Application

Additional

Help

Improving Filter Functionality

User Experience

Good navigation of the Event Platform relies on a clear layout and consistent use of filters. When filters and navigation patterns are predictable, it keeps things simple for users. It is important to use filters on all features with lists.

  1. Using Consistent Filters
  2. Keeping Labels Clear

1. Using Consistent Filters

Ensure filters are consistent and located in a single place to help make the experience more intuitive and reduce the time it takes for users to refine their search. This streamlined approach enhances usability and helps users find what they need quickly and efficiently.

dont filters.jpg

<aside> ❌

Don’t use multiple methods of filtering on the same page, e.g. primary filters at the top of the page, then switching to secondary filters on the left hand side of the page

</aside>

<aside> ❌

Don’t repeat labels in the navigation and the filter sections, e.g. ‘Products’ sitting in both the navigation and the filter options

✍️ See the Copy & Terminology page to learn more on this →

</aside>

rec filters.jpg

<aside> ✅

Only use the left-hand side panel to show different filters, as this is where users naturally expect to find them

</aside>


2. Keeping Labels Clear

You should clearly label the filter titles to help users quickly find what they need without confusion. This improves the overall user experience, making navigation easier and ensuring they spend less time searching and more time exploring relevant products.

dont filter labels.jpg

<aside> ❌

Don’t use similar terms to label different filters, e.g. ‘All Categories’ & ‘Main Categories’

</aside>

dont filter labels 2.jpg

<aside> ❌

Don’t duplicate labels in the navigation and the filter options, e.g. ‘Products’

</aside>

do filer labels.jpg

<aside> ✅

Ensure filter titles are clearly labelled, and arranged in order of their relevance to the user

</aside>

Back to top ↑