PURPOSE
The purpose of this software is to show you a predictive conversion rate on any visual design.
Overview
- Upload an Image
- Analyze Users Attention
Credentials
-
AttentionInsight
URL: https://app.attentioninsight.com/auth/signin
USERNAME: operations@blackstormdesign.com
PASSWORD: pattuh-6wyctI-sedhih
Create a study
- On the top right choose a green button + Create.
- Enter a Study name.
- Upload images that you want to test (max 30 per 1 study) or scrap image from the web page by entering its URL.
- Select your Design type: Desktop / General / Mobile.
- Select your Web page type: Landing / E-commerce / News /Other.
- On the top right choose Analyze. That’s it, your study has been created!
In 1 minute you will get a visual representation of how user’s attention distributed in design.
- Heatmaps shows which objects the user will notice first. Warm colors (red and yellow) represents which areas attract the most attention.
- Clarity score describes how clear your design is: whether it is overloaded with elements, conflicting colors or it is clean and clear. 100% indicates maximum clean design.
- Alexa Sites Rank compares your design clarity with your industry standard. It shows where your design ranks compared with TOP 170 Alexa sites in a certain category.
- Percentage Of Attention: you can mark Areas Of Interest (AOI) (i.e. title, description, button) and AI calculates Percentage Of Attention that a particular object received. It lets you to evaluate the performance of different objects you want to draw user attention to.
The algorithm automatically recognizes CTA buttons. In addition, to test other objects (logo, title, etc.), you need to draw AOI by dragging a rectangles on the image. Once you draw a rectangle, press Add. Also, you can name it. The percentage of attention that a particular object received is calculated instantly.
Above all, you can analyse the results online or download it (on the top right choose a green button Download Study). You will be able to reach all your created studies anytime, anywhere – just login into your account.
Improve your design & do A/B testing
After you identify visual attention errors, make small changes to your design. The beauty is that it doesn’t have to be a big change. Sometimes it’s as easy as increasing the size of the most important text, changing the background picture or the colour of the website elements.
Let’s say a CTA button of your website is not standing out.
- Make some changes.
- Add a new version of design to the same study. On the top left choose a blue button Add/Remove Images.
- Compare the performance of two different designs.
In the example below, after changing CTA button placement, attention to CTA has increased 3%.
To sum up, Attention Insight study lets you identify visual attention errors get insights on user’s attention shifts and make data-based improvements to your visual content. Within minutes you are able to see design through the eyes of users.