Hot answers tagged

142

It is a combination of manufacturing and usability... but mostly manufacturing. Doing a quick web search for "why are soda cans round" (Google does a decent job) yields multiple insights in the issue. But the only result you need to visit is engineerguy's YouTube video (you should also be Subscribed to engineerguy, because he is awesome). The Ingenious ...


130

They have (slightly) different meanings and usage Although both icons are similar and both are popularly recognized, they do have slightly different connotations. ❤ The heart icon Is more emotive by its very nature. As such, it's more likely to be associated with positive feelings such as love, like, happy, etc. Is used by popular applications such ...


76

I think a start would be to make it clear the total number of tests and/or total number of cards at the top of each card. And also the breakdown of how many rows you seeing out of that total. e.g. Total Tests: 22 Page: 1 of 2, showing tests 12 of 22 Mockup 1


66

I feel bad that you have to work with this background color. Oof, i just can't even wrap my head around how that decision came to pass. At any rate, if that's not a variable you have influence over then I'd go with a color that'll always retain stark contrast. I'd also avoid venturing too far outside of the styles that that users are generally familiar ...


58

An interesting question, and one that I think many of us might have pondered before without really diving too deep into the possible issues. From a purely design perspective, I can think of a number of plausible reasons: Convention: the first person did it this way, and then everybody else followed because "that's how it's done". Safety first: separating a ...


56

I would go with something in the shade of the background, but have a more red text in the alert. You can add a border in the shade of the text to make it stand out as an error more, as well.


53

Switch sounds perfectly fine to me, but I'd suggest Toggle which is specifically a two-position switch. If you rather want to describe the type of the value, not the UI element, I'd go for Flag.


52

It matches the user's mental model, which is more important than matching real-world circumstances. Users view a refrigerator as something that "makes cold". Therefore the number 5 corresponds to "more cold" and 1 to "less cold". The mental model of "a device that holds its interior at a constant temperature" is more complex and harder to reconcile with ...


50

Because crappy designers are everywhere There is almost no excuse for this kind of ambiguous, uncommunicative control labeling when there are so many better patterns to follow with fridge thermostats. Here are some control formats that are far more effective. They communicate the polarity of coldness clearly They are color-blind friendly (some use shapes ...


46

Other people have already said "manufacturing" so I will not repeat that. What is worth emphasizing though is that soda cans are pressurized to 2 atmospheres of pressure or more. https://www.youtube.com/watch?v=EJiUWBiM8HE Side-note: this is why the container is made of metal in the first place. Few other packaging materials can deal with this load ...


43

A Facebook or Google+ sign-in method can actually encourage people to sign-up at all. Most users value the uncomplicated experience they get when signing up via Google+ or Facebook. Hiding this option behind another click will make this valuable option invisible and prevent sign-ups by "lazy" users.


42

Save is a byproduct Save is a byproduct of early hardware- and software design. It doesn't have a common equivalent in the real world. Consider: If you take a pencil and make a mark on paper, that mark doesn't require an extra step in order to become permanent. In other words, it does not need to be saved. The paper may need to be stored somewhere so it ...


40

A bright yellow background with black text would work well. Fits the colour scheme of a warning sign.


26

Simply adding the arrow at the bottom will help. Check the below img


26

How will the data be entered and shown to the user? Presumably a checkbox or tickbox.


21

The standard color for error messages is red, see this question : One important point to understand is that using conventional colors for errors is important because they make the errors more noticeable. User being annoyed by the color of error message is lot less of a problem than user not being able to complete the form because they didn't ...


20

I think the difference between the two isn't huge, both are frequently used for the feature you are describing. Perhaps thinking of the emotion you are trying to evoke is more important. For example, a favourite on this site is represented by a star. This makes sense, it's a 'professional' site. Whereas if I'm on a site like say AirBNB, a heart makes ...


20

In my opinion, Option 2 is the most user friendly. Reasoning: If the hour has its own up and down arrow you do not expect that using the up and down arrow of the minutes can change the hour as well. to me, individual controls means individual effect. If you want to have the effect of changing the minutes influencing the hours, this is what you need: or ...


19

Make it explicit that the scheduled campaign will run in the LA timezone to reduce any confusion. MailChimp does it quite nicely with their Delivery by Time Zone feature http://mailchimp.com/features/timewarp/


19

When it comes to UI/UX, "better or worse" is very subjective. There is, however, a standard for best practices: cater to your product, users, and target devices. What I mean by this in your situation: If your product expects a date in the next week 90% of the time, design your date picker around that. If you users require a larger interface to better use ...


18

Date selection isn't easy... This has been a peeve of mine for a long time. I've not found a decent calendar widget. Generally, I prefer calendars to scrollers because: Using a scroller to select a date far in the future can be a real pain. Calendars provide a lot of valuable context (today's date, day of week, physical distance to the date, etc). In ...


18

Option 1: Print on multiple pieces of paper Just out of curiosity, is printing it on two separate pieces of paper an option? Having two papers and a staple indicates clearly to the reader that it isn't a single page document. Option 2: Add something to the end of the test to indicate it is done I wonder if there are workflow type triggers that you ...


17

There are many good answers about annotating the bottom of the page clearly (I like Dave Haigh's best), but as an alternative, how about making the last task (on each side) indicate that tests continue on reverse -- that way, it's directly in what they're (meant) to be reading/completing? I don't have an image editor to hand, but instead of: download ...


17

Visible not prominent Within a given component, help users know what to expect by visualizing app state. IOW, keep the arrow visible but clearly inactive. This way users will know where to find it at a glance and will have visual confirmation that the carousel is at the beginning/end. There has to be a better term for this but, recognition over recall ...


17

It's the same as the floppy disk icon: if there was a natural successor, you would already know what it was. If you don't, it means that no natural successor has emerged. And if one hasn't, frankly, who cares?


16

Both Find and Find and Replace are related functionally as you mention. But both actions seem to be orthogonal in terms of what user need (mindset) they cater to. You will know in advance either you want to find something or you rather want to substitute occurrences of something. In the latter case it just happens that you need to find occurrences of the ...


16

That's an accessibility nightmare! Try reversing your error message styles: Red text on a white background.


15

I think a thing that you can do is something similar to Amazon. When you try to access your bills or profile in amazon, you are asked to login again, since it may be possible that you just forgot to log off on some public pc. Other than that though I don't see much need for "masking" the data once you are logged in (with the exception of credit card ...


13

I'd use contextual words that relate to the option / question rather than trying to find a one size fits all solution. You might find a good way of representing the options like this but you must consider the context of the language of the option. So for 'Activate Widget?' You would use 'yes' or 'no'. Or for a list of widgets, you might use 'enable' or ...


13

You might try adding a white border, then play with the background color. The one color that communicates 'something is wrong' louder than red is the color of death, black.



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