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

I have a settings page (see screenshot). I want to add a selection of 'Difficulty Level' to it. A drop down or check box(which allows for only one to be selected) or radio button would be fine. The difficulty levels are :

  • Basic

  • Standard

  • Advanced

What is the best HTML element to use and where should this be placed on this page?

enter image description here

share|improve this question
Pay attention, the difficulty level concerns each individual question, while the settings screen refers to the whole account. It could be a bit non-logical. – Alexey Kolchenko Oct 4 '13 at 19:26

If you consider the Difficulty Level option more important than those included under Email Preferences, it would be logical to place them above Email Preferences, under a header with the same format.

As for which mode of interaction to use, toggle-able boxes would be ideal. The three options should be displayed alongside one another, each in their own box. The currently selected option would be highlighted. This is a more user-friendly, intuitive, and graphics-based alternative to radio buttons. i.e.

enter image description here

If you only have drop downs, check boxes, and radio buttons at your disposal, radio buttons would be best suited for your particular problem. Check boxes are commonly used for options where more than one may be selected, and the use of radio buttons in your case will also help to visually differentiate between the check boxes in the Email Preferences section.

share|improve this answer

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.