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

  • 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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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