Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

I'm trying to think of a nice element where there are 3 states, but a simple checkbox would be a litlte overkill for what I want (I'd need two), as the states are:

  • Enabled
  • Default
  • Disabled

But I want the user to be able to change to this at any one time and I find tri-state checkboxeIs are too difficult to figure out how to use.

What do you think is the best way to implement this? I currently am thinking of just three buttons, but there must be something really obvious that does this which I'm more than capable of programming (I'm a programmer not a UX desginer)

share|improve this question
add comment

3 Answers 3

up vote 6 down vote accepted

What's wrong with just using the standard element for choosing one of multiple options - the dropdown list (or combobox or select, depending on your technology)? Or if you want, you can use three radio buttons (but I prefer dropdowns for something like this).

Why create something with non-standard functionality when something already exists that everyone already knows how to use?

share|improve this answer
    
True, thanks for that. Makes a lot of sense now :) –  Joe Simpson Apr 9 '12 at 19:11
    
Good answer. You could also use a segmented control although that has more limited application. See developer.apple.com/library/mac/#documentation/UserExperience/… –  Adam Smith Apr 9 '12 at 19:31
    
@AdamSmith - that's pretty much exactly what Christofian is talking about in his answer; he just isn't calling it that very Apple-centric name. –  Charles Boyung Apr 9 '12 at 19:51
    
I'm using a Bootstrap+jQuery powered Segmented control at the moment which looks very similar to what Apple are saying –  Joe Simpson Apr 14 '12 at 15:32
add comment

I think a button with a pop-up menu would be the best answer for this. See the image below.

3 state button prototype

You can easily create a custom control deriving from a toggle button and styling it accordingly. Depending on what technology you develop in this task may be easier or harder.

share|improve this answer
    
Thanks, that looks really darn good! I might create two versions and see what appeals best to people. (P.S what did you make that picture in, if it's some diagramming software I'd love to have a play with it) –  Joe Simpson Apr 14 '12 at 15:33
    
I'm glad you like it, I used Photoshop to create it. :) –  drcyrus3d Apr 16 '12 at 14:13
add comment

Mayby something like this:

mockup

download bmml source – Wireframes created with Balsamiq Mockups

A row of buttons would work great for this purpose, and it shouldn't be that hard to make.

share|improve this answer
    
That's what I've got so far, I was wondering if there was anything else –  Joe Simpson Apr 8 '12 at 18:30
add comment

Your Answer

 
discard

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.