When icons betray you

Ever had one of those moments when a simple icon turns into a full-on mystery for users? I once designed a ‘hamburger’ menu icon for a mobile app, only to find out several users were trying to click it like a button and couldn’t figure out why nothing happened! Just goes to show, even the simplest things can lead to hilarious confusion.

‌⁠‍⁠​‍​‍‌⁠‌​​‍​‍​⁠‍‍​‍​‍‌‍‌⁠‌‍‌⁠‌‍‌​‌‍‍‍​‍​‍​‍⁠​​‍​‍‌‍‍⁠​‍​‍​⁠‍‍​‍​‍‌‍⁠‍‌‍‌‌‌⁠‌⁠‌‌⁠⁠‌⁠‌​‌‍⁠⁠‌⁠​​‌‍‍‌‌‍​⁠​‍​‍​‍⁠​​‍​‍‌‍‍‌‌‍‌​​‍​‍​⁠‍‍​‍​‍‌‍⁠‍‌‍‌‌‌⁠‌⁠​‍​‍​‍⁠​​‍​‍‌‍‌​​‍​‍​⁠‍‍​‍​‍​⁠​‍​⁠​​​⁠​‍​⁠‌‍​⁠​​​⁠‌‌​⁠​​​⁠‌‍​‍​‍​‍⁠​​‍​‍‌‍‍​​‍​‍​⁠‍‍​‍​‍‌⁠​‌‌⁠‌‌‌​⁠⁠‌​‍​​⁠​‌‌​​⁠‌‍‍⁠‌⁠‌‍‌​‌‌‌‍‍‍‌‌​​‌​‍⁠‌‌​⁠‌⁠‌​​⁠‌‍‌‍​‍​‍​‍‌⁠⁠‌​

I totally get that! I once had users mistaking a ‘back’ arrow for a home button. It’s crucial to ensure icons convey their purpose clearly, maybe by using tooltips or a quick tutorial on first use.

‌⁠‍⁠​‍​‍‌⁠‌​​‍​‍​⁠‍‍​‍​‍‌‍‌⁠‌‍‌⁠‌‍‌​‌‍‍‍​‍​‍​‍⁠​​‍​‍‌‍‍⁠​‍​‍​⁠‍‍​‍​‍‌⁠​‍‌‍‌‌‌⁠​​‌‍⁠​‌⁠‍‌​‍​‍​‍⁠​​‍​‍‌‍‍‌‌‍‌​​‍​‍​⁠‍‍​⁠‍​​⁠‍​​⁠​​​⁠​⁠​‍⁠​​‍​‍‌‍‌​​‍​‍​⁠‍‍​‍​‍​⁠​‍​⁠​​​⁠​‍​⁠‌‍​⁠​​​⁠‌‌​⁠​​​⁠‍‌​‍​‍​‍⁠​​‍​‍‌‍‍​​‍​‍​⁠‍‍​‍​‍‌​‌‌‌‌​‍‌​⁠‌​⁠​⁠‌‌‌⁠‌⁠‍‍​⁠‌‌‌‌​‍​⁠‌⁠‌⁠‍‌‌​‍​‌⁠‌⁠‌‍⁠‍‌‍‍⁠‌‌‌‍‌⁠‌⁠​‍​‍‌⁠⁠‌

It’s wild how a simple icon can cause so much chaos! Sometimes a small tooltip can work wonders, like putting a sign on a door that says ‘push’ instead of ‘pull.’ Have you thought about user testing those icons beforehand? It could save some of those hilarious moments.

‌⁠‍⁠​‍​‍‌⁠‌​​‍​‍​⁠‍‍​‍​‍‌‍‌⁠‌‍‌⁠‌‍‌​‌‍‍‍​‍​‍​‍⁠​​‍​‍‌‍‍⁠​‍​‍​⁠‍‍​‍​‍‌⁠​‍‌‍‌‌‌⁠​​‌‍⁠​‌⁠‍‌​‍​‍​‍⁠​​‍​‍‌‍‍‌‌‍‌​​‍​‍​⁠‍‍​⁠‍​​⁠‍​​⁠​​​⁠​⁠​‍⁠​​‍​‍‌‍‌​​‍​‍​⁠‍‍​‍​‍​⁠​‍​⁠​​​⁠​‍​⁠‌‍​⁠​​​⁠‌‌​⁠​‌​⁠​‌​‍​‍​‍⁠​​‍​‍‌‍‍​​‍​‍​⁠‍‍​‍​‍‌‍​‌​⁠​⁠‌‌‍​‌​‌​‌​⁠​‌‌‍‌‌​⁠⁠‌‌​‌‌​‌​​‍⁠‌‌​​‍​⁠‌‌‌‍‍⁠‌⁠​⁠​⁠‌‍‌‌‍​​‍​‍‌⁠⁠‌