3

My question is kind of related with this other one but with a big difference: the zebra striping of my table does not depend on the odd or even rows, but on the grouping of them.

enter image description here

Now, the table won't be static. New rows can be added, removed or just hidden when performing a live search/filter, for example.

The problem arises when for example, in a filter by the word house, the table will end up placing the same color groups together and hiding the rest, like this:

enter image description here

Making it impossible for the user to differenciate between one or another group of rows.

What solution would you recommend in this case? Dynamically changing the color of the rows doesn't seem like an easy solution (or even a desired one, as rows might be appearing or disappearing on every type in the search box)

4

I'd recommend getting rid of zebra striping. It's often considered chart junk more than it's considered helpful.

If you need to group rows, do it with a visual divider line:

---------------

apples       12

bananas      47

oranges      16

---------------

sausage      3

hamburger    72

---------------

ketchup      7

mustard      9

---------------

buns         3

---------------

With that solution, you can remove individual rows or even entire groupings but still retain the visible groups.

  • Chart junk... I wouldn't say so if it helps to see the groups faster. Take a look at this table compared with this other one. I personally find the one with group colors much clear. – Steve Aug 13 '15 at 8:47
  • @Steve I personally see the opposite. The colors add way too much contrast between groups. The simple lines are much less intrusive and communicate groups without getting in the way. The other problem with grouping items by color is that it adds a question: do the blue rows mean something? Are they somehow related? They're not aside from their neighbors, but it does add some additional processing for the viewer. – DA01 Aug 13 '15 at 15:21
1

You could add a simple border to the bottom of the last row in any given grouping. That way, even if the colors match between groups, there will still be a definitive marker between them.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.