Post by account_disabled on Nov 29, 2023 6:06:00 GMT
Today, Flat Design is considered a website design trend that many people are using, partly because of its beauty. and its simplicity But behind the simplicity there are disadvantages. Which today we will tell you about. What does this article have? Show Nielsen Norman Group's Flat Design Usability Experiment Ms. Kate Meyer is a User Experience expert at NN/g, a UX consultant that I believe people in the industry must have heard of. We took 9 websites from 6 business groups and tried to make them into two versions: a website that doesn't use Flat Design at all and a website that uses Flat Design entirely. Example images of the website that were edited – (left) normal buttons, not using Flat Design, (right) Flat Design buttons Then they had 29 users try using a website with the Eyetracker program to detect their eye movements. To see how the use of the two websites is different.
For anyone interested in watching the video. He summarized it briefly in 5 minutes. You can view it here: Flat Phone Number List UI Elements Lack Clickability Clues and Cause Confusion What do the NN/g results tell us? The Nielsen Norman Group found that: Most users spent 22% more time with the version with Flat Design buttons. Most users need to look at 25% more elements on a page before deciding to click. In the version that uses Flat Design buttons Users found non-Flat Design buttons 70% easier than Flat Design buttons (with statistical significance or p-value < 0.005). Heatmap data from the Eyetracker program that detects how people look at different parts of the screen. The darker the color, the more people are viewing that part. We can clearly see that Flat Design makes it difficult for users to find buttons.
Heatmap comparison picture – (left) websites that do not use Flat Design (right) websites that use Flat Design If you want to see comparison pictures of other websites, you can see them from the Nielsen Normal Group website . Results of this experiment This doesn't mean that we have to go back from the Flat Design era to use Skeumorphic in any way. Many websites have already used Flat Design as part of their Brand Identity . To change it all would take too much power. Kate has suggested a method. Solve Flat Design problems with 5 simple steps that can be applied starting today. 5 solutions to make Flat Design easy to use How to make Flat Design usable again is not difficult at all. The core principles are the same for Flat Design 2.0 , that is: 1) Make clickable sections the same throughout the website. In order not to confuse users Clickable sections such as buttons, tabs, and sliders must be decorated to look the same, for example, bright orange may be used in clickable sections.
For anyone interested in watching the video. He summarized it briefly in 5 minutes. You can view it here: Flat Phone Number List UI Elements Lack Clickability Clues and Cause Confusion What do the NN/g results tell us? The Nielsen Norman Group found that: Most users spent 22% more time with the version with Flat Design buttons. Most users need to look at 25% more elements on a page before deciding to click. In the version that uses Flat Design buttons Users found non-Flat Design buttons 70% easier than Flat Design buttons (with statistical significance or p-value < 0.005). Heatmap data from the Eyetracker program that detects how people look at different parts of the screen. The darker the color, the more people are viewing that part. We can clearly see that Flat Design makes it difficult for users to find buttons.
Heatmap comparison picture – (left) websites that do not use Flat Design (right) websites that use Flat Design If you want to see comparison pictures of other websites, you can see them from the Nielsen Normal Group website . Results of this experiment This doesn't mean that we have to go back from the Flat Design era to use Skeumorphic in any way. Many websites have already used Flat Design as part of their Brand Identity . To change it all would take too much power. Kate has suggested a method. Solve Flat Design problems with 5 simple steps that can be applied starting today. 5 solutions to make Flat Design easy to use How to make Flat Design usable again is not difficult at all. The core principles are the same for Flat Design 2.0 , that is: 1) Make clickable sections the same throughout the website. In order not to confuse users Clickable sections such as buttons, tabs, and sliders must be decorated to look the same, for example, bright orange may be used in clickable sections.