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


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


53

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


52

Type of the information captured and number of fields required It really depends on the type and scope of the information you are asking for and the number of fields that need to be filled: I have tested and used this pattern sucessfuly in login and and password creation. I think because the interface is so simple and the number of fields required ...


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


51

There is no good way Here's the design logic: Backgrounds are perceived by users as backgrounds, i.e. inert and uninteractable. This is obvious. In order to communicate to users that the background is tappable, you need to tell them that. The most reliable way of doing this is to sign it, i.e. Tap to continue. Note that trying to do something fancy ...


49

Are the listed words really synonyms? I cannot provide any references now (possibly because many software developers/producers do not consistently follow the distinction, either), but my impression is that at least abort and cancel are slightly different: Cancel sounds pretty much like a routine operation. You can cancel something before it has really ...


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


39

The words have subtly different meanings. Stop means to prevent something from continuing, but not necessarily permanently. E.g. stop video playback. Terminate means to stop permanently. E.g. terminate process. Abort means to terminate before completion. E.g. abort file transfer. Cancel means to make something void. E.g. cancel subscription.


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.


31

Click button to create. Two major columns of UX design are ensuring that the interface serves the users' will, and that users are totally in control of their environment (bokardo.com says it better than I do). By automatically creating the next entity, you're making the user question what action has just happened to them and their environment. The link ...


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:


29

What is the better solution? The always-active button. Why? With an always-active button, you can select it, and then be told what isn't complete. With an inactive button, you are stuck. You may not know why it's inactive and as such, hit a dead end.


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

Like everything, this will depend on context. However, "Abort" is one of those 'computer words' that isn't normally used by people in everyday conversation, along with things like "terminate" and "submit". It's one of the reasons that in the past, people had to take computer literacy courses in order to understand technology. Thankfully, User Experience and ...


23

What's the issue with giving the user a predefined region of space with some sort of indicator that that space is where they should tap to continue - a button with an appropriate continue icon (the right-ward arrow is popular), for instance? From a UX perspective, you're removing a level of complexity by removing an unnecessary choice, namely where on the ...


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


22

The style of shapes can alter the look and feel of the application and thus change the user experience. Apple got praise with their rounded corner movement showing that a different style shape can lead to a better User Experience. Lets look at examples Which image is easier to follow? Which Image would you prefer to look at (aka is easier ...


21

It's good to keep buttons in the same place. Here is a use case that could be pretty common. Let's say a user wants to just quickly glance at the additional information for the meeting. It's easier for the user to put the mouse in one location and click to expand (and retract), as opposed to clicking, expanding, moving the mouse to the new button location, ...


18

X has never meant exit, but there's a reason for the confusion X has historically been overloaded to mean two different things: Delete an item. For example: Close or Dismiss a window. This is not the same as exiting an app but historically, hitting the X button almost always resulted in an application exiting, so that is why users sometime confuse ...


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


17

I would have to say that this behavior hinders user experience. If you've ever read Don't Make Me Think by Steve Krug then you will quickly realize that this pattern is breaking the rule stated in the title. One might ask, Why is this disabled? There is no benefit to make a user jump through this hoop. Basically what I am implying is that the user is ...


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


15

It's tempting to say that because we're not used to it, it must not be a good experience. I think we mean that change is necessarily a good experience... it's not comfortable, but the end result may actually be better than what we had before. We are used to toolbars, but how often do we get lost in menus or confused by a row of buttons? The single floating ...


15

A cross should always be used to close something. The problem is the meaning of closing. One thing is for sure, closing is not the same as minimizing. Your example for Skype in Windows is not correct. Close button closes the window, while the minimize window button minimizes the window, but doesn't close it. Therefore they don't do the same. On Mac OS, ...


13

About links Here a fine article about consistency : http://www.uxbooth.com/articles/consistency-key-to-a-better-user-experience/ A few lines The design of your site should also be consistent. Users remember the details, whether consciously or not. For example, users will associate a particular color on your website as the “link color,” they’ll ...


13

The toilets my college use have a fairly intuitive design. (Focus on the water droplets label on the handle itself.) That is, pull in the direction of 1 water droplet to flush with less water, and push in the direction of 3 water droplets to flush with more water. This is me speculating, but I can also see how pulling/going up could relate to something ...



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