Tag Info

Hot answers tagged

1034

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


232

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


173

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


99

I think icons are the best possible way to convey the information about different flushing amounts. I see too much uncertainty by relying only on button relative sizes and ease of use. It can be a simple pictogram showing the tank in the relative size of water what will be flushed upon pressing that button. Or any other icons that conver relative size ...


84

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


77

I would say that "New" is best in most situations, as it is short and distinct. A good rule of thumb is to look at the other options you will have in your menu. You want to make scanning fast, so you want to make each option as distinct as possible. Here is a crude example of what I mean: download bmml source – Wireframes created with Balsamiq ...


73

The reason for the design was because of the technology at the time. Rotary Dial (Pulse dialing) To dial a number, the user puts a finger in the corresponding finger hole and rotates the dial clockwise until it reaches the finger stop. The user then pulls out the finger, and a spring in the dial returns it to the resting position. For example, if ...


61

OK, how about this? Should be understandable by everyone, irrespective of culture.


58

Selected – Create an inverted selection state which would make this feature more prominent. Many ways to accomplish but as an example; Make the button background black with a white or light grey pencil icon. Enabled – Increasing the contrast. Our eyes become less sensitive to light and see a narrower section of the colour spectrum as we age. Increasing the ...


55

There is no universal download button that, based on the language in your question, would make this particular situation any easier. The first issue is that there simple is no "universal download" button, other that putting the word "download" (or some variation of) on the button. You can associate an icon with it, but any icon is at the mercy of the user's ...


55

I would probably suggest icon first, then text; the text after the icon could then theoretically be any length (within reason), as opposed to the 'text first' approach which would leave your icon trailing behind in the distance. Also languages like English, Greek and Latin, or ones written in Cyrillic script are all written and read from left to right ...


51

Because litres are a unit used everywhere across the world, a non-language dependent text solution is to label the amount of water used. Typically the symbol "L" is recognised as litres in almost any scenario. Here is an example: In addition, the two labels could be used as "wave to flush" sensors, if spaced far enough apart, preventing the spread of ...


47

Ok I might be on to something: "New" is good for buttons that take the user to a clean "canvas", where the user can add his content. "Create" is good for buttons that "submit" the user's content or input (either into a database or to some public platform). In other words, "New" doesn't suggest that you're actually creating anything. It just sets the ...


46

contrast Your icons are lacking discernible contrast--both between the icon and the background, as well as between the active icons and inactive icons. Increase the contrast.


37

The most important factor is that at the time that telephones were invented, there was no such thing as automated call routing. There were people sitting in central switching stations. You told them, "Connect me to Mrs. Johnson", and they replugged the wires -- and here you go, you're now connected to Mrs Johnson. Later, automated call routing was invented, ...


37

The main reason was that it replaced hand crank telephones, and thus was a familiar interface. In the hand crank phone system, several houses were connected on one line, and each house was assigned a different ring pattern. For instance you might have been assigned one short ring, then a long ring. Your phone had a hand crank, a bell, a mouthpiece and a ...


33

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


29

For this kind of filter, I recommend to use button group: Buttons are easier to select and if you group these to show they work together, it is even more obvious for the user. Conversely, a dropdown is not efficient because the options are hidden.


29

There's no 'right' answer here. What is more important is that you are consistent within your own documentation. Regarding touch interfaces, the typical interaction is 'tap'. Regarding desktops, the typical interaction is 'click'. In both cases, it's not the ONLY interaction, however, as both touch devices and desktops can be navigated in other ways ...


29

I've seen flush buttons with: . .. I think it's fairly obvious that . is the shorter flush and .. is the longer flush. Obviously text, "Short" & "Full" are self explanatory, but from a manufacturing point of view it becomes a logistical problem and those terms may not translate well in other languages. Example image:


27

Designers' over-sensitivity It is easy for designers to overthink things (and equally under-think things). I highly recommend reading this research paper: Petrie, H. & Power, C. (2012). What Do Users Really Care About? A Comparison of Usability Problems Found by Users and Experts on Highly Interactive Websites. Proceedings of Human Factors in Computing ...


26

Since you have phrased your question 'Is it acceptable...', the answer is: Yes it is acceptable. A lot of things are sub-optimal and still acceptable. Depends on your standards :) Is it the best possible choice of colors for this particular action? No, very likely not! It does one thing and only one thing very good - stand out, however it also introduces a ...


25

Well, when you close an application it is gone. The Windows OS has no control over how software developed by third-parties will handle this very final action. It is up to the developer to ensure that the state is saved. Will they prompt the user to save their work? Will the browser store the last page you were at if you close it accidentally? Who knows? In ...


23

Seamless has a nice implementation of this actually: Here, the user can slide each option either way, or just leave it and continue scrolling if the condition was not discussed. Adapted from the elegant and modern design of @tim.baker (I would just add in the "x"s and "check"s, to help with clarity and in case of a person who is colorblind). This also ...


23

1. Align to left (+) Icons are in line. (+) Icon line is parallel to the line formed by the first letters of the words. (+) No unnecessary gap between icon and text. (+) Makes a good feel because of the similarity with list apperance where bullets are similar to icons. (+) In case of action buttons, icon comes before text, so you can associate the action ...


23

One button (or lever) which only flushes while pressed Saving water It only flushes while pressed, so that the user decides how much is enough. International There is no need for icons or labels, because there is only one button to press. Barrier-free One big button is easy to press for visual impaired. No additional instructions needed. Flexible design ...


22

I hate to be a stickler for tradition but I think, in this case, it sounds like management's taste in UI has over-taken the user experience. In UX terms there is nothing wrong with what you had, in fact it sounds lie it may have been better - given that everybody understood it. Colours also might help with your contrast ratios. It might be worth ...


21

I did a bit of research after reading through your questions and the current answers, and found that there is some evidence to suggest that preference for the color red in humans, like in other nonhuman primates, depends on the whether the context is friendly or hostile (Maier et al., 2009 and follow-up studies). As summarized in the abstract (emphasis ...


18

Why not replicate the way the users are used to deal with this on a form? That's what you're basicaly already doing in your second mockup. download bmml source – Wireframes created with Balsamiq Mockups The way to change from the one into the other would be clicking on it, and cycling through the three states.


18

Check out Google Drive - they use red buttons. I don't think that red signals error as long as the theme and GUI parts of the page goes in red (and that is probably why Google uses those colors). If there would have been a red and a green button, then I would have been suspicious about clicking the red, but in this case I don't get that feeling. The ...



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