5 whole minutes about sort and filter
DESCRIPTION
In the context of the Web, what are Sort and Filter? Do designers and developers fully appreciate the difference? What about users? What are some common design patterns for Sort and Filter, and what are the advantages and disadvantages of each? Slides for an Ignite talk at the 2011 Internet User Experience Conference. October 11, 2011. Ann Arbor, Michigan, USA.TRANSCRIPT
![Page 1: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/1.jpg)
5 WHOLE MINUTES ABOUT SORT AND FILTER
IUE 2011
Danielle Cooley @dgcooley
![Page 2: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/2.jpg)
Sort, defined
to place (records) in order, as numerical or alphabetical, based on the contents of one or more keys contained in each record
![Page 3: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/3.jpg)
Like this:
![Page 4: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/4.jpg)
Filter, defined
a higher-order function that processes a data structure (typically a list) in some order to produce a new data structure containing exactly those elements of the original data structure for which a given predicate returns the boolean value true
![Page 5: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/5.jpg)
Like this:
![Page 6: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/6.jpg)
They are not the same.
=/=Sort Filter
![Page 7: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/7.jpg)
Yet many misuse the terms.
!
![Page 8: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/8.jpg)
Do users understand the difference?
Probably not.
But it doesn’t really matter.
Somehow, filter has (mostly) evolved in a user-friendly way.
![Page 9: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/9.jpg)
Sort – Link
![Page 10: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/10.jpg)
Sort – Dropdown
![Page 11: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/11.jpg)
Sort – Jigga-WHA?!
![Page 12: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/12.jpg)
Sort – Sorting by the Usual Things…
Price – high to lowPrice – low to high
NameReview/RatingPopularityBestsellersBest Match (?)
![Page 13: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/13.jpg)
Sort – Sorting by Other Things…
Bestsellers/Popularity
Greatest % off
New Arrivals
“Featured”
![Page 14: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/14.jpg)
Sort – Sorting by Specific Things…
Publication DateDimensions (all 3)
![Page 15: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/15.jpg)
Sort – What’s the Default?
Bestsellers/PopularityGreatest % offNew Arrivals
![Page 16: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/16.jpg)
Sort – Not Sorting
![Page 17: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/17.jpg)
Filter – Single-Select (link)
![Page 18: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/18.jpg)
Filter – Single-Select (dropdown)
![Page 19: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/19.jpg)
Filter – Multi-Select (checkboxes)
![Page 20: 5 Whole Minutes about Sort and Filter](https://reader036.vdocuments.site/reader036/viewer/2022062511/54c898484a795990528b45c2/html5/thumbnails/20.jpg)
Filter – Sliders