Let’s just call it what it is
Call me by my name – not my icon
Say my name, say my name
Historically, icons and images were the most effective way to communicate to the masses, but times are changing. Earlier this week I was working within a CMS (which will not be named, alright, I’ll call it Voldemort), and attempting to edit text, add pictures, etc. etc. Like most text editing software there were a lot of formatting options. For this reason, icons are used in order to fit more options into one space.
However, the thing that makes icons work (at least, in a narrow scope of a certain culture), is that we use the same icons to mean the same things in all places. When you decide to make up new icons, as Voldemort did, or use the same icon to do different things (lookin’ at you, Adobe), it can be really confusing.
The fallback when icons fail is text. In Google Docs, for example, hovering over an icon will quickly display text to let you know what the icon does. In the case of Voldemort, it took upwards of three seconds to display this help text, which slowed me down quite a bit.
More and more I’m seeing a plethora of unexplained icons. In a mobile experience, when you don’t have the luxury of hovering, this can be even more confusing. I recently ran across a site that had two hamburger menus, one on each side, that opened completely different menus.
I’ll go ahead and pose this question: why icons instead of words? In the case of a text editor, or design software, I get it, there’s just too much to be done. But in the case of a complex set of menus, I’d rather just strap on my readin’ boots and know what I’m getting into before I click on all of your hamburgers and then throw my phone through a window.
Sometimes designers may opt for icons for aesthetic reasons, but it is vital to consider the user experience. Yes, a nice illustration may provide some delight, but if it comes at the expense of ease of use it may not be the way to go. As a general rule of thumb, use icons when they’re common knowledge. This might be specific to your specific user, so be careful of assumptions. When in doubt, just remember to do some user testing!
Wireframing vs. Prototyping and Everything In-Between
By:Morgan Plappert on 7/14/2020
Prototyping demonstrates ideas, and baking prototyping into your workflow can begin to shift the way you think and approach design problems as a whole.Read More »
The Internet's Bubble Wrap: Your 404 Page is More Important Than You Think
By:Morgan Plappert on 9/13/2017
Hand over that half-empty glass and let us show you a few examples of how to turn possible frustration into opportunity.Read More »