Table sort styling needs love

[snide]

Fix sort arrows styling. Right now they're a bit unclear.

cc @uboness

[cchaos]

This is what I came up with in the Sketch libraries, but it's up for debate.

[uboness]

@cchaos that's definitely better than the current UI...

throwing it out there (have no idea how it'll end up looking... but lets try...)... what if we keep the "shadowed" sortable and also show it as a sort of a background for the current active sort... something along the line of:

not sure it works... but I guess what I'm trying to create here is more of a consistent view between the sortables columns and the currently sorted one. I think it's quite common to see this with a slightly different design (which I'm not sure fits in ours):

[snide]

Maybe something like...

I like separating the icon usage a bit so it's a bit more distinct which of them is on. Otherwise you are trying to read a mono color on a 8px area.

[uboness]

I like this one:

not too crazy about this one:

would it work to have only the arrow head here? a la:

(only properly designed :))

[snide]

Embracing @cchaos' bolds.

[cchaos]

To signify direction, I lean towards arrows. We use the carets (arrowhead) to signify dropdowns

and I see the double caret or double triangle used for select boxes

It would be nice if we could stick with the full arrows (at least for the sorted version).

[cchaos]

I got to thinking more on this, and I keep coming back to the same question.

Do we really need to signify that each column is sortable?

How often are there actually going to be columns that aren't sortable? Is it just an actions column? Is it enough to the user to just no have the mouse change on hover and not have it focusable if it can't be sorted?

I'm find that they can just start cluttering the header when you start getting a lot of them in one table. For example:

or

vs

and

[snide]

I tend to agree. I'm OK removing um as long as we have proper hover states in there for the active ones.

[uboness]

+1 on removing it now... the cleaner the better... we can always add something later if we find the need to

[cchaos]

👍

[cjcenizal]

How often are there actually going to be columns that aren't sortable? Is it just an actions column?

Good point! If all table headers are sortable then "sortable" signifiers are moot. Let's keep an eye on what engineers experience in practice to make sure it jibes with theory.