I’ve been designing lots of e-commerce projects lately and a theme I’ve been finding in the designs is the buttons. Specifically the implication of buttons.
We’ve all seen buttons on store that say “Add to Cart” or “Purchase” or whatever but does the simple word convey enough meaning?
I am more and more of the mind that buttons with text on them don’t convey quite enough. Language doesn’t transcend cultures really. Sure lots of the world that is online would read English but why put that barrier in front of potential customers? I look at other UI elements from web browsers and applications and they provide more information than simple text.
Look at the back button on your web browser. No text is really needed to know that pressing the button will move you back in your browsing history. Same goes for the stop button and the home button. They stand alone without the text. Whey then do so many websites require descriptive text on the GUI elements?
The Simple Solution
Lately with my buttons on sites I’ve been working really hard to have a single symbol along with the button text to convey what is happening when a person clicks on a button. Submit buttons have typically been getting ‘>’ on them as well. I feel submit implies a forward type of motion though ‘+’ would also create the feeling of addition.
Buttons for purchasing products have been getting the + symbol along with the “Purchase” text. When you click it you are adding something. Similarly the “Remove” buttons have been getting the – symbol along with the text.
I’m simply trying to convey more from a usability standpoint. I want to make it easy on users with reading difficulties, or that don’t have a native language of English, by having a stand alone symbol to represent the action.
Am I alone here? What else can we do visually to make site more accessible across language barriers? How do you address these issues?