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 ...
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 ...
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 ...
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' ...
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.
...
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 ...
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 ...
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 ...
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 ...
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 &...
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.
...
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
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 ...
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.
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. ...
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 ...
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
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) ...
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 ...
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 +/- ...
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 ...
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 ...
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.
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 ...
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)
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'...
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'...
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 ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
lists × 719tables × 74
usability × 72
mobile × 53
gui-design × 51
sort × 45
android × 41
website-design × 39
interaction-design × 38
filter × 38
selection × 36
forms × 32
checkboxes × 28
multi-selection × 28
ios × 27
ordering × 25
web-app × 22
search × 22
grid × 19
design-patterns × 18
hierarchy × 18
grouped-list × 18
icons × 16
data-tables × 16
navigation × 15