Hot answers tagged

113

You don't select a default at all Using a drop down list or a radio group - you let the user decide - and this also prevents accidental submision of a form without the user setting this value (assuming it's gets validated) because there is no other way of validating it - only the user knows their gender so there is no right/wrong validation other than 'is ...


97

You're not supposed to leave radio buttons blank. They're allowed to be blank so you can avoid setting defaults as mentioned in the question about setting a default gender. You can't not pick a gender, it's a required field, though you can leave a "prefer not to say" etc. option; this is different than the user never touching the radio button, however. If ...


69

Most times, with a bit of engineering, you can already determine the user's location through his IP or other means. So why not use that process and make its result the default choice? One action less for the user!


53

Use either Responsive Disclosure or Responsive Enabling depending upon the standards in the format you're working in. Responsive Disclosure would mean first showing a radio button like this... download bmml source – Wireframes created with Balsamiq Mockups ...and then revealing the additional option in the whitespace if the user selects no, ...


45

I think it is a good thing to add the most popular countries to the top of the list as long as you also put them in the right place in the list as well. I hate scrolling to the bottom of a list to find that what I was looking for was at the top, have it in both places.


44

Worked on a project with this exact problem. We needed a way for the admin staff to add attribute to products. Because attributes are used for search purposes, we need to ensure if that attribute type already exists, it should be selected instead of creating a brand new one. We ended up using something akin to your first idea. download bmml source ...


41

I respectfully disagree with Michael's answer. I can't speak to desktop GUIs, but in web forms you want to avoid having a default unless you believe a large portion of your user's (maybe 90%+) will select that value. Particularly if it's a required field. Why? Because you're likely to introduce errors because people breeze through forms quickly online - ...


41

Fun Solution: Translate the entire site into Farsi with English at the top that says "Not Afghani? Select a new Country" Less fun solution: Put the top 5 countries that visit your site as the top 5 choices. People chose the first when they realize they will have to dig through dozens of countries.


41

I need to make it obvious to the user that it is a dropdown. By making it look like a dropdown. Don't make it so wide. The reason it doesn't look 'clickable' is because it doesn't look like a drop down because it's stretched across the entire width of the screen.


36

I would consider two things here: Visual connection to action Common standard implementation To the first point - visual connection: If you see an arrow that points up, you expect something to happen in that direction. You will automatically look up, not down. So every action that goes to a different direction will feel alien, detached. So this argument ...


32

A button should show what will happen when it is next clicked - not point to something else. When the button above a closed menu is clicked, the content will drop down - so the should point down (to where the content will appear) When the button above an open menu is clicked, the content will move up into the button - so the arrow should point up.


31

There's lots of research in Human Computer Interaction on this issue and the general concensus is that breadth beats depth (read: wide top level navigation beats nested submenus). This is the case due to Short Term Memory (STM) storage issues and how STM is affected by both breath and depth. Pointing to some hard research should help your case to your ...


28

How about using a mega menu? http://www.useit.com/alertbox/mega-dropdown-menus.html


28

Microsoft does this in Windows Explorer! I noticed this on my Windows 7 work computer just a few weeks ago, and I can't stress enough just how handy it is (in certain situations) The key here is that they made it exceedingly functional but it also stays out of the way until the user discovers it.


28

This kind of UI elements exists and is used in many applications even if differently. Facebook events Google calendar If well designed they are even more affordant than the usual radio buttons. The thing is, because of this affordance they seem "auto selected" so there is no need of a validation like in your example. Therefore I would say radio ...


27

The best proven solution: Alphabetical dropdown list, with default selected country being the one that IP corresponds to. In 98% of time the IP will get the right country and customer doesn't have to change anything. If not, the customer can use the dropdown list to locate his country.


27

Put the most common countries first, as someone else already said. Also, consider setting an initial value based on IP lookup? It won't be right all the time, but it won't go wrong as often as your current method. :-) Definitely accompany it with something like "we need your address because... and have made a guess based on your IP address".


24

I would guess that users can't see why you require the country and so are picking the first one in the list just to get through the form. Perhaps you need to explain why you need this a bit more clearly. I notice you have: Please tell us where you live so we can show you books that are available to you at the bottom of the form, but this could be easy ...


24

The first idea failed field testing and variants failed usability testing It sounds like we had the same idea as your option 1, and we implemented it. We were looking for a way to force users to search first without users realizing that we were forcing the search to occur. A variant of our first design actually tested OK with a small sample in ...


22

A single button should perform an action, and not act as a radio button. If you want buttons to act as radio buttons, you should use a segmented button. There is established precedent for this in both mobile and web UI, so people are likely to already understand what they do. Additionally the design of segmented buttons shows that the buttons are ...


21

My answer shows simularities with others posted here but I want to emphasize how important the right communication is. For example: Reconsider the used language to make the intentions clear. For example use create company to add some weight to the action or use the word new to emphasize the difference. download bmml source – Wireframes ...


20

Q1: First, the convention is to have these on the right, correct? Why is that? There are a few reasonable explanations for putting the drop-down arrow on the right (at least in LTR languages): Readability: Since LTR text naturally starts on the left, this design gives the drop-down arrow some natural whitespace in most cases, and helps make the ...


19

I have no idea as to the actual correct answer to this question, but let me speculate: I think it's because the web has hyperlinks. Clicking on something on a web site is associated with visiting a different page, and as such, if you were to create a dropdown menu that activates on click, the expectation of what it may do when activated is uncertain: will it ...


19

A dropdown list (or combobox) should already be a clear indication that you need to select an item from there, so wasting the first item by telling someone this is redundant and a poor idea. The only times that I would recommend having some other text in the dropdown are: when it is not essential to select an item when you want effectively to select ...


18

For any select list of over a couple dozen options, free-text search with autocomplete support is the only sane option. This is a common pattern seen on real estate sites (Zillow, Redfin, etc) and travel sites (AirBnb, Kayak, any airline, etc.) Kayak shown below. Fred Meyer (big-box retailer) has a 'Select Store' search box to solve this - requesting you ...


18

Arrows pointing in our reading direction (right or down) point forwards. Buttons should indicate what happens when clicked. The arrow on a dropdown button should point right or down as it indicates new content will be visible once clicked. Once the dropdown has been opened, clicking the button again should close it. Therefore the arrow should point upwards ...


17

This type of button is usually called a 'Split Button'. The glossary of the Windows User Experience Interaction Guidelines defines the term 'split button' as: A bipartite command button that includes a small button with a downward pointing triangle on the rightmost portion of the main button. Users click the triangle to display variations of a ...


17

Your users are sending you a clear message: they don't want to tell their country at this point in the process (the control is straightforward and other users do specify their country, so I don't think they select Afghanistan by accident). You'll either have to convince them to tell it anyway, or listen to them. Looking at your website, I can think of ...


15

Answer to your main question: This is legacy behavior left over from the desktop. This is how desktop applications did it for decades before the web came along. When form elements appeared in HTML, they just copied the behavior from the desktop. The original designers of the radio button probably couldn't have imagined how this control would be used over ...


15

There are two reasons that multi-level nested menus do not provide the best usability. It is hard for users to physically select the first level item, then the second level, then the third. There is a tendency for the user's mouse to slip off their intended target, and then they have to go back to the top level and start the navigation process again. ...



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