| |
|
 |
Caroline's Corner: Rules for labelling Buttons
Source: UN, 31 January 2006
Submitted by
Caroline Jarrett
It was one of those really conscientious discussions that seemed to have no end.
First UI designer: 'Right. Now here we have a tabbed dialogue box. When you press 'Cancel', it should remove all the changes the user has done since the box opened.'
Second UI designer: 'Hmm. Are you sure that's right? Doesn't 'Cancel' just remove changes on the current panel?'
Third UI designer: 'Hang on, we're supposed to aim for consistency. What does the style guide say?'
And then off they went... looking for evidence, trying to find out what best practice is, getting other opinions. Even planning some specific tests for their next round of usability testing.
Which is all very well but I thought; 'Are they trying to answer the right question?'
They had become fixated on the question of what the 'Cancel' button should do.
JARRETT'S RULES OF BUTTONS
I think they needed to look at the problem the other way around. So here, I reveal for the first time in a public forum "Jarrett's First Rule of Buttons" which is:
'Label the button with what it does.'
and also "Jarrett's Second Rule of Button Labels" which is:
'If the user doesn't want to do it, don't have a button for it.'
OK, I realise that these rules aren't exactly original. I'd appreciate it, before I disgrace myself by claiming authorship, if anyone with a bibliographic turn of mind could let me know where I might have got them from.
USING THE RULES
Now let's look at our UI designers' problem in the light of the First Rule. We have a button with a proposed label ("Cancel") but we're not sure what it does. Now the First Rule tells us that rather than figure out what Cancel should do, we should in fact think what the button does and create a label that corresponds to its function.
For example: If the button cancels the window, removing all changes then it should be labelled "Cancel this window, removing all changes" (or perhaps, we might be able to abbreviate it to "Cancel and remove all changes - or perhaps we might need to use the user's description of what it does).
If the button cancels the changes on the current panel then we should label it: "Cancel the changes on this panel" (or whatever users say when they describe what it does).
Now let's look at the button in the light of the Second Rule. Does the user want to remove all changes, or remove the changes from the current panel?
Answer, I don't know. But likely the users do. So this is one that I'd have to run past the users - probably in a short test.
LONGER BUTTON LABELS
The consequence of the two rules may be that you end up with buttons with labels that are longer than a single word. I think that's much better than striving for single words that are either confusing (as they might be in our example) or infuriating (as in the many dialog boxes that inform me that some program has done something truly ghastly to my computer, and then expect me to click 'OK' as if I'm happy about it).
OK?
If you have any comments or suggestions about this article then please contact Caroline at:
Caroline.Jarrett@Effortmark.co.uk
Caroline Jarrett is a usability consultant specialising in forms, questionnaires and data capture.
© 2006 Caroline Jarrett, all rights reserved.
Associated Link:
Effortmark
|
|
|
 |
|
'Internet addiction' linked to Depression Source: BBC, 9 February 2010 There is a strong link between heavy internet use and depression, UK psychologists have said. Could *You* be more Usable? Source: UN, 8 February 2010 Bet you could. Stowe Boyd on 'Steampunk' thinking about the Future of Computing Source: Stowe Boyd's blog via Experientia, 6 February 2010 Are established metaphors of user experience holding us back from new ways of structuring our interaction through computers? Nokia's User Experience Programme Source: UN, 5 February 2010 Nokia has put together a rich and informative website covering the key elements of user experience. Interfaces magazine: latest issue available now Source: HCI News Service, 4 February 2010 The latest issue of Interfaces is now available in pdf format, free from the Interaction Website. A Lighter Brigade of Chargers Source: UN, 3 February 2010 Lots of gadgets, one charger. At last. Mobile Touch Screens could soon Feel the Pressure Source: MIT Technology Review, 2 February 2010 A quantum switch could add pressure sensing to mobile screens. Usability, Usability, Usability: why the iPad will Succeed Source: Econsultancy, 1 February 2010 The tech critics love it, hate it, love it again, shrug it off. What do usability experts say? British Airways - at last some good news Source: Loop11, 30 January 2010 In a recent website usability study for the world's leading airlines, the British Airways website proved to be the most user friendly, with Malaysia Airlines and Virgin Atlantic having the lowest user experience rating. Computation of Emotions in Man and Machine Source: Royal Society, 29 January 2010 Advances in computer technology now allow machines to recognise and express emotions, paving the way for improved human-computer and human-human communications.
|
|
|