Caroline's Corner: Rules for labelling Buttons

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

The London Hopper Colloquium – here come the Girls
Source: UN, 17 May 2008
 
Falling numbers of women in computing is causing headscratching across the industry, but you wouldn’t think it judging by attendance at the recent Hopper Colloquium in London.

How can we improve Mobile User Experience?
Source: Mobile Entertainment, 16 May 2008
 
A roundtable of forward thinkers convened in London last month to debate mobile user experience in advance of the forthcoming MEX conference.

HCI for Community and International Development
Source: UN, 15 May 2008
 
Emerging economies, developing countries and the challenges of designing across cultures came under scrutiny at a CHI 2008 workshop on Community and International Development.

The Future of social networking: Mobile Phones
Source: Times Online, 14 May 2008
 
The future of social networking is the coming together of internet-connected mobile phones and location or proximity technology.

Usability for Fun and Profit
Source: The Herald, 13 May 2008
 
An interview with Chris Rourke, owner and director of Edinburgh-based consultancy, UserVision.

Caroline's Corner: Usability of Content is Plain Language
Source: Caroline Jarrett, 12 May 2008
 
An exciting thing happened in the USA on 14th April 2008. It didn't quite manage to make it onto the national news - that day, we were mostly hearing about the Pope's visit to the USA. Any ideas? Any clue from my title? Give up?

HP Labs opens doors to Academia
Source: VNUNet, 10 May 2008
 
HP has unveiled an initiative allowing academic institutions to collaborate with HP Labs in joint research through an open and competitive process.

Email: is it time to get some Training?
Source: UN, 9 May 2008
 
How hard can it be? Apparently lack of email training is costing employers dearly.

Book Review: Mental Models by Indi Young
Source: UN, 8 May 2008
 
A practical, readable and relevant account of key processes in the vital task of researching, building and applying mental models to product design.

CHI '08: What makes a really Great Designer?
Source: System Concepts, 7 May 2008
 
What qualities do elite designers share, and what do they know that other members of the HCI community could benefit from?