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.
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:
File Size (1--9)
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.
The preferred way to do this seems to be with an "up" triangle (▲) for ascending and a "down" triangle for descending (▼).
Another possiblity is to use small ascending and descending barcharts.