Saturday, February 6, 2016

icons - I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?


I want to let the user toggle a column heading to sort a grid by a date field.


How can I make the ascending/descending dichotomy intuitive?




EDIT: I was looking for date-column specific solutions.



Answer




The convention is to have an upward arrow for ascending lists and a downward arrow for descending lists. It doesn’t work. In usability testing I’ve done, users are evenly split on whether my name ends up at the top or bottom of the list no matter which arrow you show.


Part of the problem is there is just something cognitively weird about an upward arrow meaning the list increases when you go downward in the list. However, I tried left (ascending/forwards) and right (descending/backwards) arrows, and still had unacceptable performance.


The only thing I found that works is a generic alphanumeric representation of the bounds. For example:


Name (A--Z)


File Size (1--9)


Date (1--12)


I found that it’s not necessary for the bounds to reflect the true minimum and maximum values in the list.


It’s up to you if you think it’s worth the clutter. Users I talked to say they look at the items in the list to see the order, and ignore the symbols in the header. Maybe that’s good enough for your situation.


No comments:

Post a Comment

technique - How credible is wikipedia?

I understand that this question relates more to wikipedia than it does writing but... If I was going to use wikipedia for a source for a res...