227 votes
Accepted

My users keep naming things with special characters to thwart alphabetization

This user behaviour indicates a great opportunity to improve the usability of your application. Ask a few users why they rename items and try to understand the underlying need or problem that they are ...
filip's user avatar
  • 2,675
136 votes

At least one is mandatory. How do I make this clear?

You could split the list. mandatory items as radio buttons. optionals as checkboxes This also makes sure the attention per importance isn't divided, and allows for easier comparison between ...
Tom.K's user avatar
  • 1,639
89 votes
Accepted

Better user experience while having a small amount of content to show

The first screen isn't "boring," it's "focused." A user will be task-driven and goal-oriented during this setup process. Rather than looking to be entertained or stimulated (as ...
maxathousand's user avatar
  • 19.5k
64 votes

My users keep naming things with special characters to thwart alphabetization

When it comes to optimising the design, users happen to be the best designers. I would suggest that – instead of guessing - you should get in touch with these Users, who hacked the sorting mechanism ...
Dominik Oslizlo's user avatar
42 votes
Accepted

Best approach to update all entries in a list that is paginated?

Allow the user to see how many are selected, and give them the option to select the whole data set beyond the pagination. Gmail has this pattern. Once you select 'All' via the checkbox, a message ...
Mike M's user avatar
  • 24.7k
42 votes

Ways to improve readability of recipe ingredients?

First of all, if you are just looking at a text list of ingredients then I would say that it probably isn't going to matter too much which option you go for. Out of the 3 options I would personally ...
musefan's user avatar
  • 7,101
41 votes
Accepted

What is the best UI for allowing the repeated selection of the same item from a list?

The type of UI/UX you are using does not correspond to the functionality you need. In fact, if the items in the left list are to remain, the button to return them from the right list makes no sense. I ...
Danielillo's user avatar
  • 19.1k
38 votes

At least one is mandatory. How do I make this clear?

I think this solution could be usable. Note that the mandatory item is selected AND disabled. The user is forced to select one of the mandatory items through a dropdown menu download bmml source &...
Marco Tatta's user avatar
  • 1,752
33 votes
Accepted

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

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. ...
musefan's user avatar
  • 7,101
27 votes

Best way to reorder long list of items

Before you go on reading, maybe you want to explain (in your question) a little more about the use case... I'd be very interested to get more information why anyone should be tasked with manually ...
virtualnobi's user avatar
  • 3,546
26 votes

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

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. ...
Stig Hemmer's user avatar
21 votes

What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?

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 ...
Izquierdo's user avatar
  • 12.7k
19 votes

Better user experience while having a small amount of content to show

A footer after the final list item (with, say, the number of results) may help indicate that the user has seen all the possible results. (Please excuse my art skills)
dylan-myers's user avatar
15 votes

Better user experience while having a small amount of content to show

Watermark Individual framing Total framing
Danielillo's user avatar
  • 19.1k
14 votes

My users keep naming things with special characters to thwart alphabetization

As well as pinning items to the top of the list, fake-alphabetical entries can be used to pin them to the bottom (a trivial example: I use a contact called ZZ spam with a silent ringtone on my phone). ...
Chris H's user avatar
  • 1,439
14 votes

What is the best UI for allowing the repeated selection of the same item from a list?

If the order of the selection is not relevant, only which items are selected and how many of each, then it may make more sense to keep only one line for each distinct item, and a quantity. The obvious ...
jcaron's user avatar
  • 2,716
13 votes
Accepted

Designing a large user preferences menu that isn't confusing

Make the decision for them. Think from the user's perspective, not from the system's. Yes, you have 108 scales, and you could turn them all on and off individually, but apart from making the screen ...
Peter's user avatar
  • 4,813
13 votes

Best approach to update all entries in a list that is paginated?

Add a button to the bottom where the other page controls are. Also, if users are doing mass changes often, consider making a separate tool for it.
moot's user avatar
  • 5,351
12 votes
Accepted

What type of control lets me either Select an item from a list or View Details of that item instead?

I think you're on the right track with the second option, but the list of members just needs to look less like a selection list and more like an expanded details panel. You could also make better ...
Roger Attrill's user avatar
12 votes

Are there conventions to indicate a new item in a list?

No research but I'd prefer some sort of tag (e.g. NEW ITEM or NEW IN CART [Thx @wizzwizz4, for the hint!]) or clear text: New item in cart. I'm not sure whether bold text can be easily distinguished ...
Gerold Broser's user avatar
12 votes

Are there conventions to indicate a new item in a list?

Microsoft uses an icon to show when something is new (rays that show "shiny"). Here's an example taken from their website: I'm not sure that there's a universally understood pattern for ...
Izquierdo's user avatar
  • 12.7k
12 votes

Are there conventions to indicate a new item in a list?

Notification feeds (e.g. Gmail, Reddit, etc.) often use a different background color to indicate unread. That also gives you the option to adjust the color based on factors such as why or when it was ...
Solomon Ucko's user avatar
  • 1,196
11 votes
Accepted

Should an order tracker timeline be in chronological or reverse chronological order?

Forward chronological order lends itself well to finite amount of data that tells a story. Reverse chronological order lends itself well to (potentially) infinite amount of data that loses usefulness ...
phyrfox's user avatar
  • 1,147
11 votes

At least one is mandatory. How do I make this clear?

In my campus's admission site, some study is optional, some study is mandatory to take. From mandatory studies, some study must be taken at a specific time while another study is mandatory, but there ...
Realdeo's user avatar
  • 211
10 votes

Checkbox List with nested questions

Show one task at a time, using progressive disclosure On your first screen, you can provide a simple checkbox questionnaire where the user can identify any health issues that they may have. When the ...
Izquierdo's user avatar
  • 12.7k
9 votes

At least one is mandatory. How do I make this clear?

I think for this unusual situation, well-known solutions wouldn't work. You could experiment new solutions. One solution I can come up with is given in the mock-up below. Link the options that are ...
Gokhan Kurt's user avatar
9 votes

My users keep naming things with special characters to thwart alphabetization

When users add special characters to the beginning of the names they create two or more kind of objects, or categories, in the sort. These categories can be specific, as the ones in this example, or ...
Alvaro's user avatar
  • 16.8k
9 votes

Best way to display a key-value list with material design?

If you wanted a strict key value list, the data table guidelines are the most fitting. To bring out one column over the other, feel free to bold it or make it a disctintly lighter gray (not light gray,...
Tin Man's user avatar
  • 2,805
9 votes
Accepted

Most readable way to display key value pairs

Option A (right aligned keys and left aligned values) makes the most sense in most situations (as always there may be some cases eg RTL languages where you need to adjust) Depending on the data you ...
scunliffe's user avatar
  • 3,712

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