How can it help my CRO?
A simple strategy that can help to improve your conversions is improving the visual hierarchy in your design.
Whenever users open your page, they will immediately have several questions that they expect your page to answer:
- Does this page have what I look for?
- Where is it?
- How do I get it?
Also, these questions can be:
- What is this page about?
- Why should I care?
- Where should I go next?
Make sure that your page answers these questions that your user has in mind. Also, you need to make sure that these answers are answered in the right order and that the user’s attention flow is smooth and uninterrupted.
You can check how your page is doing regarding visual hierarchy by determining the visibility of your most important design elements:
- Identify what the essential elements in your design are.
- Determine the hierarchy between them. Which of them should be seen first, which second, etc.
- Draw Areas of Interest over those design elements.
- Evaluate their Percentages of Attention. Does the most important element get the most attention, and the least important gets the least?
If a user’s attention is distributed between these elements not as you would like it to be, consider making some changes. You can try tweaking the font size, contrast, color, or placement of your design element to make it stand out more. Also, you can try experimenting with the amount of white space around that element or making it the focal point of your design.
For more tips on analyzing and improving your design by using our features, check out our Percentage of Attention 101 guide.