Tag Info

Hot answers tagged

62

You could try to use a short description of the actual cause, e.g. no budget


53

Neither. Settings are different from questions. This may seem obvious, but it drives a difference in UX design. Yes and No may be reasonable answers to a question: Are you a muggle? Yes / No However, in your case you are really asking the user to make a setting. For settings, don't make the user think too much: Describe what the radio button does ...


43

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


29

Issues You are right about the use of color. Users are unlikely to remember what it means if you have 8 states. It also creates problems for color blind users. Using a legend is not great because it forces the eye to dart around the screen. It also doesn't solve the color blind issue. 300 items will be difficult to navigate, so careful cell design ...


28

The first problem with having multiple 404 pages, each dedicated to a particular area is that you assume users were in the right part of the website at the point when they fell on to the 404. Bearing in mind that many links come from search engines and not necessarily from within the website, then I don't think you can guarantee that a dedicated 404 is ...


27

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


24

It's good to keep buttons in the same place. Here is a use case that could be pretty common. Let's say a user wants to just quickly glance at the additional information for the meeting. It's easier for the user to put the mouse in one location and click to expand (and retract), as opposed to clicking, expanding, moving the mouse to the new button location, ...


18

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


17

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


13

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


13

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


12

TL;DR. NO. "You want a ‘regular’ site, but squeezed onto your grandaughter’s phone." The icons are a symptom of our collective failure to wholeheartedly embrace all aspects of the mobile-first approach. Long version: Let's discuss the 3x3 9-dots icon and the hamburger icon (navicons) simultaneously because they're both the most controversial techniques ...


11

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


11

Proper feedback is one of the most important parts of creating good, intuitive UX. Leaving it be would provide very little feedback and may cause confusion among your users. From my experience in UX testing, the majority of users don't retain the information presented on many "one time" notifications, so its likely that this won't be the most successful ...


11

Treat a 404 page like an error message, which it basically is. A good error message offers the users way to overcome the problem. In your example, a 404 for meetings could offer possible matches for meetings, a 404 for recordings could offer recordings, and the same for documents. The possible solutions are different for each type of entity, and the reasons ...


11

Map of the manufacturing site You could consider having a map of the manufacturing site with location of machines: This will help provide context and streamline the process of operating the machines. Below is just an example ( limited number of machines). If you want to scale things up you can user architectural plans with more graphical emphasis. ...


11

Saying 'a user will get used to it' is really a design excuse: people may not be willing to take the chance of just clicking on your icon to see what happens. Not used these apps, but Google Ventures uses a good technique where the labels for the icons are shown onMouseOver. I'd recommend that as a good way to teach people what your icons mean without the ...


10

The focus state should be more obvious than the hover state A mouse over or :hover state is a more direct interaction (i.e. the user is controlling the mouse cursor directly over the button they want to click) The :focus state, on the other hand, requires a separate scan of the entire page in order to determine which component is currently being targeted. ...


10

You should (although it may be hidden in some scenarios). There are two things to consider: Mobile first You are basing your design on the current presentation - that's a reasonable thing to do, so long you remember that the presentation might change on other devices, like, say, a mobile phone. On a mobile phone the tabs may be collapsed under a menu, in ...


10

As you mentioned if the option B doesn't include the question I would go with A) because the question is simply enough to admit a Yes/No answer, plus the explanation next to the option is the expected and not something that really needs to be cleared before the user accept, the question already states the final consequence. Also you could use an alternative ...


7

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


6

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


6

For text, it's because of how many words/characters per line are comfortable to read - much research has been done and many blogs written... For images (think Facebook), if they were wider, they would get higher as well and you couldn't see much content without scrolling. I believe multi-column designs have been tried, users didn't know how to navigate ...


6

Material design provides the following benefits for web apps: It is a comprehensive UX + style framework, so it can speed up both design and development. It promotes responsive, multi-client user interfaces, in the sense that keyboard + mouse is a first class input method alongside touch and voice. So if you need your web app to work with mobile/tablets ...


5

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.


5

Usability shouldn't be looked at in terms of 'will it be acceptable to do x', if you know doing something is bad and you're looking for excuses to do it then you really shouldn't be doing it. Usability should be approached in terms of 'what advantages does doing x have?'. Disabling the back button...what does it give you? I am struggling to think of any ...


5

If you want a logical way to display it, I'll go trough that And by the way, care about typo size if you go responsive, that's quite low here.


5

It's best not to reload during a signup process, but sometimes it can't be avoided. There are many signup processes for even very mature sites (e.g. gmail, ebay, etc) which involve page reloads. What issues need to be addressed? Page loads create cognitive disruption to users. While you're filling in a form, the page becomes your universe so a reload ...


5

well, roundness of buttons comes from the Contour Bias concept: Contour Bias is a well-studied theory that shows that humans prefer rounded objects and choices over angled ones. The more angled, the more that human brains reacted with activity in the brain associated with fear and flight. in theory, your 50% rounded button should work better, and ...


5

BURGER VS GRID - same or different context? I think the burger and the grid generally have different meanings, though they're not formalized anywhere yet (at least, it's not widely known like ISO or W3 standards). The burger menu usually is more about navigating content within a context. You're on a website and navigate to different subsections of the ...



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