If the dark theme or its individual elements turned out poorly, the prototype was redesigned. And so they worked until the moment when the application screens began to look perfect in any room and in any lighting. 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 new zealand phone number library theme. They increase the comfort of the interface for the eyes, and websites. It is important to place accents correctly, for example, highlighting 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 concept of old-fashionness has 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 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 ws data select the ideal parameters for displaying the background and content: 1. In order not to make the text of the messages too contrasting, the designers initially set the opacity of the white color 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.