We had to find a balance so that the buttons and bars would look perfect in different conditions. It was difficult, but we redesigned the interface to improve the dark theme. Veronica, UI designer at Compass For example, during testing, we decided to make the button background brighter. Such nuances are of great importance in the perception of the dark theme.
They increase the comfort of
The interface for the eyes, which is important to consider for both applications and websites. It is important to place accents correctly, for example, highlighting slovenia phone number library buttons more brightly. This will make it easier for users to navigate the application when using a dark theme. The same testing was done for Android. Android phones have different color rendering, so it was important to change the interface, and not make a copy of the iOS version.
Designers took into account not only
The version of the devices, but also the screen matrices, so that people could use the dark theme on any gadgets. IPS and OLED displays differ in backlight the world academy of sciences celebrates its 40th year technology, so interface elements are displayed differently on them. During the tests, it was noticed that when scrolling on OLED displays, a number of elements “shake”. The reasons why the dark theme did not work correctly were related to the features of the matrix itself. To fix such problems, the designers reduced the contrast of certain elements.
Thanks to testing, we were able to select
The ideal parameters for displaying the background and ws data content: 1. In order not to make the text of the messages too contrasting, to 70%. But after testing, they realized that the text was not very visible. Therefore, the indicator was increased to 85%. 2. Initially, we were going to make usernames less bright. But after testing, we realized that 100% brightness was needed. And this value still won’t make your eyes tired. 3. For the text in the side menu, we left the parameters that we initially chose. Chat or function names – 70%, secondary text – 30%. This will make the interface easier to perceive.