Checklist
Sorting
1. How do we indicate sorting and sorting types in our UI?
2. Do we display sorting above the content list (right corner)?
3. Do we repeat sorting at the bottom of the content list (right corner)?
4. Are sorting options displayed as buttons, links, chips, or as a dropdown?
5. If we do use a dropdown, how do we implement it (native/custom dropdown)?
6. How do we design hover, :focus and active states for all options?
7. Do we include the 'Sort by' label separately from the buttons/dropdown?
8. How many sorting options do we provide (price, alphabetical, featured reviews)?
9. Do we need to provide any category-specific sorting options (volume, capacity)?
10. Do we feature the most popular filters as sort types within each category?
11. Do we use 'Relevance' or 'Featured items' as the default selection for sorting?
12. Does the default sorting reflect the diversity of all major product types?
13. How do we indicate the default selection for sorting in our UI?
14. What sorting directions do we provide? How do we indicate them?
15. Do we include sorting options within reviews (e.g., skin type, skin shade, age range)?
16. Does our wording focus on benefits? (e.g., Ratings (high to low) vs 'Highest ratings')
17. Do we suggest scope within the sorting category (faceted sorting)?
18. Can customers combine multiple sorting types (e.g., relevance and price)?
19. With multiple sorting types, can they appear as removable pills, chips, or tags?
20. How do we help users skip irrelevant items while scrolling (extra navigation)?
21. How do we calculate an 'average rating' when customers choose to sort by rating?
22. Do we account for the number of ratings to calculate best 'average ratings'?
23. Are sorting and all sorting directions accessible via the keyboard?
24. Do we update only a section, or the entire page, when a sorting type is selected?
25. Do we use a loading indicator to indicate that a section is being updated?
26. Do we support the 'Back' button as users switch between sorting types?
27. Does sorting apply automatically (yes, on a dropdown selection)?
28. Does sorting apply manually on confirmation ('Apply') (yes, for overlays)?
29. Do we allow customers to reset all sorting types quickly, at once?
30. Where do we place sorting options on mobile screens?
31. Is sorting (or sorting buttons) floating on scroll on mobile/desktop?
32. Do we persist users' sorting settings when they refresh the page?