Update (3/21/12): Google now offers a setting to change Gmail’s buttons to a text label. Icon buttons are still the Gmail default, but this is a welcome change for anyone who feels that the icons slow their flow down.
Recently, Google released an updated Gmail look which affected the interface pretty drastically. My gut reaction to the change was not good. People tend to be fairly averse to sudden, dramatic change and it’s very easy to have a knee-jerk reaction of “I hate this” whenever something you’re familiar with changes. With that in mind, I decided to use the new design for awhile before I gave up and ruled it a disaster. Sure enough, I’ve grown to appreciate many of the choices the Gmail team made and have found some of the changes to be quite an improvement.
There is one facet of the new design, however, that I cannot get past. Whenever I view an email, I am presented with these controls at the top of each message:
Gmail’s new message toolbar
Can you tell me with certainty what each of those buttons will do to the message? I can’t and I have to stop and think about what these icons mean every time I try to do something. Icons that aren’t instantly and naturally understood slow me down — and getting slowed down for no good reason makes me cranky.
In my opinion, these new button styles are a giant step back from the previous version of Gmail. Is there any doubt about what most of these buttons will do?
Gmail’s old message toolbar
When you see icons that aren’t intuitive, it’s often because the software team chose their convenience over making things easier for the user. Designers like icons because they are prettier than text and they more easily fit in a confined space (you don’t need to worry about text overflow on a 16×16 graphic). Programmers like icons because there’s no need to translate an extra label.
The best icons express crystal clear functionality with their simplicity and context. A trash can or an “x” next to an item in a list is a good indicator you’re about to delete or remove something. A lock graphic next to a disabled form element helps emphasize that an item is not editable. A partially shaded battery on an electronic device is a clear way to express remaining charge.
Icons in software can be a beautiful thing when executed properly. Given a choice between an ambiguous icon and a text label, however, text is the clear choice for conveying a buttons’s function quickly and clearly. Your users will never have to guess what that stop-sign exclamation looking icon means when they want to mark their 1000th viagra email as spam.
Gmail’s buttons when composing a message
Frustratingly, Google uses text labels when you’re composing a message. I wish they would be consistent and apply this style to all of their buttons in the new Gmail. How about you?