5 Whole Minutes About Sort and Filter<br />Danielle Cooley                                  @dgcooley<br />IUE 2011<br />
Sort, defined<br />to place (records) in order, as numerical or alphabetical, based on the contents of one or more keys co...
Like this:<br />
Filter, defined<br />a higher-order function that processes a data structure (typically a list) in some order to produce a...
Like this:<br />
They are not the same.<br />=/=<br />Sort<br />Filter<br />
Yet many misuse the terms.<br />!<br />
Do users understand the difference?<br />Probably not.<br />But it doesn’t really matter.<br />Somehow, filter has (mostly...
Sort – Link<br />
Sort – Dropdown<br />
Sort – Jigga-WHA?!<br />
Sort – Sorting by the Usual Things…<br />Price – high to low<br />Price – low to high<br />Name<br />Review/Rating<br />Po...
Sort – Sorting by Other Things…<br />Bestsellers/Popularity<br />Greatest % off<br />New Arrivals<br />“Featured”<br />
Sort – Sorting by Specific Things…<br />Publication Date<br />Dimensions (all 3)<br />
Sort – What’s the Default?<br />Bestsellers/Popularity<br />Greatest % off<br />New Arrivals<br />
Sort – Not Sorting<br />
Filter – Single-Select (link)<br />
Filter – Single-Select (dropdown)<br />
Filter – Multi-Select (checkboxes)<br />
Filter – Sliders<br />
Upcoming SlideShare
Loading in …5
×

5 Whole Minutes about Sort and Filter

2,826 views

Published on

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.

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,826
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
16
Comments
0
Likes
2
Embeds 0
No embeds

No notes for slide

5 Whole Minutes about Sort and Filter

  1. 1. 5 Whole Minutes About Sort and Filter<br />Danielle Cooley @dgcooley<br />IUE 2011<br />
  2. 2. Sort, defined<br />to place (records) in order, as numerical or alphabetical, based on the contents of one or more keys contained in each record<br />
  3. 3. Like this:<br />
  4. 4. Filter, defined<br />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<br />
  5. 5. Like this:<br />
  6. 6. They are not the same.<br />=/=<br />Sort<br />Filter<br />
  7. 7. Yet many misuse the terms.<br />!<br />
  8. 8. Do users understand the difference?<br />Probably not.<br />But it doesn’t really matter.<br />Somehow, filter has (mostly) evolved in a user-friendly way.<br />
  9. 9. Sort – Link<br />
  10. 10. Sort – Dropdown<br />
  11. 11. Sort – Jigga-WHA?!<br />
  12. 12. Sort – Sorting by the Usual Things…<br />Price – high to low<br />Price – low to high<br />Name<br />Review/Rating<br />Popularity<br />Bestsellers<br />Best Match (?)<br />
  13. 13. Sort – Sorting by Other Things…<br />Bestsellers/Popularity<br />Greatest % off<br />New Arrivals<br />“Featured”<br />
  14. 14. Sort – Sorting by Specific Things…<br />Publication Date<br />Dimensions (all 3)<br />
  15. 15. Sort – What’s the Default?<br />Bestsellers/Popularity<br />Greatest % off<br />New Arrivals<br />
  16. 16. Sort – Not Sorting<br />
  17. 17. Filter – Single-Select (link)<br />
  18. 18. Filter – Single-Select (dropdown)<br />
  19. 19. Filter – Multi-Select (checkboxes)<br />
  20. 20. Filter – Sliders<br />

×