User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It only takes a minute to sign up.
Sign up to join this community
I have a data table that can sort/filter columns, but there are certain columns that can't be sorted or filtered. I'm trying to find the best way to indicate to users which columns they are with the least amount of steps possible. Ideally, I would like them to figure it out without having to hover over the column headers.
Here are some of my ideas:
(Note: Sortable/filterable columns have an underlined column header on rollover)
Here's an idea on how to make column A and B look sortable (buttons, pushable). Column C is in a disabled state, meaning interaction isn't possible. You really want to avoid forcing the user to have to roll over the headers to discover which ones that can be sorted and which ones that can't.
The simplest and the most intuitive way to distinguish similar elements' roles in the UI is to emphasize the active ones, and make the other ones look what they are - not clickable elements. Try to focus on emphasizing the sortable collumns' headers, and, e.g. lower contrast/opacity for the not sortable ones.
Good luck,
Greg
Why not use the down arrow ▼ that appears in the first column for the active sorted column and something like ▽ for inactive sortable columns?
