Hot answers tagged

128 votes
Accepted

Is it possible to make a "good" options dialog?

Software development IDEs have some of the most complicated settings pages I've ever seen, and IntelliJ IDEA does a great job with discoverability. Not only do they offer a search to narrow down the ...
  • 3,838
64 votes

Two forms to choose from, choose only one

You could use an accordion. Here's an example of one I've used before:
19 votes

Is it possible to make a "good" options dialog?

Root Cause: Implementation Driving UI The whole idea of a single consolidated Options dialog seems to be a consequence of programs having configuration files. The Options function would read the ...
9 votes
Accepted

Selecting from 2 options where it can be either or both

For a simple A, B, and A + B selection you shouldn't need to get too fancy and radio buttons are a good approach: They are an instantly recognized widget for 1-of-N choices. They spell out the ...
  • 40.4k
8 votes
Accepted

What dropdown option should be selected: Monthly without discount or Yearly with 50% OFF?

The select field on your screenshot might not be the best solution for selecting the payment period. As a user I don't get a good experience in comparing the alternatives and probably I won't notice ...
  • 2,592
8 votes

Is it possible to make a "good" options dialog?

I posted a related question recently as I have been struggling with a similar problem. From what I have mustered there is no clear and clean cut solution, as these kinds of "options" are often very ...
5 votes
Accepted

Prioritizing Items from a list of values

The drag and drop and "older version" of it - using arrows: Drag and drop needs to have well solved interactions (how it behaves and looks like when dragging, how it looks like when you can and can't ...
  • 675
5 votes

Is it possible to make a "good" options dialog?

Grouping can be improved by drawing a line between "Configuration" and "Preferences". Everything that the user has to configure to get your app running should go to "Configuration". Everything ...
5 votes

How to handle when user is only allowed to check e.g. 3/6 check boxes?

The solution is pretty simple. When someone completes checking three checkboxes, disable all non-selected checkboxes. If someone clicks on a disabled checkbox, show an alert to the user that already ...
  • 106
5 votes

Maximum number of options when selected via next and previous buttons?

The decision to use of a prev/next navigation to click through a range of colors is itself frustrating. Imagine having to click 50 times just to get to color #50, and once I'm in #50, having to ...
  • 5,088
5 votes

Unavailable item in multiselect after one is chosen

To show that only one option is possible I would group the related options:
4 votes
Accepted

Radio button group confusing to user?

If you don't have a default, you probably shouldn't use radio buttons, or Bootstrap radio button groups. In fact, it's your choice of controller here that's creating the problem. One possible ...
  • 11.5k
4 votes

When is configurable options/settings a bad thing in the context of admin/super-users?

Usability decreases as flexibility increases Usability vs flexibility is well known issue, particualry when it comes to enterprise software! Sometimes though, decisions in this area are not entirely ...
  • 6,976
4 votes

Selecting from 2 options where it can be either or both

The easiest and most intuitive thing for the first time user is two checkboxes with validation to prevent turning off both. The reasoning is that the user reads down the options one by one and judges ...
  • 393
4 votes

Why the magic number 5 in dropdown list?

It's because of one of the vital UX Law called as Miller's Law. George Armitage Miller (Princeton Professor and Cognitive Psychologist) formulated a law based on his observations and findings in his ...
3 votes

How to represent 5 different options for user while doing signup?

Why not show the summary first and let the user chose from available options? Just like the domain hosting sited do? e.g.
3 votes
Accepted

What are the best practices for representing a boolean field in a form?

All are valid, and all have their pros and cons: Check boxes and toggle switches are the simplest option, but they're only good when the question can be clearly answered with a "yes" or "no". For ...
3 votes

When is configurable options/settings a bad thing in the context of admin/super-users?

It seems like your original assumptions are wrong. if it is made intuitive and clear, is not a problem. If it is designed and organized well it shouldn’t be a problem to have a quazillion options ...
  • 5,335
3 votes
Accepted

Change language dropdown on a login page

For First Layout : If it is a responsive layout, where the Change Language will shift. According to me the second layout will work good. Beause its all in center, User will concentrate only in ...
3 votes
Accepted

Improve selection (from 2 options) more Intuitive

I suggest tabs and a bit of rewording to clarify the action the user is taking. Also added a bit of instruction at the bottom. Explanation: Your wording is "Create Live Wallpaper from Video/Dynamic ...
3 votes
Accepted

I've got lots of buttons (choices) in my modal, and all are needed. How do I reorganize it better?

Well, I don’t see any buttons at all, which is a good thing, you only need one or two buttons for this. Of course, if you have buttons and they don’t even look like buttons, then you have real ...
  • 33.4k
3 votes
Accepted

How to facilitate multiple options whilst emphasizing 1 option in particular?

If the 90% use case is a specific option, you can label it 'recommended', and explain why if needed. Is the act of selection explicit? If you want to keep the action of choosing an option up to the ...
  • 23k
3 votes

Should we communicate the shipping *progress* here, or will it be redundant?

Plain language requires less interpretation than icons. Just ask them. Icons alone have been shown to be open to interpretation. Your current approach has 12 icons (plus 9 arrows) spread across 3 rows....
  • 23k
3 votes

Show/Hide Toggle for a Toggle

The concern is that the user might not understand the difference between the two options in the settings. I think the simple solution is that you can just use a more descriptive explanation for the ...
  • 6,981
3 votes

Best way to pick a calendar week + year

You could consider using a calendar picker in which the only selection a user can make is an entire week (as opposed to a typical calendar picker where users can select specific days). This is a ...
2 votes

Icon Placement within a row

Since you say that the actions are performed for single record and moreover the actions seem to be used rarely. Not many users Copy and Delete Template. But Selecting a Template as Default template is ...
2 votes

Inline checkbox that excludes previoius possible input, how do I combine this elegantly?

Usually I would have thought the fallback for signing with a signature is to enter the name. With that in mind you could simply ask the user to confirm with signature or name, with the default being ...
2 votes

Why is Apple using the settings icon for showing more options?

Apple uses the gear for 'Actions'. For preferences Apple uses an image of several gears (instead of just one).
  • 2,588
2 votes

Selecting from 2 options where it can be either or both

Radio Buttons with 3 Options In this situation you can easily select a default value, but radio buttons are not the most common thing in mobile. You commonly find single selection lists instead. A ...

Only top scored, non community-wiki answers of a minimum length are eligible