Hot answers tagged

127

If I saw that in an interface - I would assume only one item can be checked, especially before any had been selected. Only the wording of the title would indicate to me that multiple selection is possible. I think this design would lead to a greater than normal number of people choosing a single item rather than a selection of items. I don't see the benefit ...


51

I would keep the message short and simple, "Unfortunately, iPhone devices do not support W3C standard HTML video" This still allows you to shift the blame "devices don't support our application" as opposed to "we don't support your device". Why not longer? If you go in to details about how Apple refuses to follow standards and how you guys have tried ...


39

A checkbox should look like a box and not a circle. They are not check circles, after all. Subtly rounded corners, as others have mentioned, would be okay, but user interfaces have always represented a checkbox as a square and a radio button as a circle. The designers behind your examples are likely trying to be different, favoring style over function.


35

A number of issues factor into the perception of what a kilobyte is and how to word it. The IEC standard names are useless: As Jeff Atwood notes there is simply no industry acceptance of KiB/MiB/GiB. Hard drive manufacturers and Macs are the only major players using the 1000 bytes definition and hard drive manufacturers have absolutely no incentive to ...


34

If truly nothing can be done to make something work for iPhone users. Then be honest as possible in your notice saying the app is not supported, and succinctly provide the reason why, and how the user can get around it. Here's a quote from an article on medium about error messages that applies equally well for your use case. Write an alert message that ...


30

User Experience Design Guidelines for Windows Phone Related: Windows Phone UI and Design Language on Channel 9 (video)


27

Where is the best place to ask the user their ethnicity? Honestly -- in the doctors office. Unless the benefit to the user is clear then don't ask for it. You wanting to keep track for your own records isn't clear benefit to the user. If it turns out that a user sees value in telling you their ethnicity (like in a doctor's office due to ethnic related ...


26

A checkbox should be square. As Cooper, Reimann, and Cronin wrote in About Face 3 (emphasis mine): Traditionally, checkboxes are square. Users recognize visual objects by their shape, and the square checkbox is an important standard. There is nothing inherently good or bad about squareness; it just happens to have been the shape originally chosen ...


25

IMO read only fields shouldn't be fields at all. This would look something like that:


23

mailto: links are still the standard way to display e-mail addresses, largely because it's the only way to link to e-mail addresses. Webmail clients generally require a toolbar or plugin to become the default application handler for mailto: links, but it's still better to have the link than to not have it: for people who don't have their webmail service set ...


23

This is a widely debated subject. One of the best ways I've seen this explained, is from the presentation Design for developers: making your frontends suck less by Idan Gazit. This had the following slide: This is 16px text on a normal screen, and 12pt text in a book. The message is that 12pt is excellent for a book, but is also usually held much closer to ...


20

There is a question you need to answer (which can be stated in different ways): How big is your dataset? Is "everything" a finite set? Is it sensible that the user might want to see everything? If your dataset is small or finite, or it's sensible that the user would be able to deal with everything, then you could return everything. If your dataset is ...


18

You can just put the word recommended in brackets, and/or italicized and/or in a lighter shade to differentiate it from the main label. But the important thing is that you communicate to the user why it's recommended. You know why, but the user will probably not, so stick a little linked why? in there too. The user is much more likely to fill in what is ...


17

HTTP error codes are primarily useful for support and debugging. In the early days of the internet, almost all users were technical, and so having them made a lot of sense. Today, it still makes sense having them visible, but that should not be the only information that you provide. Explain it like a human for the rest of the world to understand what ...


15

There's no such thing as an optimal font size. Looking for one means that you're forgetting something important: legibility of text is not solely a product of size. I've built around a dozen websites as a UI designer in the past five years, and they've all had different audiences. One of the things I found was that size isn't the biggest factor. It's a ...


15

Just to illustrate @Rain's answer and LKM commentary, this is a solution I've been using for a long time with great results:


15

The best way here is to remove all read-only fields from the form. You have to find some other way to show this info. But if there is no way to remove them, so make sure that they don't look like input field. For fields with default value you just have to put some value in them; with black input font color. (grey color will confuse them, because a lot of ...


13

If it makes sense in your case, you could use informal wording, like Trello does. Also, while average user won't know what W3C or standards are, they usually have heard of HTML5 and/or it's video. Sadly, we're not allowed to make nice things with HTML5 video on iPhone It works fine on iPad or many other devices, though!


12

I believe this application (Skype) and many other communication type applications including instant-messengers, email clients and other VOIP apps, hi-jack the "X" button to minimize the more user-frustrating event of accidentally ending a users communication session. In many cases, users might simply want to get the application of the screen, the fastest and ...


11

You may also be able to rephrase the question and avoid the somewhat unusual "at least one is required" construction with something like this: It is a little clunky, but it does get around the problem of presenting a user with a form type that most people haven't seen before.


11

The default behavior is to go to the previous screen no matter what it is. If you're deep in the menu then it takes you up a level. If you're in the top level of a menu it takes you back to the application. If you're in the main screen of an application it takes you either to the desktop or to the app, from which you launched the current one (e.g. from ...


11

I did a quick check on how Google and Bing handle this and their flow is to just ignore the search request if there is no search value entered and keep the user in the same page. While that does make sense since the user might be confused if search results are contrary to what he expected and if he gets some random results he might be confused as in his ...


11

A stands for Accent. They are colors that accent the primary colors. Here's what Google says: UI Color Application Choose your palette Limit your choice of colors by choosing three color hues in the primary and one accent color in the secondary palette. The accent color may or may not need fall back options. Accent color The ...


11

hello from Singapore :) Using NRIC to login is is more common in more government related internet services like taxes. Also it might be useful to note that almost 1/3 of the singapore population are foreigners. There's something called Singpass which is very common for signing into government services, which both foreigners and locals have. For more ...


10

"and unrelated" EVERYTHING that goes into building a successful web site that meets the needs of the users is related. There's a tradition, it seems, that anything seen as 'code' is immediately given to IT. That separation is rather silly and, IMHO, a remnant of antiquated waterfall development practices. The way forward that I feel is the most agile and ...


10

I'm not aware of a conventional better solution. In situations like these I try to do something like this, with visual grouping of the alternative fields and placing the asterisk next to the group title: Sometimes it works, sometimes - not so much. Also, it's always a good idea to use inline validation, but it's doubly helpful here.


10

I think the notification system used here at the stack exchange could be used to quickly ask the user "Would you like a cookie? We will use it to give you a better experience [Yes][No]"


9

May you have a look at Jeff Wilcox' "Metro" Design Guide for Developers: http://www.jeff.wilcox.name/2011/03/metro-design-guide-v1/ This guide is not as extensive as the PDF provided bye @Jin, but focuses on some main aspects to consider, when developing WP7 Apps.


9

That's kind of oldschool. We like to say "Never touch a running system" but violations against this doctrine are the fuel of progress. Personally, I have also used a 2 column website where the footer was only displayed at the left (ca. 40% width) site and no one had a problem with it. The reason why this is done seem to be the familiarity. But I also have ...



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