User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Can I use alternate colors for rows using Metro design guidelines?

And if I've multiple ListBox in the same view which is the suggestion?

Can I use alternate colors (the same for each control)? I see that this creates a bit of confusion.


Here the sketch. The mockup.

share|improve this question
up vote 5 down vote accepted

Design guideline shouldn't be a barrier for some usability improvements. Guideline is universal document while each case could have its own features.

For easy reading of separate rows (in tables etc) one should be able to distinguish them. So, be sure, whether reading is hard. Then use some techniques to distinguish them. It could be not only alternating colors, but supporting lines, too. In any case, it should be just enough to distinguish, not to cry out of it.

enter image description here

share|improve this answer
ok, so I can use the alternate rows in all controls in the view? – Matteo Migliore Jul 25 '13 at 11:20
It will be consistent to use same technique for all the controls. But also try less prominent (but still usable) supporting lines instead of zebra colors. – Alexey Kolchenko Jul 25 '13 at 11:39

The Dark Horse Analytics blog has the best explanation on how to make tables more visually appealing by actually removing the distracting visual elements from them:

If you look at the blog you'll see that they advise against the 'zebra stripes' approach, which in my experience causes other design problems due to the alternating nature of colours. You should be able to convert any alternate colour row tables to ones without using them if you think more carefully about the use of styling in your tables. It actually makes the design more flexible and adaptable.

Just to provide a balanced argument, here is another article that does some testing on different strategies for table designs:

The only issue I have with this article is that it doesn't compare plain table styling to the optimized table styling like what the Darkhorse Analytics people suggested, so you can't really compare the results.

share|improve this answer
I loved the article! Thanks :) – Matteo Migliore Jun 3 '14 at 19:51
Not all of the suggestions will necessarily be applicable, but I think you'll find at least a number of changes that you can make to improve the clarity and cleanness in the presentation of information. Also, I think you will find it easier to do this for web applications compared to desktop because there is more space and flexibility in the design, but I would be interested to see how it works out for you. – Michael Lai Jun 12 '14 at 4:53

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

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