Color Search Engine Update
According to the three-click rule, the best number of clicks to search for products on a website is no more than three mouse clicks. Therefore, the Convermax team decided to take the color search up a notch and make it more convenient for customers. With the new UI, it’s easier to tune the search results you want and find products with the right colors fast.
How did it work before?
When a user chose more than one color, the percentage of colors broke, so they had to sum it up to 100%. For this reason, if a customer moved the slider to 100% pink, the other colors went to zero. All the products the user could see in the search results contained this color only.
When there were more than two chosen colors, it was hard for the user to balance between them and put, say, 15% yellow, 30% grey, and 55% pink. We suppose that a few customers know the exact percentage they want colors to mix.
What we changed
The Convermax search engine no longer forces colors to sum up. Users can choose several colors and move sliders up to 100%, and the search will return products in solid colors. This allows customers to search for 100% pink or 100% grey products at the same time. We also removed the “%” symbol from the sliders to make the UI cleaner. We don’t think that users care that much about the exact percentage of color—whether it is 19% or 21%, the percentage does not matter, as it has very little impact on the search results.
Also, the chosen colors are now marked with the “✓” symbol, which makes it’s easier for the user to notice what they already ticked. Color swatches not only refine UX but also improve conversion rates. It let customers find their desired products with considerably fewer clicks.
And could you notice something is wrong at this picture?
While updating the color search, we noticed that to the human eye, the space between color swatches seemed different, even though definitions were equal. The interval between the peacock and purple colors seems vast, and on the contrary, it looks like a divider between grey and beige is very thing. We fixed this funny optical illusion.
To read more on how Convermax Color Search works, click here.