Why Icons are Important

Jul 22, 2015 · 2 min read

Icons are everywhere; some are so powerful and universal that we instantly recognise that they represent a brand, product, or message, without the need for any words. On a smaller level, icons such as emojis can convey emotions and meaning from one person to another, and in some cases people solely use emojis in place of text to broadcast their message.

In the technology world, icons represent a large portion of how users navigate around software or websites; we all recognise the ubiquitous “print” icon in Microsoft Word, or the “reply” icon in any email client.

Research has shown that icons, when used correctly, can enhance usability, be easily remembered, and improve the design of the webpages or software being used. On the other hand, when used incorrectly, icons can cause confusion, and completely affect the navigability for the user. If an icon is unclear in its intention, then the user won’t understand what will happen when they click it!

Icons can also spark a debate in terms of their suitability and appropriateness within their wider context. The recent change in Facebook’s “people” icon, to bring the male and female icons into a more equal standing, (as opposed to the previous iteration of having the female icon in the background), is certainly a big deal, and shows that Facebook is making a conscious effort in portraying genders equally; all in the space of an icon.

It’s clear that icons are incredibly important, and also pretty easy to get wrong. So how can we use them in the best way to enhance the user experience of websites and software products, whilst maintaining a good level of comprehension?

The most vital thing to note is that icons should almost always be accompanied by a text label. Unless an icon is already universally understood, a label will be needed so that the user can easily identify what the icon does or means. Well-designed icons, in combination with text, will enhance usability and readability, and creates a meaningful link between the icons and ideas expressed in the content.

It’s also important that, when using icons, their location is kept consistent. Studies have shown that if icons keep changing position, even if the icon design remains the same, users are left confused. On the other hand, if the icon design changes, but stays in the same place, users don’t tend to notice.

As long as care and consideration is taken, icons can be a fantastic way of representing ideas into one succinct entity, as well as enhancing the design and brand of the webpage or product.

Kerensa Johnson writing for Claromentis.

Follow us on Twitter @Claromentis

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store