I just got approached with an app that has 3 screens, that almost do the same and have very similar content. So, we want to avoid someone entering into screen A when was supposed to be on screen B. The challenge is just that these screens look so similar.

So, currently, one screen is totally green, the other totally red and the 3rd is blue. It's an aesthetic nightmare.

What other tools do we have at hand that we can use to clearly communicate to the user that s/he is on the correct of those screens?

  • 1
    Color is not the only visual contrast, there are several ways to show the differences between screens. Any mockup to share?
    – Danielillo
    Jan 27 at 14:44
  • Instead of making whole screen colored, make heading with different color.
    – Moksh
    Jan 27 at 18:47

2 Answers 2


If these three screens almost do the same and have very similar content I would argue that they need to be united into a single screen with a control that highlights the difference and forces the user to make an explicit decision, like a button or an accordion or even a set of tabs (although that's probably the least favorable option because one of the tabs is selected by default).

enter image description here


Consider using a combination of banner-backgrounds (or even just trim elements) which are colored differently, plus a visual element such as a graphic icon that represents the differentiated purpose accompanying the most prominent visual indicator (i.e. header).

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.