skip to primary navigation skip to content

Clari-Fi

Clari-Fi uses blurring to simulate the challenges of viewing small icons, images and text on mobile screens

 

Live demo for e-commerce images

This page can apply a calibrated level of Gaussian blurring to your e-commerce image, which you can upload using the button provided below. This enables you to evaluate the visual clarity (i.e. perceptibility) of the following messages in the image: ‘Who is the brand?’, ‘What is it?’, ‘Which variety is it?’ and ‘HoW much of it is there?’ (The 4Ws).

Clari-Fi speeds up the process of optimising e-commerce images for mobile search result pages, because it enables the visual clarity of the 4Ws to be evaluated on a large screen device, and uses blurring to simulate the challenges of viewing these messages within a small thumbnail image.

Once you have uploaded your image, 'zoom in' on the blurred version of it, and evaluate whether the 4Ws remain perceptible, quickly and with certainty, despite the applied blurring. This evaluation should be performed by someone whose knowledge of the brand portfolio is similar to the shoppers, and not the person who designed the image.

This tool applies a level of blurring that corresponds to Clari-Fi’s Check Level AA. This level of blurring has been calibrated to a thumbnail size of 16 x 16 mm, which is typical for a mobile search results page.

If the 4Ws remain perceptible in the blurred version of your image, then the percentage of people who might have difficulty perceiving these messages is in the range 0-52%*.

When designing e-commerce images for mobile search results pages, this can be considered a minimally acceptable level of visual clarity+.

See the Worked example for more detail on the different Clari-Fi Check Levels.



* Population percentages refer to people who might have difficulty because of visual acuity issues. Some people may have difficulty perceiving these details for other reasons, especially colourblindness.

+ 0-52% of the population having difficulty wouldn’t normally be considered a minimally acceptable level. However, designing for e-commerce images for mobile search results pages is an extreme challenge, and many e-commerce images would be improved if they could at least reach this level of visual clarity.

Feedback

We would welcome your feedback on this page:

Your name:


Your email:


I would like to receive the Inclusive Design Toolkit news bulletin. This bulletin showcases people’s achievements with inclusive design tools, and highlights new tools. It comes out once or twice a year.

I would be interested in contributing to the Inclusive Design Toolkit news bulletin.

I would like a FREE activation code for the Inclusive Design Toolkit's impairment simulator software.

Your comments:


Please leave this field blank (it's a spam trap):
Submit feedback

Privacy policy. If your feedback comments warrant follow-up communication, we will send you an email using the details you have provided. Feedback comments are anonymized and then stored on our file server. If you select the option to receive or contribute to the news bulletin, we will store your name and email address on our file server for the purposes of managing your subscription. You can unsubscribe and have your details deleted at any time, by using our Unsubscribe form. If you select the option to receive an activation code, we will store your name and email address on our fileserver indefinitely. This information will only be used to contact you for the specific purpose that you have indicated; it will not be shared. We use this personal information with your consent, which you can withdraw at any time.

Read more about how we use your personal data. Any e-mails that are sent or received are stored on our mail server for up to 24 months.