Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Hot answers tagged

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 ...
user avatar
  • 2,675
138 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 ...
user avatar
  • 1,649
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 ...
user avatar
  • 19.2k
88 votes
Accepted

How do I make a list NOT look scrollable?

Since it looks so scrollable, then let it actually be scrollable, but only for a few messages and when you get that far, indicate that's as far as they can go and show the 'Enter to see the full chat' ...
user avatar
79 votes
Accepted

How to suggest a person to turn a page to see more details?

I think a start would be to make it clear the total number of tests and/or total number of cards at the top of each card. And also the breakdown of how many rows you seeing out of that total. e.g. ...
user avatar
  • 6,085
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 ...
user avatar
59 votes
Accepted

Is it ok to use arrows to indicate money movement in & out of an account?

This is perhaps perilously close to an off-topic icon discussion, but I think you could modify the arrow icons to make the outgoing versus incoming direction clearer. Essentially, you need to give ...
user avatar
  • 14.2k
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 ...
user avatar
  • 22.8k
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 ...
user avatar
  • 6,961
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 &...
user avatar
  • 1,774
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. ...
user avatar
  • 6,961
27 votes

How to suggest a person to turn a page to see more details?

Simply adding the arrow at the bottom will help. Check the below img
user avatar
  • 1,143
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 ...
user avatar
  • 3,351
26 votes

How to indicate that an element is "new" in a list

I suggest you to show the 'added date' as additional attribute (column) to the documents and color the date of the new entries: Alternatively you can set the text of the date bold.
user avatar
  • 595
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. ...
user avatar
24 votes

What are good UI patterns for selecting exactly two items from a list?

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 ...
user avatar
  • 601
22 votes
Accepted

What are good UI patterns for selecting exactly two items from a list?

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

How do I make a list NOT look scrollable?

Another suggestion - instead of making it scrollable, fade each subsequent message to transparency, so that the text createsa a gradient. The most recent message would be at 100% opacity (normal text) ...
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 ...
user avatar
  • 8,097
20 votes

Is it ok to use arrows to indicate money movement in & out of an account?

I've found that arrows without words tend to cause confusion amongst users, especially those that have a color blindness. If you use multiple indicators such as the arrow, color, words, and/or +/- ...
user avatar
20 votes

Is it ok to use arrows to indicate money movement in & out of an account?

could arrow icons still be used as a quick visual reference to indicate movement of funds without actually misguiding users? I think the way you've presented them might be confusing but using them ...
user avatar
20 votes

How to suggest a person to turn a page to see more details?

There are many good answers about annotating the bottom of the page clearly (I like Dave Haigh's best), but as an alternative, how about making the last task (on each side) indicate that tests ...
user avatar
  • 2,625
19 votes

How to push items to the top or bottom of the list in alphabetically sorted lists?

Ω (Alt 234) will push an item to the bottom in windows file folders; I like it because it's intuitive.
user avatar
  • 199
19 votes
Accepted

What is the best location for the "Add New Button"?

Design for your workflow! Model out why and how your users create records. For example: If users are likely to open the page with a clear intent to create a record, then placing the button ...
user avatar
  • 40.3k
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)
user avatar
18 votes
Accepted

How to handle an enormous list of checkboxes?

This is where UX is being tasked to fix something that isn't fixable at the UX level. I'd go as far to say this is where a back end system is unfairly asking a user to make decisions that they shouldn'...
user avatar
  • 41.6k
18 votes

How to suggest a person to turn a page to see more details?

Option 1: Print on multiple pieces of paper Just out of curiosity, is printing it on two separate pieces of paper an option? Having two papers and a staple indicates clearly to the reader that it isn'...
user avatar
17 votes

Where to put an “add a new item” option

The first design is the worst in terms of usability because the icon is ambiguous, and there's a real possibility that the user won't even see it. The user is going to be focused on (ie, reading) the ...
user avatar
  • 3,316
17 votes

What are good UI patterns for selecting exactly two items from a list?

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 ...
user avatar
15 votes

How do I make a list NOT look scrollable?

Remove the shadowing from the frame or remove the whole frame and give it the same background color as the rest of the box. Then add a seperator between title and chat. This way the list is on the ...
user avatar
  • 251

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