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


79

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


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


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


49

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


47

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


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.


38

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.


35

Some comments: The Go button size should be bigger and present the best contrast of all since it's the primary one. Clear is okay because it's a secondary action and it should be neutral. For me the Switch button has too much presence both in size and constrast. I'd position it between the Origin-Destination dropdowns, where it make more sense "by it ...


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

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


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


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


20

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

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


15

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


14

As you will be using Android, perhaps refer to their own Design Principles documentation? They use 'touch'; Access the entire collection of apps and widgets by touching the All Apps button at the center of the Favorites Tray. I would also say you 'touch the button' because isn't that exactly what you are doing on a touch screen device? That surely is ...



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