Friendly Describe Unfamiliar Icons and Graphics
What to Improve?
Clickable icons on your site should be accompanied by descriptive text or tooltips
Good & Bad Showcase
The Good: Google uses the hover functionality properly, so when I placed the mouse over the small icon I could see a nice tooltip and I quickly got the idea of what will happen on click:
Google Analytics Tootips
The bad: On Twitter on the other hand, I was not able to find out what one small icon meant (the small arrow). I was and still am, clueless – I decided not to click as long as it didn’t mention what will happen if I did. They just made me think too much and I got upset after 3 seconds :)
What is that buttons supposed to do on Twitter
How to Improve This
Here are 3 methods I could think on the spot:
- You can follow Google’s example of displaying information at mouse over (I prefer this one, since will not take too much space on your web page)
- Display a small text below/above the icon
- Have a legend on the site/bottom of the site describing the meaning of the site
Pitstop Media offers ROI based internet marketing services such as landing page testing services and conversion rate optimization services. Our A/B and multivariate tests have helped companies increase conversion rates by as much as 75%. Let us increase your conversion rates, too!
Rate this post!
