Hot answers tagged

147

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


94

Is not intrusive, and is barely noticeable. And Word users that are familiar with it, will recognize it easily, so you'll have some external consistency. Based on the comments, I edited this answer to note that is necessary to generate a difference between text and interpunct so I used a slighty bigger font size and changed the color from black to light ...


75

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


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


72

My go to has always been an blank, ␣ (␣) or the underbracket character ⎵ (⎵), which is wider. You can see them here on w3.org. I've used the underbracket a bunch in my programming courses to show space in program output. For example ...


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


61

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

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


26

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


24

Short answer To represent a space bar of a keyboard, U+23B5 Bottom Square Bracket (normal ⎵ bold ⎵ monospace ⎵). As alternative, U+2423 Open Box (␣). In HTML parlace, ⎵ and &blank, respectively. To represent spaces in text use the interpunct, U+2E31 Word Separator Middle Dot (⸱) or U+00B7 Middle dot (·) as alternative. Mind repetition and ...


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

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


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.


15

Can you use color? Wikipedia uses lightblue boxes to show the characters: But if you're limited to two colors, I would suggest these: ˽ ⎵⎴ - Modifying letter shelf, underbracket or overbracket to represent the button ⬚ ◌ - Dotted circle or square to represent emptiness 👽 👾 🚀 - A comedy option.


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


13

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

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

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


10

␣   ␣ Wikipedia lists the following characters for this purpose: Unicode space-illustrating characters (visible) Code Decimal Name Block Display Entity U+00B7 183 Middle dot Basic Latin · · U+237D 9085 Shouldered open box Misc Technical ⍽ ...


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


7

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


6

You are asking what 24 colors to use, but I think the bigger question is 'is there an ideal number of colors to even offer in the first place?' Looking at a couple of the sketching apps on the iPad, you will notice they they use very limited palettes. Paper, for example, has palettes of 7 colors: Granted, Paper comes with a bunch of different palettes ...


6

I have some fundamental guides to offer, which should apply to all UX, and is especially important here: Convenience doesn't have to compete with clarity. A designer is supposed to take maximum advantage of screen space while presenting information which doesn't confuse or overwhelm the user. But this doesn't mean that we designers need to trade the amount ...



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