Hot answers tagged

227

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


139

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.


87

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


79

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


65

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


59

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.


54

Another solution is the facebook-like "multi select bar". (I don't know the exact name) You can find an example here. Basically it is like a text input field but the selected items turn into "tags". Just try it out on the page I have linked to.


41

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


38

I've used a little "grippable" texture on stuff to show that it's draggable. Here's Gmail's texture:


38

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


28

I would go with a check mark on the left side. Reason being: Since the list is in English, the user will be reading from left to right. The length of the text need not be the same, leading to uneven right end. But the starting position on the left will be the same. Makes for easier scanning.


27

There are several common options of sorting languages: by importance (e.g. how many speakers use the service) by English names by latinized native names by Unicode character codes (first languages with Latin scripts, then Greek, then Cyrillic, then Hebrew, then Arabic, then Indo-Aryan languages, then East Asian languages) BBC World Service and Radio Free ...


27

I'd be tempted to tweak the layout slightly to avoid having lots of columns: download bmml source – Wireframes created with Balsamiq Mockups


27

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


26

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


24

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.


23

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


22

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


21

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


20

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


20

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


19

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


19

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


18

Vertical lists are much easier to scan than horizontal lists, because all items are aligned to the same line, so when you're looking for an item, you don't need to read the entire word - you can quickly scan the first letters and get directly to the item you need. See how much less time it takes you to locate items beginning with P on Craigslist (within a ...


18

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


17

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


16

The trivial, most general answer is that sorting by last name makes sense when users are matching based on last names and sorting by first name makes sense when users are matching based on first names. Of course, this gets you absolutely nowhere because the hard part is figuring out which is likely to be the case! It's not possible to do this ...


16

Before for left-to-right languages. After for right-to-left languages.


16

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


16

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


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