Clarity Score Beta testingNovember 11, 2019 at 4:48pm (Edited 5 months ago)
Hello Designers of the world 👩🎨👨🏼🎨
Our next feature is soon to come alive. We want to help you design beautiful, accessible and efficient user interfaces through continuous feedback that's why we are releasing soon the Clarity Score 🎉
The Clarity Score is an instant design metric evaluating how clean and uncluttered is your design. Our evaluation is based on large-scale studies with thousands of human raters across the globe. It represents how a large group of users would judge the clarity of your visual design.
If you want to participate in our Beta user list and have access to this technology for free and before anyone else, feel free to complete this form. It is just 2 questions long, your name and your email!
How Clarity Score is working
To use clarity you will need our updated plugin. We will hand them to you with instruction on how to use it and how to interpret the results.
The Clarity Score would evaluate your design with a score from 1 to 100. The higher this number, the more clean, uncluttered and aesthetically pleasant your design is.
Below you can see two examples, how the left is scoring 0 out of 100 meaning that the site is almost completely cluttered. For anyone curious the afforementioned website is Arngren.net . But the design on the right is scoring 76 out of 100. A pretty high score for landing pages that have multiple CTAs
Clarity Maps are showing us which areas of our design have a negative or a positive contribution to the Clarity Score. Areas highlighted in red are contributing to clutter. If you want to improve clarity on a specific design, this map will help you pinpoint which content could be removed or modified to generate some quick wins.
Some tips for increasing clarity score and decrease clutter while testing:
- Reduce or change font/size/contrast of text
- Use some images. Human perception of clutter is much more forgiving of imagery than of text
- Increase the amount of padding or whitespace around content
- Organise your page into easily distinguishable content blocks with usable visual hierarchy