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 ...
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. ...
21
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 ...
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
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'...
15
votes
Better user experience while having a small amount of content to show
Watermark
Individual framing
Total framing
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). ...
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 ...
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.
12
votes
Accepted
What control should I use to indicate multi-select lists on iOS?
Apple likes switches
Sliding switches were a nifty looking control way back when. They were one way for iOS to announce
"Hey, look! I like gestures. You should swipe stuff."
In a short list ...
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 ...
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 ...
Only top scored, non community-wiki answers of a minimum length are eligible
Related Tags
lists × 739tables × 76
usability × 74
mobile × 53
gui-design × 52
sort × 46
android × 41
interaction-design × 40
website-design × 39
filter × 38
selection × 36
forms × 33
multi-selection × 30
checkboxes × 28
ios × 27
ordering × 25
search × 23
web-app × 22
grid × 19
design-patterns × 18
hierarchy × 18
grouped-list × 18
navigation × 17
buttons × 16
icons × 16