New answers tagged

0

If the user selects a choice then make the selected button with a selectable style but also change the style of the other button to indicate that it is not selected. The target is to make the user select one or the other. Look at the design below: Yes No If you want to emphasize that this is an important choice allow the user to deselect the selected ...


1

So I'm working on a project that is doing something similar, but we might be using the dropdown differently than you are. We start off by defaulting to a "global search", that is we search across all our various categories in our dataset. If you'd like to refine your initial search to a specific category, the dropdown provides that functionality. We also ...


2

If you're going to use a dropdown menu as part of your search bar, try looking and gmail and the way they do it for greater clarity and maybe a solution for on mobile. My gut would say to have a feature – the dropdown, inside the search bar once its tapped for a more detailed search if a regular search just wont surfice.


2

Do you expect the user to add many custom topics? In other words, do you fear the list would be too long if you concatenate both lists? If not, I'd make it a single dropdown. [ pick a topic ▼ ] |----------------| |Create new topic| |----------------| |Custom topic 1 | |Custom topic 2 | |----------------| |Default topic 1 ...


1

A simple form like you might see at certain kiosks have the choices embedded in the action: This would inherently force a response while also removing the clutter of any "Next" or "Continue" buttons. A button is a one-click response. Why not a radio button or drop-down? It's far easier to push a button on a mobile device than it is to fool around with ...


1

I would not esitate to use a set the interested checkbox as mandatory. In my opinion UX should take into account the marketing requests too. download bmml source – Wireframes created with Balsamiq Mockups


0

I think the both options which you mention can be use with minor changes. you can give validation/constrain i.e. An error message "Please select your citizenship" when user press the submit button without selecting yes/no. Short and sweet ! No need to think another solution and waste the time in such a small matter.


1

One potential solution is to use a call-to-action type of interaction, so that at the beginning of the form you can have a button that says something like "US citizens click here" and "non-US citizens click here" that then helps to 'force' people into making a selection before proceeding further. However, I would only use this if none of the other options ...


12

There're three cases that you have to be able to identify: yes / no / not-specified (i.e., user did not interact with this element). But if you pre-select yes or no then you won't be able to distinguish it from the not-specified case as you pointed. I'd suggest to use radio buttons or a drop-down (as both options are mutually exclusive) without ...


2

How does the default value play into your ordering? What if different features default a different way? (e.g., dropdown has enable, disable for status) [...] How important do you think it is to the user that the logical order you use is the same between dropdown's of different values? (i.e., enable, disable & off, on) It's good to keep a default ...


2

Here are some options to reduce cognitive load and make the task easier: Shorten your descriptions. 200 symbols * 19 options = 3800 symbols, which is roughly A4 sheet, full of text. Looks crazy. Substitute long description with short labels. For repetitive users this is OK, for the new ones provide some help/guide. E.g. "Home", "Professional", ...


3

Considering your design layout, I really think the best option is to use either checkboxes or radio buttons (depending on whether the user can select more than one option or not). Below is a quick mockup of what I mean: However, if you have a large number of options, this could prove to be problematic. In that case, I would consider having your Section C ...


1

In most (if not all) modern browsers and Operating Systems the menu of a dropdown is a separate (but not independent) object from the trigger. download bmml source – Wireframes created with Balsamiq Mockups This means that the text on the trigger can be safely truncated while the contents of the menu remain full length - Effectively showing the ...


0

Having related dropdowns placed side by side is probably one of the more confusing UI pattern. You can never predict how a user would interact with 2 dropdowns and never assume the user will always select the first dropdown follow by the second. What if the user chooses the 2nd dropdown, would it affect the result? 2 dropdowns usually work best with an ...



Top 50 recent answers are included