Tag Info

Hot answers tagged

13

You shouldn't rely on just color for this. Most colorblind people cannot differentiate red and green, especially on very small icons. One possibility is to have some sort of network connectivity symbol to show when the connection exists and put a large red "X" over it when the connection is off. Use color to reinforce the symbol shape. Even spell out ...


10

I would draw your attention to an accessibility concern with using colour. To cite WCAG 2.0: 1.4.1 Use of Color: Color is not used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element. (Level A) I would suggest, then, using a combination of colour and imagery, for example, ...


9

I would go with option three: show both as separate messages. The reason is that it makes it clear to the user that there are two distinct system states as a result of their action. One of Jakob Nielsen's 10 Usability Heuristics is visibility of system status: The system should always keep users informed about what is going on, through appropriate ...


8

I suggest not making the change at all. Here's why: The affordance you are trying to provide could cause more confusion than help. Since you have small number of filters, giving the repeat users more help to "not have to" set the filters to their liking every time is a nice thought, but weigh this against this user data: • how long does setting the filters ...


6

It can be confusing to put something that is (that is the status) in a button that represents something that could be, (that is the action). Try to separate the Status and the Action (or button) into two clearly different elements, for example a text label and a button: download bmml source – Wireframes created with Balsamiq Mockups Then apply ...


6

My suggestion is not to do this. Hue doesn't have an inherent order (ROYGBIV is surprisingly non-intuitive especially when you have to compare across the rainbow). "Is teal before or after forest green?" And individual colors communicate entirely the wrong meaning: e.g., when the project is 'red' does that mean it's behind? or in trouble? or blocked? Not ...


6

One idea that comes to my mind is to use a fairy standard way of representing completed steps of some process by showing a chained circles. The only difference is to use circle size to demonstrate the difference between number of apps in every step and use gradient (or, possibly arrows between circles) to show the direction. You may also try to number steps, ...


6

You've mentioned that a technician could have plugged a speaker into the modem, but many problems with modems were of a non-technical nature: Phone number was engaged. Wrong number and a person was answering the phone. Best to know about it early rather than continually calling back. Phone number kept ringing indicating a problem at the other end. General ...


5

Is there a need for a teacher to know the difference between 92 and 95%? If not maybe you should show the scores as letter grades (A, B+, F, etc.). That way you avoid the confusion between the percentage being for the score or the completion. If you need more fidelity for the progress, you could use 5 icons to show this. Mindjet Mindmanager has a nice ...


5

You are correct that color alone will be problematic especially with red and green side by side. A good nested progress bar needs elegant answers to the following questions: How do I qualify the types in the array (new, good, due)? How do I quantify the types in the array? Color alone is an inadequate solution for either need because you have no idea ...


5

Some points for good labeling are: Short – 'submitted' vs 'uploaded_for_processing' Distinguishable from each other – bad: 'uploading' and 'uploaded', good: 'uploading' and 'submitted' Same styling rules – try not to mix verbs and nouns and use same case Understandable – user should know business process to match labels in UI to business phases For ...


5

It may be worth reconsidering displaying any zoom text at all. This is how twitter deals with zooming: The question I would ask is whether or not displaying text is redundant/necessary. Does the user need to know the zoom percentage? Is this game going to be available for mobile devices as well? If so adding that extra text field is going to reduce the ...


5

The button label can either tell you the current state, or the action that button will do when pressed. Therefore, the spec is not fulfilled since it requires both state AND action. A better looking and more intuitive UI is a toggle switch (courtesy of http://ui-cloud.com/toggle-switches-ui-elements/): This part of the answer is rendered obsolete by ...


5

I think your question is somehow based on a stereotypical view that internet has been here for ages and everyone knows how to use it, thus labels such as this particular one seem to be redundant. I actually believe that explaining every action accessible by the GUI is a very good idea, especially in cases where you can't exactly predict your target (age ...


4

It's going to depend on how many parallel processes have been launched. If it's only a few then you could show a progress meter for each on the main page. The drawback with this is that it takes up more space the more processes you have - and eventually you will run out of space and overwhelm the user with information. For many processes you could have a ...


4

They're "Mobile". It's as simple as that, it denotes their current "Maybe I'm here, maybe I'm not, but I am online" state. When IMs don't have this state it's common for people to think you're just plain online, which can result in people IMing you thinking you're right there, so make sure you do communicate this. If you have icons, a phone icon is a ...


4

Why do you need to display this information on a list of profiles? Who is interested in this information? Is there any actual benefit to other users? For example, knowing someone is paid up LinkedIn member as opposed to someone who's just using a free account doesn't really affect me as another LinkedIn user. It doesn't change the way I can interact with ...


4

If errors are clearly indicated, then users can assume that a task that is not marked as an error did complete successfully. However, if most users may have never seen the record for an errored task, then this confusion could occur. Here are my two suggestions, and in my opinion, you should utilize both, but one should be be sufficient: Change 0 seconds ...


4

Given the restriction that the information should be displayed in a single row (limited vertical space), your original solution describes a horizontally oriented stacked-bar chart (bars lying on their sides), with a single stacked bar. Perhaps consider the following: Keep your original idea, but instead of using different "random" colours, instead use ...


4

Options are: color coding (use background color) marker icon I would say the obvious solution is to use progress bar in order to show the actual progress. Example 1 Example 2 Update As rk mentioned it is really better to mark completed processes (sorry, I haven't created examples myself). You can use different color or different mark. Something ...


4

A common affordance which informs users about cars reversing in india is the use of audio tunes to inform the user that the car is currently in reverse. Though its a very good affordance which immediately informs the user and the people around him that the car is in reverse, it does suffer from the issue of contributing the noise pollution and also the ...


4

A few solutions could be: Color coding on shifter - Forward moving gears could be colored green while reverse is left white. Red wouldn't be ideal since that's so closely related to 'stop'. There are problems with this approach because does white clearly mean reverse? Would a user be looking at the gear when choosing them? Could the graphic on the gear ...


3

This is a very difficult problem on the web because (until the HTML5 web notifications API is adopted more widely), you can only notify users if they're already looking at your page. If a long-running task is going on in the background, you probably can't safely assume that the user will be using your page while they're waiting for it; they're more likely ...


3

A pretty standard example of such an implementation is in the area of file transfer - eg for ftp file transfer between desktop and hosting website. You typically transfer a bunch of files and leave it be, so that you don't have to transfer one at a time. So the application shows a reporting or log window/area with a list of the files to transfer, indicating ...


3

Don't let the admin delete a role without assigning those users to another role … or creating a new one. And make it easy!


3

Some software and websites address this issue by proposing to reassign the whole set of users to an existing "Unassigned users" or another role that the user can choose. That's a good thing to do because you don't prevent the user to achieve his primary task i.e. "remove a role". You stay out of the people's way. So to help him get further, I'd propose him ...


3

You can make rough estimates by performing advanced search on LinkedIn. You can search for "UX OR user experience" keyword within people profiles from UK. I see 3360 profiles (I filtered by "current" title). checking how much members from UK there are in IXDA members list (http://www.ixda.org/members). Or/and: ask in relevant threads on quora.com - ...


3

As outlined in the revised question it materialised that the pattern required was not for applications at a certain stage but rather applications assigned to a specific group. So I decided that Tyler Langans Answer 2.0 would be best suited to this when combined with some tooltips, mouseover states and CSS3 opacity transitions to avoid too much clutter when ...


3

You should ask yourself what you expect the user to do with the knowledge of being connected or disconnected. Will the user experience inconvenience when disconnected? Does he have to adjust his behavior when he is disconnected? You mention the state of being online, but disconnected with the service. Unless there is a way for the user to remedy this, I ...


3

How about something like this? download bmml source – Wireframes created with Balsamiq Mockups Grey is done Moving texture indicates pending tasks/currently processed part White is "missing" stuff, which needs to be processed



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