Hot answers tagged web-app
You could try to use a short description of the actual cause, e.g. no budget
10 seems quite a wide range for what is essentially a 'do I like this' poll. Does it really make a difference if Fifteen people rate Availability at 7 and Thirty people rate it at 8? I'm not sure you really need that much accuracy in such a subjective poll. Why not use a standard 5-point Likert scale? (Image from the Wikipedia article.)
A common solution for table cells that are not available or applicable in certain situations (such as your %Δ for a budget of 0) is to use the placeholder text n/a (or N/A).
One approach that tackles the problem, perhaps counterintuitively, is to use a slider. The user actually has infinite (or near-infinite) granularity, but without having to make an agonizing decision between 7 and 8. Visually, this option is very simple, as there is only a single line with a single button. If you absolutely need the data to be on an 11-point ...
A few things about your question and some next steps: User Experience Experts are just people that swallow their pride & know to ask their users / customers. I'd like to think my experience gives me a solid base for presenting better-than-average first-shots, but I know that users ultimately control the direction of my work. I wouldn't necessarily ...
You could use an exclamation mark icon that shows a tooltip on hover to explain exactly, what it means and what is missing / what value is bad: download bmml source – Wireframes created with Balsamiq Mockups
To avoid the "somewhere in the middle"-answers one could also use a four point scale, which makes responses more accurate on for-votes and against-votes. This is especially useful if you want to make it very clear if users like or dislike a statement. While survey research scales may range from two to ten points or more, researchers have generally ...
You might consider having a word with the users and ask what they think they should see, though be careful, their initial reaction might be 'zero', which is DEFINITELY not right in any mathematical sense. I personally would leave the output blank, or perhaps use the term 'undefined'. If they really want to see a symbol, then I think you could safely put the ...
Sparling and Sen did research on rating systems titled "Rating: How Difficult is It?" trying to answer the question of how to choose the right scale (Like [unary], Thumbs Up/Down [binary], 5 Stars, Slider 100 points). You have to weigh the time it takes for each scale to be understood, interacted with, and then satisfaction. Really great paper. In short, ...
Most spreadsheets (OpenOffice Calc, Microsoft Office Excel, and Google Spreadsheet) will handle these cases displaying a non-blocking error akin to "division by zero": I think this is the best behaviour, because it does fill the field with something meaningful to the user, but at the same time it doesn't "stand out" too much and compromise the overall ...
If you do want the granularity of a 10-point scale, have you considered using half stars? This gives the compactness of having 5 options, with the granularity of 10.
From a user perspective, I would prefer a blank cell, if it is clear that this cell is computed by dividing Budget by actual. Background: Adding a long text adds a lot of noise to the grid, especially when no budgets are frequent. You might add a tooltip like excels blue green info mark, which shows "could not be computed, because the budget is zero"), but ...
Either: Give a cause - a couple of words stating why the calculation cannot be made. Use an error string - as other have mentioned, take examples from Google sheets and Excel. Check the result - when you do the calculation, if the result is NaN or Infinity, display N/A instead. Add a help link - a small '(why?)' or '(learn more)' next to the error that ...
It hasn't as much got something to do with whether "people like it or not". It's not a "certain percentage that likes it" or doesn't. It's about location awareness. By jumping to the content instantly, it might as well be a really quickly loaded new page. The user wouldn't know the difference. By scrolling slowly to the bottom of the page you show that, ...
It's not about whether or not to follow trends just because Facebook has done it. No doubt, Facebook has likely done loads of user research on what is more intuitive for most of their users. Source: How does something become "common knowledge"? You should do your own research to see what makes the most sense. In your case, the best way to ...
I've just thought about this way: or this way: It sounds far more explicit.
I think a slider that has stepped values should work reasonably well on a mobile device too, especially if you don't have to be very precise with the distance. The end points can be a minimum distance, and the maximal value can be everywhere.
You can use a numeric stepper. The user may enter the value with the keyboard, or use the up/down arrows. The default value should be empty (no distance filter). EDIT : See comment by @FodderZone download bmml source – Wireframes created with Balsamiq Mockups
Avoid abstracting the label from the control wherever possible. That is, avoid separating the control and the label that describes the control's state because that forces the user to look in two different places in order to understand what's going on. Instead combine them so that the control clearly describes its own state. In this particular situation, I ...
Depending on the questions asked, rating values can become quite burdensome in terms of cognitive load. When the user is asked to rate a property of your system, they are generally not asked for a precise measure, but an estimate or a perceived value. Can you always confidently tell the difference between something rated 2/10 and 3/10? What about 7/10 and ...
Placing buttons at the bottom are better as the thumbs or fingers could reach them easily - supports one hand operation too..
I like the way Ghost does it. This is the 'New Post' screen: In the right (in your case it's a full width button), you see 'Save Draft'. If you click on the arrow next to it, you'll see: If you click on 'Publish Now', the button has changed: In your case, you could do that with 'Public' and 'Private'. I'd prefer to make the default 'Public'. Just ...
From these screenshots, there are 3 functions in that part of your app. List of meetings, with search functionnality Meeting creation, with several steps Inviting people Apparently this menu is displayed on the list/search page? (I will assume so in the rest of the answer) A few points, not really ordered: It is not clear where we are. The title ...
How about this? Group is not redundant and also in line with the options.
You must have a clearly marked exit (Jakob Nielsen - Usability Engineering). You should have two buttons labeled "OK" and "Cancel". Do NOT add an "X", to avoid confusion.
I would use some small-styled text saying "DIV0" or "INF" / "∞", in a gray shaded box background with some negative space around that. It should look like an icon to show it's not a typed or calculated value like the rest. But the message can still be read clearly so that the relevance of the problem is apparent without having to understand some generic ...
Just because the medium changes doesn't mean visual balance no longer applies. Because web apps are in a browser and browser sizes vary depending on the user, it is a bit different when comparing it to print media, where the designer knows explicitly the dimensions of the final product. Design is not an exact science, but setting appropriate css rules with ...
One book I'm going through now is Interactive Design by Andy Pratt & Jason Nunes. It focuses on UX in general, but introduces you to UX practices and methods through real-life examples, which in turn gets you thinking about how to consider it in your own application. It covers some design principles, such as Affordance" and gives concrete examples of ...
Only top voted, non community-wiki answers of a minimum length are eligible