Tag Info

Hot answers tagged

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


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


62

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


56

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


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


52

Not everyone uses a mouse. Focus is vital for users who need to press Tab to move between interactive elements on your form/page. Creating a :focus style for your buttons (ideally similar to :focus on other elements) allows those users to see that they are no longer typing in a text input and that the submit button is active if they press Return. Even ...


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


48

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.


41

If I understand you correctly, you have a window that automatically saves changes for the user as they adjust items. Currently you have a button that say "Close" on this window. Your clients are requesting you to rename this to "Save and Exit". But since the save action has already happened while they're making the changes, the button really just closes the ...


38

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


38

Microsoft's MSDN Guidelines claim: Preserve user selections through navigation. For example, if the user makes changes, clicks Back and then Next, those changes should be preserved. Users don't expect to have to re-enter changes unless they explicitly chose to clear them. See source Rightly so, IMO.


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


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


24

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


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


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


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


17

I believe that's a preference thing. The main thing is to be consistent with what you decide. It could vary on what section of the app you are talking about too. For example, your buttons and titles might be Title Case capitalized, while your links might be lowercase. Again, just be consistent within the sections that you are standardizing.


17

The generic icon is just like you show – an arrow pointing downwards. Better context can be added by indicating that an item will be moved into something (a computer or hard drive on the more literal end, or a simple outlined box, are commonly used symbols). Conversely, you can add context by indicating that the file is coming from 'the cloud', a symbol that ...


17

A google image search for toilet flush buttons brings up a surprising variety of designs. I didn't realise there were so many! I reckon the small and large buttons representing small and large flushes respectively are the best. And then couple this with separating the buttons apart so that the large one is not easily pressed when you try to only press the ...


17

A possible alternative could be a slider: PUSH RIGHT small BIG FLUSH -------------------------------------- | |===\ o O O | | |====> o o O O O | | |===/ O O | -------------------------------------- You push it half way to the right for a little flush and all the way to the ...


16

I agree with SavTheCoder but it depends on your page structure. If it's a list, the Stack Exchange system is very efficient But if it is a grid page you should do something like this. Don't forget you can give more importance to the upvote or downvote button according to what you expect people do. If you want to encourage a positive feeling about the ...



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