53

I believe the usual justification is to prevent folks from copying and pasting the content so that they don't steal it. I usually roll my eyes at this because if a user really wants that text, you can get it one way or another, even with selection disabled. I came across another example: a developer wanted to disable selection because double-clicking a ...


48

It's a myth that selectable text is "costless" As a general principle you are right that text should be selectable. That said, since you're asking about non-selectable text, here are some cases to be aware of for disabling text selection. There are visual elements containing text that users don't expect to be selectable. For example: Let's walk ...


47

As you correctly point out, this is a typical problem you encounter when you have a set of only two elements: it's never quite clear which element is selected. It seems to be difficult to highlight or otherwise emphasize the currently selected element. In my experience, stemming mostly from user research we did, what works for one user, doesn't work for ...


39

How about just using a Combo Box? download bmml source – Wireframes created with Balsamiq Mockups By a user being required to just choose what country they are from, it removes the unnecessary step of a user needing to first select the region (or you can just infer the region based on the country selected if needed). Allowing a user to start typing ...


39

The normal way to solve this problem is to use validation (or errors as you put it). I would not advise mixing control types within a single field as it's overly complex and confusing to a user who knows what a checkbox and radiobutton are. From a Usability perspective you should aim to tell the user what the state of the system is. So if zero selected ...


33

First of all: why do you ask at all? Why not simply always send the gift card with the order? Who would object to getting more value than what they ordered? If you don't ask, you don't have your problem to begin with. Generally, asking fewer questions from the user results in higher conversion, so from that perspective, removing the whole question would be ...


33

There is a reason when disabling the selection of text makes sense, and that is if selection of text could interfere with functional aspects of the UI. For example, it is frequently used on widgets that are draggable because you want to avoid that the user accidentally selects text when he intends to drag.


33

Even if the list goes too long - you can apply a scroll to the white space and keep 'None of above' always visible: Radio buttons - Thanks @user1306322


33

I would suggest creating a short list of broad "top-level categories" that every other category can be grouped into (maybe around 20 of them). For example: Technology, Art, Leisure, etc. Then (painfully) link your thousands of categories to those top-level categories. That way, when the user signs up, they can pick which of those handful of top-...


28

Keeping the checkbox disabled should be alright, if you are concerned about it you can make use of tooltips to explain the user why it is not selectable when he hovers over the field. Some thoughts about the design: The checkboxes you are using don't let the un-selectable checkbox be understood as their border coincides with the container. Make them ...


27

If there are two options, you could consider using a switch/toggle instead of an arrow as well. Took this from Dribbble:


26

This is a frame challenge. What you ask for is impossible. If you require users to select ten categories of interest before you let them access the app, most users will not proceed beyond that step. No UX polishing can fix this. The few people who get past this will have chosen ten categories quickly, without much thought. They will have missed categories ...


24

Windows default double-click time is 500 ms (half a second) Reference http://msdn.microsoft.com/en-us/library/windows/desktop/bb760404(v=vs.85).aspx


24

You could use a source area (list of items) and a target area (drop zone), to which the user can drag items from the list. download bmml source – Wireframes created with Balsamiq Mockups The drop zone should clearly state how many items are need to be placed there. I suggest to use a text message that emphasizes the remaining count of items, i.e. the ...


22

There is no recommended maximum number of items to put in a drop down list. No-one can say the maximum is 7 or 12 or 200 or 10,000 and definitively say that for all scenarios, that is the maximum you should use. There is a myth for drop down lists and menus that you should not use more than 7 +/- 2 because that's how your memory chunks things, but that's ...


22

Instead of double clicking to finish, you could: Click the starting point to close the shape (assuming all shapes are closed in) Have a button nearby labeled "Finished" or "Close Shape" or "I'm Done" etc. that closes the shape If you aren't able to use the OS to detect double clicks, I'd avoid them altogether. I've seen people with disabilities have the ...


22

two rows of radio buttons as e.g. on the wikipedia http://en.wikipedia.org/w/index.php?title=Wikipedia&action=history


21

Keyboard The Shift modifier is used for keyboard selection as well, and not just for single selection. No matter where you are, no matter how long the list, [Shift] + [END] selects everything from your current item focus to the end of the list, [Shift] + [PgDwn] one page (however that is defined). This also combines with the word jump of Ctrl where ...


21

I'd suggest putting a button that they have to press to complete the selection, and using that button's label text and active/disabled state to transmit the information you want to pass to the user. Something like this: download bmml source – Wireframes created with Balsamiq Mockups The idea is that the combination of the selected options and the ...


21

By definition, a filter is a tool that help users narrow down to a subset of results that is most interesting to them. Consequently, when a filter is active, the results displayed should be less than the total number of original results. For this reason, I find option B not intuitive enough. If I'm not mistaken, option B treats the icons using an additive ...


21

This sounds like a job for a type-ahead -- the user starts typing a category of interest, and the system returns valid responses that can then be selected. Bonus points if you account for fuzzy spelling or can link the user to synonyms.


20

If you have a default that will be true in most cases, you should consider using it. Otherwise, I would avoid pre-selecting radio buttons. The prime reason being that you have no way of knowing whether someone actually wants it selected or they just missed it. In addition to that, if your radio buttons are only a Yes/No question, then I would suggest using ...


19

Gmail does something that works pretty well, and has been around for a while. Firstly, when you search for a particular string (in this case 'ebay' which gave me loads of results to work with) and then choose to select everything on the page (from the checkbox in the top-left) then it produces a message saying: All 20 conversations on this page are ...


19

download bmml source – Wireframes created with Balsamiq Mockups You can go to a two Combo interface. The first one with all the choices, and the second one with all the choices and an empty field.


18

The drop down has a disadvantage compared with the radio-buttons and the slider-toggle. The user has to click on it to see the possible options. On mobile (if this is the case) drop downs are not easy to use. I agree with Owen Hughes about the toggle. In this case, I would go with the radio buttons. But there is an alternative: You could use a segmented ...


17

You give the entire list on the left side. Once the first item is selected show the selected item in right top window. Once the second item is selected show you can show the comparison between the two. Edited Components List (Collection of Nodes) Box A (For Node A) Box B (For Node B) On Mouse Over on any node show the option to select A or B (No ...


16

One solution is to show a magnified version directly above where the user is currently hovering. Look at how YouTube deals with seeking long videos, for example: This allows the user to select a rough time period they are interested in, then make a finer selection using the shorter-interval magnification. The Music app on the iPhone/iPod has a feature ...


16

The answer is a big 'Yes'. If the user is selecting all the checkboxes individually and once all the items have checked the select all checkbox should also be checked. So, if the user at any point of time wants to uncheck all (s)he can directly uncheck the select all checkbox. It also tells the user that all the checkboxes were checked and no more ...


15

Having your cursor slanted would be a UX improvement over a permanently vertical cursor. Many word processors already do this. Here are some examples from MS Word: It gives additional feedback to a user that the text they enter will be italic, and it is visually less confusing when selecting text. At the same time, I can't think of any reason that it ...


15

Not a complete answer, but some thoughts about why drag-and-select is not so good. Dragging with a pressed mouse button is physically hard to do. You have to keep a constant pressure on the mouse button, and if it becomes too light, your work is undone. Too much pressure and the mouse can't glide well, and the cheap ones feel like they will fall apart in ...


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