We changed our privacy policy. Read more.

Hot answers tagged


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 facing. Depending on what answers you get, possible solutions might include: Allow sorting the list in different ways; by date/user/... Allow users to add a ...


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 mandatory items.


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 with a news or social media application), they're trying to get a task completed. If the user happens to see fewer options during this step, it will actually help ...


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' messaging. That way, you've let them interact and engage a bit more, and they've seen a little teaser so when you show the message, you know you've got their ...


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. Total Tests: 22 Page: 1 of 2, showing tests 12 of 22 Mockup 1


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 to ask what they wanted to achieve. Maybe they wanted just to pin some items to the top of the list, for which starring would probably be enough. But maybe ...


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 context to the arrow: I would continue to use colour as an additional clue.


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 appears stating: How many are currently selected A link with the number of the whole data set, and the ability to select the entire set


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 prefer the "bold amounts" option. The reason being is that the quantity is the part of the recipe that a person is more likely to need to look at more ...


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 – Wireframes created with Balsamiq Mockups


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-...


Simply adding the arrow at the bottom will help. Check the below img


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 sorting 100 entries. If I got the requirement to design a page where the user can manually sort 100 items, I would go back and question the requirement. I mean, ...


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.


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 ...


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 ...


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


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) while messages going farther back would fade more and more. This way, you could keep updating the feed, while a user would have visual notification that there ...


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.


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 +/- you are meeting user accessibility the best you can. You can do something like this: download bmml source – Wireframes created with Balsamiq Mockups or ...


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 in a different way could be more familiar to what people is used to. Example: Additionally, for money related movements the two pair of most familiar ...


Ω (Alt 234) will push an item to the bottom in windows file folders; I like it because it's intuitive.


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 immediately at the top left allows users to accomplish that task with minimal friction (no need to hunt for the button) If users need to scan the table before creating a ...


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 continue on reverse -- that way, it's directly in what they're (meant) to be reading/completing? I don't have an image editor to hand, but instead of: download bmml ...


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)


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't have to. If the issue is that people enter items they sell under a different name than what's already in the system, then the proper solution would be a ...


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't a single page document. Option 2: Add something to the end of the test to indicate it is done I wonder if there are workflow type triggers that you could use....


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 dropdown menu and s/he can't process the icon at the same time; it's physically impossible. You're counting on the user to either find the icon by chance or by ...


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 ...


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 same level as the static text. Something like this: the picture is not perfect, just a rough draft i made real quick.

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