In poor lighting conditions, this mode can ruce eye strain. The corporate messenger Compass got a dark theme in 2024. In this article, we share our experience of how our team develop the new design. Step 1: Create a color profile A large team was involv in creating the dark theme: head of the company; Head of Design Department; project manager and product manager; UI and UX designers; desktop and mobile engineers; Product testing department.
Together, we search for new ideas
Test layouts, and improv the dark theme for different devices. The team chose a difficult path: the dark mode was creat from scratch. The easiest way is to russia phone number library invert the entire interface from dark to light. This way, you almost don’t have to do anything. Or take the Apple or Google guidelines as a basis. But each of these options has its drawbacks. If you turn on the inversion, the colors can become very contrasting.
The guidelines can mainly be us as an example
But you shouldn’t blindly follow them. To create a dark theme, you ne to rely on the product’s features. What’s important is not the rules and settings set cms chat: drupal’s new take on usability by someone, but a good result. Roman Morozov, Head of Design Department, Compass Head of Design working on the new design First of all, Roman began to select a color profile for the new design. To do this, in addition to collecting information, it was necessary to conduct A/B testing and analyze the results. The JTBD method was us to develop the dark design.
It helps to understand what the value
The product is for people. The team analyz in which cases users of the corporate messenger use the dark theme. This allow them to determine how exactly to build the interface of the new mode. Using the JTBD method, Roman develop the first versions of the ws data interface. Then the team identifi 5 key points that affect the final result : 1. Establish depth rules All elements in the application have their own level, the so-call “depth”. and focus the user’s attention on certain elements. In light mode, shadows are us for this. When creating a dark theme, it is more difficult to achieve a sense of depth.