Hot answers tagged

146

This is where UX gets hard There's nothing inherently wrong with your interface. It appears to be handling a large amount of information in a reasonably clear and standardized way. But there is something wrong with your interface: The users don't feel comfortable in it. That's a complicated problem to solve, but it is the heart of every UX design project. ...


74

If your app is the same as your website, then why have an app? As a mobile user, it drives me crazy how every single website tries to convince me to download a dedicated app, which often turns out to be nothing more than the same web functionality repackaged. This adds no user experience benefit at all. I'm sure the company in question thinks it is a ...


73

There's an easy way to approach user-select: none, and that is to ask a single question: Would selecting the text be the primary/secondary interaction a user would intend if touching the screen there, or would it be a hindrance to the task they were trying to carry out? Image Carousels (love them or hate them) are a fantastic example of this. In a touch ...


64

In general, you shouldn't use it globally. Oftentimes, users select some text, maybe to highlight something to show a part of the text to a friend, to copy text or to mark the text just to be able to read it better (which I do when the text is pretty wide and it's hard to follow the text wrap in the sentence). However, there are really good examples where ...


59

Repeating those table row labels for every game box is contributing a lot to the perceived clutter IMO. Also is all that information necessary? You could perhaps try simplifying, but add the ability to expand if necessary.


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


30

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


29

You have a good UI but a few things strike me that perhaps can be improved: Too many lines (you can remove most of them I believe) Too little contrast between the different parts of your design (try bluring your eyes and see if you can still discern the different parts of your design). The cards are especially problematic. Make them pop. I removed some ...


25

There are such people as "selection readers". I am one of them. I (for some reason consciously unknown to me) have a tendency to select text while I'm reading it. Sites that stop me from doing so make me very sad and mess up my user experience. I also completely disagree with the point in what is currently the top answer. Those things that pop up whenever ...


18

I think you've answered your own question. The special cursors demonstrated on that web site are rarely needed, whether in a browser or outside of one. Of the 31 cursors, 14 of them are for resizing elements, which isn't really a common task.


17

From an UX perspective there's not doubt that you should always show the user the current state of the system, if not, users could think that their action was not really performed / recorded which can only derive in bad things. (users untrusting the system, getting mad, redoing actions then to discover they have duplicated data and have lost their time, ...


16

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


15

I see Progress and Help used fairly regularly. Other than that, the rest of them are mostly situational... there's no need to use them out of specific tasks and environments. Using cursors where not absolutely necessary violates the rule of don't confuse your users, ever. If you can use a normal cursor, do.


14

Edit People should read this article about the hamburger menu. The hamburger menu does work, although there's often better solutions. Big companies like Facebook and NBC have found that to be true and they've changed from burger navicon to a TAB BAR, a tab bar with icons + words seems to give the best conversion rates. Complex navigations can be nested. ...


14

The data being displayed by the cards would make a lot more sense in a list or a table. Each card has the same exact fields with different values, and you're displaying the labels for the fields each time. A table with headers would only display the "Time", "Language", etc. labels once. As a note on cards, they seem more suited for mixed or free-form ...


12

Not being able to select text is the most annoying anti user-friendly css property there is right now in modern websites. Reasons: Lets not try to act as if our website is something it isn't. It's not a mobile app and the reason you cannot select text in an application is because it is not inside a text-box and therefor is not supposed to be selected for ...


11

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


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


11

"Default", "Pointer" and "Text" are defaults in browsers. Others we forget to specify for developer — because we paint static images. But if we work with interaction our-self, we will remember to use "Not available" cursor for disabled elements for example.


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


10

I would use there 24 Colors found in 24-pack Crayola Crayons. red, yellow, blue, brown, orange, green, violet, black, carnation pink, yellow orange, blue green, red violet, red orange, yellow green, blue violet, white, violet red, dandelion, cerulean, apricot, scarlet, green yellow, indigo and gray I'm sure some sort of research went into getting ...


10

personally, I don't think it's cluttered, but yes, it's a bit overwhelming. Basically, I see your screen and have no idea where to look and what to do. The most important aspects seems to be an L in a corner and the fact that someone is online (this is because of your use of colors), then you mix information giving everything the same level of hierarchy. ...


9

There are many contexts in which it is good UX, and many where it is bad UX - there's no one-size-fits all answer. As you flag in your question a button or action that when clicked highlights the text isn't good UX, and there are likely to be very few circumstances when a user should need to highlight that text. However bodies of text shouldn't be disabled ...


8

The Android could throw the Apple out the Windows When you provide an Apple-like look and feel on a website, would people visiting the site who use Android phones, Samsung tablets, Windows phones, Surface tablets, and Windows laptops will see the same thing? If so, do you see how the Apple experience might not be familiar—or welcomed—by non-Apple users? If ...


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


6

The answers provided here are great, but a few observations: Put the avatar of user in a grey circle (multiple grey circles looks cluttered), same way put meaningful information in all game cards. Keep only the green circle as a notion for online users, remove text i.e. 'Online' from the list of friends, but keep the text in the logged in users statuses as ...


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



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