Search Box
- The search box, search bar, and search field is a single-line text box or search icon to help people find what they are looking for.
- Position of the search box is important- Usually the search box in the header of the website
- The search box could immediately show a drop-down of products based on the item search
Filters
- While entering a search term and selecting a category, then the customer can filter out their selection using filters.
- The user must be able to filter results using the parameters on the page
- Must be able to filter by colour, price, and size. brand
- A proper validation message must be displayed for invalid filter search
Sort function
Users must be able to sort results by
- Best selling
- Relevance
- Price, Low to High
- Price, High to Low
- Name asc/ desc
- Release Date ASC/desc
Facet options
- Help users quickly to refine their options without losing their way and ending up scrolling through pages when they are in search of something very specific.
- Users must be able to refine results by
- Colour (icons, swatches)
- Price (Slider)
- Size (X-Small, Small, Medium, Large, X-Large)
- Brand (Multiple Selec
Breadcrumb trail
- Breadcrumb shows a user’s location on a site.
- Breadcrumb help the users for finding answers to the following questions
- Where am I?
- Where can I go?
- Should I go there?
Infinite scrolling
- It is a technique continuously as the customer scrolls down the page, eliminating the need for pagination
- A search results/category page with more results than can fit on the first page by default and how further results are loaded below the default results (without the need to click a pagination link to load the next page).
The single match goes to PDP
- If a keyword search returns just one result, the customer should be redirected to that product detail page (to save them a click).
Product Information
- The search result must show the following information that the users may want to know before making a purchase
- Name
- SKU
- Image
- Price
- Quick View link
- Stock level (In/Out of stock)
- Review Ratings
Product Badge icons
- It’s a way to highlight some products. Highlight the products as a Best seller or special offer or to highlight the new products.
- Number of products per page
- Nothing Found(No Result)