Hot answers tagged

1382

Both ways seem to pose a false-positive paradigm. This can be simpler and not have to force the user to spend time making sense of the color-to-label association. Simply make the "Delete" button more prominent. Make the "Cancel" button less prominent. In regards to the labeling within the buttons, there is no need to put much context into what essentially ...


323

I'm not so sure you should be thinking only in terms of red and green. Red has typically been associated with danger, potentially dating back to the middle ages (citation needed). A quick Google image search for "delete" yields almost entirely red images. To me (and to bootstrap) green indicates success, red indicates danger. As deleting is a dangerous ...


227

Looking at this from a slightly different angle, where possible you could consider removing the confirmation entirely and switching instead to an "Do/Undo" process. This method is often used across the Google services: It has the advantages that it's culturally neutral and more efficient for the user (one-click rather than two to delete). Disadvantage is ...


172

Here in Finland the main reason is this: Image source Road markings are used to denote speed limits but never as a primary mean. And as Jung Lee points out, re-applying road paint is labor intensive, especially here, as studded tyres usually erode most of the paint in one or two winters. Edit: The Finnish law actually states that road markings, such as ...


135

There are many reasons, but the main ones are visual cluttering and hierarchy of information on one side, and structural consistency on the UI side. Visual Cluttering Clutter is an important phenomenon in our lives, and an important consideration in the design of user interfaces and information visualizations. Many existing visualization systems are ...


133

With all due respect, I think every answer so far has missed the mark somewhat. First of all, based on the Context section of your question ... Context Before deleting an album, the user is asked to confirm the action. ... we can deduce that this is not a success or error modal, but rather it is a confirmation modal, which implies a warning or caution ...


100

To add to DA01's great answer, here's the history of cursor arrow. The link also links to a well known document from Xerox with further explanation, from which I took the image below. However, this document doesn't explain the reason behind the tail. This being said, the reasons for tilting explain why tilting was needed. Now I'll take the same image and ...


95

MD guidelines aren't rules The Google Design team wanted to provide a good selection of colors for app devs who can't think in color. It's a solid palette (the whole UI framework is great), but it doesn't have everything for every scenario. Don't be afraid to part with them. Working off of your blue background, I quickly landed on an "alerting" color that ...


93

It is a matter of: Usability Comfortability We wear it on our less skillful arm. It makes sense for right-handed people to wear it on the left wrist because it is easier and gives more precision to manage it (set time, alarm, etc.) with the right hand while wearing it, and also more comfortable to leave the right hand free for anything else (and I guess ...


87

Basic users first I assume this isn't a color theory app. If this is intended to support quick color selection with a sub-set of power users, a hybrid palette chooser / builder will work well. Make ‘easy’ easy Start with a palette-based chooser with reasonably sized swatches that simplifies the user's job of making a fast selection. Google has ...


85

The optimal line length for your body text is considered to be 50-60 characters per line, including spaces (“Typographie”, E. Ruder). Other sources suggest that up to 75 characters is acceptable. source Keeping a website clean (and simplistic) is a design trend, but it also has usability values. There is less noise and users can find stuff more easily. ...


84

It hurts the eyes Certain colors and color relationships can be eye irritants, cause headaches, and wreak havoc with human vision. Yellow, pure bright lemon yellow is the most fatiguing color. Why? The answer comes from the physics of light and optics. More light is reflected by bright colors, resulting in excessive stimulation of the eyes. Therefore, ...


80

Instruct Having something like this doormat outside your front door will 'permission prime' your guests on your expectations about shoe removal. Reinforce Having your shoes on a shoe-rack on the inside of your flat will further reinforce your expectation.


77

There is a reasonable limit in the amount of information the user should see at once. If the view is filled with more information than the user can assimilate/understand it becomes overwhelming. This will depend on the kind of content and the way the information is displayed. It is not a matter of leaving empty space, but of using the amount of space ...


75

It is about increasing the chance of the user having a look at the popup. Task-completion mode Users in task-completion mode are eager to fulfil their goal (eg, "Is the product/information/answer I'm after on this page?"). As such, they simply ignore anything irrelevant because it is an obstacle to their goal. Obstacle placement On-load pop-ups are ...


57

It's an arrow: pictograms of arrows have mostly always had at least the arrow head and the shaft: Whoever drew the cursor as we know it was drawing an arrow. It became the default standard. You are right, it probably would work without the shaft (or tail) just as well. It's just that it's not what the UI designer chose when it was created and we've ...


56

Practical origins defined our tastes When car finishes became shiny (because they weren't always) [1,2] due to the availability of the required technology and paint materials, it was mostly for practical purposes - cost effectiveness, weather resistance, rain run-off, aerodynamics, ease of cleaning. Consumers found the attention-grabbing gleam of a shiny ...


53

White is giving the appearance as the absence of data. Data visualization is not about what you intend, it's about what they perceive. Black and white have connotations as opposites. Some cultural connotations are good/bad, empty/full, etc. These vary. Seeing this much black and white is also harsh on the eyes. I'm losing track that these are parts of a ...


51

Well, you can write the predicted year of death based on user research, or you can say "TBD" :). And more seriously - it would be a good idea to develop two templates for this item, one for dead presidents and another one for those who are still alive. The "alive" one shouldn't contain the "Died" field at all. The downside to this is that it may not be self-...


50

If the data is tabular, then I see no reason why one shouldn't go with tables? After all, the whole purpose of table element is for showing such type of data. But if your query is how to make the tabular data look more beautiful, then read this article - http://darkhorseanalytics.com/blog/clear-off-the-table/ In nutshell, it follows the principle of 'Less ...


49

You read as you approach. Theoretically. In reality, levels of visual acuity mean that some people (like you and I) can read the whole block at once. Another reason that painting information on the pavement isn't always ideal. Here's a good visual for how this is designed to function in practice: The trick is (as the image above shows) the spacing of the ...


49

It's called Cover Flow. It's used by Apple in OS X (among others). Cover Flow is an animated, three-dimensional graphical user interface element that is integrated within the Macintosh Finder and other Apple Inc. products for visually flipping through snapshots of documents, website bookmarks, album artwork, or photographs. See: Cover Flow Edit ...


48

This is a similar question to the one about ATMs, and a similar approach could be adopted. Since modern machines can detect that there is an original on the glass (or in the ADF), it would suffice to prevent access to the copies until the original is removed. For that, the completed copies would have to remain inside the machine behind a door which is only ...


47

It is not uncommon to take your shoes off in Europe (at least in the UK and Belgium where I've lived). However, just sticking up a sign might be seen as rude / impersonal. If all else fails it's best just to ask people to take their shoes off. Assuming that your place is clean their shouldn't be any objections (unless they've got hole in their socks). As I ...


47

It's an ordinary Carousel with a fancy 3D touch to it. Image source: Yahoo design pattern library Carousels are often used on webpages, in this context a carousel often shows a single item at any given time and offers some sort of auto rotation function. Many think that using carousels on webpages (as header) is considered bad practice, for various reasons ...


46

I would say there are a couple of aspects here Line of sight : Though while driving your line of sight is mainly on the road, the main point of focus is at object ahead of you straight ahead (e.g. a vehicle going ahead). Hence writing the speed signs on the road would have to require the person driving to focus down and assimilate the information which ...


43

Users are more likely to think twice before clicking on something that is red. For which one of the two options do you want them to think twice before clicking? Which one of the two choices will potentially trigger more irreversible events? Source: http://en.wikipedia.org/wiki/Red#Warning_and_danger


43

Don't do that, there are different approaches to filling out values, and for some it would be disruptive. For example if the user just wants to change the last digit... A good, non-disruptive alternative would be a small "clear input" button.


43

While for the end-user, the "less-is-more" theory tends to be a huge win, you've got to get into the client's shoes to get where this opposition comes from. The short answer is: they want to 'get what they're paying for.' I usually find myself in the sometimes awkward space mediating between board members, designers and the rest of the development team (...


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