User Experience Stack Exchange is a question and answer site for user experience researchers and experts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

enter image description here enter image description here


  • Multiple toggling buttons
  • Only one may be selected at a time
  • There is an initial toggled button, which will be changed after a save action
  • Must occupy as less space as possible (i.e. minimalistic + no outside-of-the-buttons text)

My solution:

  • All non-toggle buttons will be simple (i.e. gray)
  • Toggled buttons will become coloured (i.e. blue)
  • Initial selection is marked by a green tick above the initial toggled button

Question: I kinda have my doubts about this implementation. Will the user get used to this mechanism quickly? As a programmer, I find it user friendly, but it really has to be Jimmy-proof.

(got the tick and colouring ideas from here)

share|improve this question
It's more like status, so probably you need no buttons, instead use label, which displays current status. – Alexey Kolchenko Dec 12 '13 at 11:07
Are you only showing initial selection and not previous selection? Does that mean you will not see the tick mark once a selection has been made? This will be an important consideration for me when thinking about how to indicate this (or if it is required). – Michael Lai Jul 16 '14 at 23:45
up vote 5 down vote accepted
  • Only one may be selected at a time
  • There is an initial toggled button, which will be changed after a save action

Under these conditions why did you opt for buttons and not radio buttons?

A radio button is an element that allows the user to choose only one of the options and seems to be the logical choice in your case.

I find buttons rather confusing when used for anything else than triggering an action.

share|improve this answer
Yes but the how will you let the user know which was the initial selection? Plus, you have to admit: these are prettier than radio buttons. – GGrec Dec 12 '13 at 14:26
The initial selection is the radio button checked when the page is opened. You could keep track of the changes and implement the "undo" to restore the initial state. And the "prettiness" of those buttons is pretty much subjective, in you sacrifice usability for design... – Toni Toni Chopper Dec 17 '13 at 12:46

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.