Cufon-custom font on the site
Cufon-non-standard font on the site. Sooner or later, when developing a layout, there is a need to use non-standard fonts on the site. For example, the customer wants the site…

Continue reading →

52 web design tools that will improve your performance in 2020 (p2)
23. Canva Canva is a popular tool for quickly creating images and infographics for social networks Do you want to quickly and easily create infographics for social networks? Then Lawrence…

Continue reading →

52 web design tools that will improve your performance in 2020 (p1)
Now there are a lot of great tools for web design. Regardless of what task you are trying to solve, most likely, a certain tool has already been developed for…

Continue reading →

Why cancel buttons should be colorless

What exactly does the Cancel button do? It returns the user to the previous screen. For users, Cancel is a means of protection against unwanted changes in the system. To make users feel safe, the “Cancel” button should mean a retreat to reliability, not a call to action.

This is why the “Cancel” buttons should be colorless.

Neutral color for a neutral button
The color on the buttons indicates a call to action. Cancel is not a call to action, because there are no changes in the system after you click it. This is why you should not highlight it with color. Otherwise, you give users a false impression.

Users on the subconscious should feel that “Cancellation” is their quiet Bay in the sea of system changes.
Cancel is not an action
A neutral color indicates a neutral button that does not call for any action. When users notice that the “Cancel” button doesn’t have a color, they are more likely to recognize it as a fallback option. This is important for people who mistakenly activate the confirmation screen and want to return everything as it was.

When each button on the screen has a color, they “compete” for the user’s attention. This makes users think about each action for longer. The neutral color undo button allows them to make a decision faster. Those who want to perform an action will not be distracted by the “Cancel” button.

From the “abolition” of many names
Not all cancel buttons are called “Cancel”, but the principle of their operation is identical. Returning to the previous screen can be called “Not now”, “No thanks”, “Maybe later”, or “skip” depending on the context.

If your button – whatever it’s called-implies canceling from any action, you should consider it a “Cancel” button. It performs the same function.

Read also: Mobile UX: where to place call buttons to boost conversion

The user understands how to avoid choosing an action
The more buttons on the screen, the more important it is to make a clear departure from the choice. Look at the example above. In the screenshot on the left, you have to read all the options to understand. On the right, you don’t even need to read.

Dark enough grey
When using gray on the button, it is important to make this color dark enough. Otherwise, the button may look disabled. Contrast can be easily checked using tools like Contrast Checker.
Light (illegible) gray and dark gray (clearly visible)
Make your button neutral
In most cases, when users activate the confirmation screen, they are ready to take action. But if it happened accidentally, or the user just changed his mind, the “Cancel” button should be his salvation.

The colored Cancel button sends the wrong signal. It confuses users, forcing them to consider it another call to action. Make your button neutral so that the user has more control and freedom when using your app.

” There is a little rotten finger everywhere": Yevgeny Kudryavchenko on what the selling site should be like
As soon as marketers began to directly influence what happens to the brand's website that they promote, the real chaos began. In their attempts to attract more users, increase conversion,…

...

Web designers created the worst UI in history
Web design has come a long way over the years, but that doesn't mean it's perfect. We are constantly writing about how to make the UI better, how to fix…

...

Nordic UX: how minimalism looks Scandinavian
Scandinavia has never been known for luxurious forms. The same sentence is true when it comes to UX – the basis of everything is minimalism. Minimalism is a "calming" solution…

...

What do I need to know when ordering a site to avoid overpaying?
I will explain on the example of a banal plastic window. The window is simple and clear to everyone, although the prices for different Windows of the same size are…

...