Tag Info

Hot answers tagged

15

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


12

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. download bmml source – Wireframes ...


8

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:


5

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


5

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


5

One button. (or lever.) It only flushes while pressed, so that the user decides how much is enough. You could also control the water flow by pressing the lever only a little bit. I think a single lever was common in germany a few decades ago. Then there was a short hype 15 years ago, because they are saving water. But now they disappeared completely. ...


4

Two things I can suggest to improve that interface: Eliminate that lines between rows and use a different background colour for even and odd lines. The contents of sorting column should have a highlighting, like, marking it with a different colour in the background or changing some attributes of the text, like boldness / font, etc. UPDATE: U3. Make the ...


4

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


4

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


3

Among those I have seen, I prefer the "small droplet" <-> "large droplet" one. If I want much water, I press the large droplet. If I want less water, I press the small droplet. (Both buttons are equally sized.)


2

When our sales people asked for a feedback mechanism in our TV app to determine our net promoter score, we went through this thought process as well. We identified a few objectives: Don't interrupt anything the user might be doing at the moment. Make it trivial to click away/ignore for users that are annoyed. Be concise, short and polite. Don't produce a ...


2

I recently tackled a similar problem, and this is what I came up with: The basic search box works in realtime for queries containing the search terms entered. Clicking the Advanced Search button bring up the second dialog where users can enter more complex searches like date ranges or things that don't contain a search term. The input fields vary based ...


2

Information Architecture - IA - in a literal way tells how the the information is architectectured or arranged or designed on any application. Ideally it shows the directions for a user to reach to a specific location containing the info user is looking for. And for that there are several things like - navigation, controls, signs, - which account for the ...


2

The design should be made in such a way that, it can perform equally well in both the case, i.e. user interacting with forefinger and user interacting with thumb. Best way to do this is, to leave enough room surrounding any action elements, so that user would not tap on wrong buttons mistakenly. Now when user controls with forefinger, his finger can ...


2

Basically the number of choices given to the users should not be too many. How much depends on what the product is and what are the suggested products. Since, here its food, the lesser number of choices the more likely that people would actually make a choice. Sheena Iyengars famous jam choice experiment talks about choice overload. " At a luxury food ...


1

You could try using 5 steps rather than 100 then a phrase like 'at least' or 'minumum available'. By only changing your graph when one of the main chunks is completely full the user will only be able to deduce that there is somewhere between (in the example) 2 and 3 chunks of space available. Your graph for either 41% of 59% would look like this. They ...


1

People can remember on average between 6 and 9 things at a given time. I think this is one of the reasons why most website like Amazon and Ebay show a number of suggestions that is fairly close to this figure. You don't want to overload your user with suggestions.


1

I like your second solution better because: Office locations are consolidated into one column for one person. This reinforces the notion that the person works out of multiple offices. Out of the possible offices, there must be a main office and sorting by the main office makes sense One idea you could consider is allowing user to have the option to ...


1

I just designed multiple screens registration form in the iOS app. First we wanted to make it as single screen but then after little research I find out that it is much more comfortable for users when you split all informations in logical steps (2-3). It could be even more effective for the app developer. Let me explain. When user come to the registration ...


1

If you open Chrome's console and run showModalDialog() in it, it gives you this error: Chromium is considering deprecating showModalDialog. Please use window.open and postMessage instead. That makes it pretty obvious what the way to implement an exact replacement should be: use window.open(url) to open a popup window. postMessage is part of a Chromium ...


1

Google does not support ShowModalDialog anymore, but it does not mean that you can't use modal popup anymore. Many javascript libraries/frameworks will provide you with modal popup. Bootstrap for example provide a modal popup example here: http://getbootstrap.com/javascript/#modals Modal popup can still be part of a good UX, the pattern of modal popup is ...


1

I've had a thought about this in the past. First, consider a highly unscientific experiment I just did on myself (it doesn't have ethics board approval). If I go to the home screen on my iPhone 5 and casually swipe upward from above the "dock" (a gesture with no assigned function), the result depends on how I'm holding the phone. If I use my thumb, ...


1

Elements of User Experience is a must read. JJG's book is one of the few books I kept from college, the rest I sold. I always saw the difference as Where and How. With Information Architecture (IA) you decide what the logical place is for certain pieces of information. Where will the visitor look for that piece of information. Interaction Design is about ...


1

A simpler way to look at the difference between the two would be to view Information Architecture as the part of the structure relevant to the content of the interface, whereas Interaction Design is part of the structure relevant to the flow/transition of the interface. I would have actually swapped Information Design with Information Architecture on this ...


1

I've not specifically heard it used for UI but I think the word to describe it is "tesselated": Wikipedia article (includes many forms of tessellation/tiling) Google Image Search If someone said a UI was using "tesselated irregular tiles", I'd understand a Win8/Flickr photostream/Pinterest type layout.


1

It's the symbol representing a paragraph - which is what you do when pressing ENTER. You use this mode to see what formatting you have in a word document do make a flawless formatted word document. You can deselect this using the button with the same symbol in the ribbon, like this:


1

Look in the Home tab in the Paragraph tools. The same paragraph symbol should be there, just click on it to deactivate it. These symbols indicate a new paragraph on screen but not in print.


1

A lot of your bullet point depend on the design and intention of the website or app. Like for instance "interaction: revealed on a page or as a pop-up". This depends on the design. Is there room for a feedback form or a label that will take people to a feedback form. The same goes for design. The message and tone of the feedback request depends on the ...


1

Instead of an error list, place each error by its UI control If the errors and warnings you refer to are all related to UI elements on the screen somewhere, then it would be useful to have all the errors located by the UI elements they relate to; so if there's a problem with the third checkbox in the seventh tab, put the warning by that checkbox. The ...


1

I guess with any content and interaction with the user, you can take either one of two approaches. The first is to show what is required to resolve any issues that will impact on the user's workflow, and allow them to discover additional details as required (progressive disclosure). The alternate approach is to show everything upfront and reduce the content ...



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