What’s this? Here you’ll find 245 annotated “No Results Page” design examples from Baymard’s UX benchmark of 93 major e-commerce sites. (Note: this is less than 1% of the full research catalog.)
It won’t always be possible to show search results — sometimes the store doesn’t have what the user is looking for, other times the search engine isn’t fully capable of understanding what the user searched for. In these cases, it’s important to have a helpful “No Results” page that guides the user back on track. However, our usability testing reveals that 68% of e-commerce sites have a “No Results Page” implementation that is essentially a dead-end for users, offering no more than a generic set of search tips.
More ‘No Results Page’ Insights
The “No Results” page is, in other words, not a problematic page in and of itself — but its implementation is hugely important and can lead to anything from a severely harmful user experience to a highly positive one. During testing we found 8 different elements for “No Results” pages that were identified to consistently perform well during testing.
Learn More: Besides exploring the 245 “No Results” page design examples below, you may also want to read our related articles on “Search UX: 6 Essential Elements for ‘No Results’ Pages” and “Deconstructing E-Commerce Search: The 12 Query Types”.
Join 25,000+ UX professionals and get a new UX article every second week.
Join 25,000+ UX professionals and get a new UX article every second week.
© 2021 Baymard Institute US: +1 (315) 216-7151 EU: +45 3696 9567 info@baymard.com