: Which colors do I use for zebra striping I currently have an on-screen table that is ~250 rows long. To make it easier to read, I've decided to go with zebra striping. From what I can gather

@Ann6370331

A List Apart has actually retested the zebra question using a better test. See here: alistapart.com/article/zebrastripingmoredataforthecase
Their general conclusion is it does help, and it doesn't hurt so why not use them.

Vote Up Vote Down

@Holmes874

To make it easier to read, I've decided to go with zebra striping


Before you make that decision, determine if it's truly needed. Often it's added when it's not needed, and then only adds to the business and can actually be a detriment.

One thing to consider might be very light horizontal dividers between each row. That's sometimes less distracting than alternating rows.

Vote Up Vote Down

@Alves566

The colour you suggest ( rgb(226, 237, 253) ) is not a bad choice but I personally try to keep the zebra striping as subtle as possible. Almost so it is imperceptible but still aids scanning. This would typically be a slight variation on whatever colour the background of the table is.

So in your case I would you go for a very pale grey such as #fafafa . I appreciate that the blue is part of the corporate brand but a pale grey on white suits any user interface. It's a subjective question really but my opinion is that using a different colour is more distracting from the content of the table than a darker or lighter shade of the same colour.

Vote Up Vote Down