Hot answers tagged web-app
56
Option 3 with no intrusive validation.
1 sucks because it's out of the norm. Copy and paste may or may not work. Tabbing to the next field may or may not work. People are good at correcting mistakes and the limited fields mess up their muscle memory. For example I might type
1912
When I meant
192
My fingers will nearly instantaneously correct ...
40
A checkmark represents something positive - usually 'good' or 'correct', so you shouldn't use it to represent something negative like 'serious violation'. I would focus on using either a X or a warning sign, with a preference for the warning sign.
Icon aside, I don't see any good reason to have columns for both 'serious violation' and 'Overall alert'. The ...
34
The short answer is: if you already account for 6 different mobile screen resolutions, you should also account for many large screen resolutions - keep things consistent.
The long answer: You're over-complicating this. There're 28 "standard" resolutions and creating a dedicated layout for all of them takes too much precious time. Instead, you should follow ...
22
I like JohnGB's answer. It's less fiddly and more visible than the slider.
For the sake of offering an alternative, if you do want to retain the slider, I would consider taking the 'never' option out. It doesn't really fit within the concept of a fixed range that the slider implies. In this version, you would only show the duration slider if "Delete ...
21
On closer inspection of your question, I am revising my answer. What you're trying to convey is "Does this company have a failure (i.e. non-compliance to some standard)? Yes or No". In which case, color is irrelevant, it's not a failure, and a check mark is somewhat standard.
Consider a table where multiple types of the same thing, like a tablet computer, ...
20
To "star" something is a very abstract concept hardly familiar outside Gmail. While people save things for later all the time, they hardly ever "star" something. While the star as an icon is fine, it doesn't translate well to a verb or action.
Marking things for later reference is commonly offered through either "bookmarks" or "favorites". Here, favorite is ...
19
The way that you have it now breaks the way that we expect numbers to work. 90 days is greater than 10 days, so the 90 days option is on the right. Never is the equivalent of infinity days, and so it should be the last option on the right.
The far left option on the slider would correspond to never keeping them in the first place - assuming you want that ...
19
A progress bar should be an indication of how far the process is. If someone sees a progress bar 50% complete, they are most likely going to assume that it is half way done.
In your situation, that is not the case, so you should avoid using a progress bar, unless you have some way of pre calculating approximately how long each process will take. In that ...
17
In general, yes, keyboard shortcuts have been shown to be effective. Some research suggests (1) that having keyboard shortcuts in a web app improves revisitation. In general, keyboard shortcuts enable power user activity. Keyboard shortcuts also improve accessibility. (2)
You also have the evidence of what the major players in the field are doing (i.e., ...
17
I cannot comment on your user test results since I do not know your parameters and scenario.
But, talking about gmail's new email input method. The advantage which desktop email applications had over the web based ones was, while composing the email (in a separate window) you could freely browse older emails and look into content you might want to refer. ...
16
If you use the slider, stick with it as the sole means of control. Extra controls add too much "tool time" in making the decision and may be confusing.
The solution I propose is to simply reverse the fine concept you have.
Make "Never" at the END of the slider and 1 as the lowest value on the slider.
Set the slider to the default setting or a ...
15
Depends on how you are approaching the concept. I can call it a WATCHLIST. What exactly do you want the user to do.
Create a list of jobs so that they can visit again and check them. Yes it works same as a favorite but the term doesn't suits the purpose of job searching. A person cannot have a favorite job post.
I will rather have 2 options for the user. ...
15
I would use a red exclamation point as the Icon in the column (similar to the Icon JohnGB used. My first thought was to rename the column so you could use a red X. For example if you renamed it to 'Conforming', 'In Good Standing', 'No Violations', or 'Playing By the Rules', then you could use a red X to indicate that the company is NOT conforming, or has a ...
14
Yes, there have been formal studies demonstrating that as users become increasingly familiar with mobile devices, they shift increasingly toward using native apps.4 This trend is likely a combination of three factors:
People prefer the familiar. If people know of a site or app that's likely to address their needs, they're more likely to use that known ...
13
Do you have to put 'OK' and 'Cancel' on the buttons?
One of the problems with OK/Cancel in dialogs (and similarly, but worse, Yes/No) is that the user has to refer back to the original question to understand what the buttons will actually do. This is probably more of an issue than whether the OK or Cancel is on the left or the right. For example:
Are ...
13
In 2010 Wikipedia moved their search box from the left of the page (directly below their navigation box), to the top right of the page. They posted a detailed explanation for doing so, including references to a number of research articles and results from their own research.
I'll quote some extracts, but recommend that you read the whole article:
...
12
Your idea could work, but you will need to take care when designing it. Variable sizes can appear confusing. Breaking the balance and symmetry that often marks pleasing design.
However, it's not impossible. This experiment, called elastic lists provides an excellent example with several ideas.
Get the code: Github link for elastic lists
This is a bells ...
12
As a brief bit of brainstorming on how to better present IP addresses to expert users, I'd choose a mix of options 1 and 3.
The way I would implement it would be remarkably similar to StackExchange's own tagging system, except instead of using a space key as a delimiter, I'd use a . so that as you type, it could bin your input into separate boxes:
It's ...
11
It's not. There remain vastly more desktop users than mobile users;
1.25 billion. The current number of active Windows users worldwide.
500 million. The number of Windows 7 licenses sold since October 2009.
400 million. The number of x86 PCs that will be sold in the next 12 months.
247 million. The number of iOS devices (iPhone, iPod touch, iPad) ...
11
There is no most important factor in mobile applications, as each application has to make different tradeoffs in order do develop the best UX.
It is however one of the more critical factors as it directly impacts almost every application. Other factors that may be more important are: aesthetics; correctness; simplicity; and similarity to known patterns.
11
As long as it truly is within a single year, a range slider seems appropriate here.
via Kevin Anderson on Dribbble
EDIT:
The date range picker on the google finance site solves the problem with my previous answer. This example doesn't "snap" to month increments, but a different implementation certainly could.
11
If a range of months could span across the year end, perhaps a circular dial makes more sense.
Since you have limited vertical space it would have to be a dropdown though.
Something like this perhaps:
10
Keep the slider, but put the 'never' selection on the right, and notch it so it appears apart from the finite values, as per the mockup below (mind my terrible MS Paint skills):
This way, you can use a single UI control with an obvious model of operation (move the slider right for longer intervals, and vice-versa), but you don't have any ambiguity around ...
10
If you are asking for data that usually follows a particular format, then ask for it in that format. Visually people are used to months shown in a calendar, so show it in a calendar, and let them select the months that they want.
Visually it is very easy for someone to see whether they have the months that they want like that. Here is a quick example of ...
10
If you know generally which steps take longer, then you can still use a progress bar, just make sure each of the steps has a section proportional to approximately how long the step will take.
Dominos Pizza tracking app does a good job of showing which steps take longer than others, as you can clearly see, step five can be up to 1/3 of the total time.
The ...
10
If you're adding more items into a collection of items, then the term to go with is Add.
If the action is to create something totally new that isn't part of a clear collection, then I'd go with New.
Since you have tables where you can add data (a row collection where you add rows), I would use Add for inserting new rows of data. It's quite common in ...
9
The address confirmation may only be valid as a confirmation one time, but that doesn't mean that you have to have no knowledge of it once it has been used. You could store confirmation links for a period of time (say a month), and if someone tries to use it again in that period of time, you would show them a page explaining that the email address (and show ...
9
I've done some quick analysis of existing applications to see what they do in such a situation.
Facebook - Red message saying 'no internet connection'
Vine - Greyscale sad smiley saying 'couldn't load posts'
Safari - Greyscale icon saying 'cannot open the page because your iPhone is not connected to the Internet
Flipboard - Empty (Grey) containers with 'No ...
9
It all depends on what your web application is supposed to do and how much of your site is changing on every page.
if there's a small section of your site that's supposed to change, AJAX is your best option
if a large piece of your site is changing (for example, only the navigation and footer are the same on all of your pages), then you should probably go ...
8
If I understand your question correctly you want to use a cluster icon to represent multiple individual icons that are too close together and would otherwise overlap and would be unclickable/unselectable.
If this is the case I always envision the red sphere-like pushpins that people use to mark locations on a map. For individual locations that are far ...
Only top voted, non community-wiki answers of a minimum length are eligible
