Tag Info

Hot answers tagged

92

Interestingly the w3 Spec for placeholder allows for either behavior: User agents should present this hint to the user, after having stripped line breaks from it, when the element's value is the empty string and/or the control is not focused (e.g. by displaying it inside a blank unfocused control and hiding it otherwise). But, functionally speaking, ...


91

Call it the email address. It's unambiguous. A user returning to your service will always remember their email. They may not remember if they configured a special username, however.


60

I would progressively reveal details to a user as they need them. Consider what would your smart defaults would be? Are there assumptions that you can make that would get most users most of the way there? A couple you could consider: Sunday and Saturday are typically off days for US workers. Is this true for you? If so, then let's go ahead and default them ...


50

Emails were never intended as a form of chat type messaging. Remember that they are electronic versions of mail, so trying to modify them to be something they weren't designed for is a mistake. As to the reasons why we write the subject line first: The subject line is part of the header of an email (see the original RFC822 and the newer RFC5322), and ...


47

I would suggest a miniature progress wheel at the end of the input that only displays once a search is going on. I've seen this behavior before (I believe on user name boxes) and I believe that progress wheels are so clear that everyone will understand that something is going on. Once a user types, hide it briefly (or grey out to reduce flicker) and then ...


43

I would side with having the placeholder text show as long as possible without getting in the way. The way it is done in Chrome is better, in my opinion. I've found ways to get around this on all browsers, however. What I've done in the past is remove the placeholder text on focus, but also re-displayed that text by making the label--which is almost ...


43

For readers: You need to know what the stuff is all about. For writer: You need to know what the stuff you are going to write about.


42

Don't do that, there are different approaches to filling out values, and for some it would be disruptive. For example if the user just wants to change the last digit... A good, non-disruptive alternative would be a small "clear input" button.


38

Do not update what users enter when they're still typing. It fuddles up their ability to edit as they type, and it makes the field a moving target. If you were to type 25000 straight, no typo's, no backspacing, it might make sense to format it right when you're done. However, what happens when you enter a 0 between the 2 and the 5? Or when you hit backspace? ...


36

You could have the input value selected when the user clicks on the input. This way the user can just press backspace or start typing to change the value or copy the value instantly.


36

I would try to use the Google Calendar approach. You spread out the days with an acceptable level of detail/resolution and then the users just drag to mark the time ranges. If a higher level of detail is required, they can fine-tune each time. It took me about 5 seconds to enter these 6 time ranges.


34

As a Stack Overflow / Stack Exchange employee, my guess is that this was a Google Forms doc put together for the specific purpose of gathering addresses this one time. We do this internally a lot to gather information. Using a product like Google Forms allows anyone to get something done without having to involve developers or designers. I imagine the ...


32

Because this behavior is rare and therefore unexpected, it will surprise most novice users, which can cause them to misunderstand how to use the interface, and interfere with usability. (An example of this interference might be if the user fills out the field and presses tab, while you have auto-advanced, and while they think they are typing in the next ...


25

The standard is that the light source is at the top of an item, as this is where light sources are usually located in real life (the Sun, ceiling lighting). Items lit from below or on top appear unnatural. Lighting and shadows help controls like buttons look like buttons, and that's what they should do. Whether the light comes from top or a little to the ...


24

Having a blank field that means that all Organizations/Locations can access the item is really confusing. There should be a default that says "All Organizations" and "All Locations". It can be shown if the value is Null, if that is appropriate for the underlying code, but it needs to show the user what is going on. Changing the code to not confuse the ...


24

In theory the correct answer is no upper limit for name lengths. Allow the user to enter whatever their name is using whatever characters are available to them so that you will never run into a circumstance where someone is prevented from entering their valid real name. In practice that is not possible to implement. There have to be limitations. These ...


23

You'll often find that users will just fill in all fields on a form regardless of whether they're required or not. People don't really read instructions and don't want to risk encountering an issue if they haven't filled in any fields, so they'll often just fill in them all regardless. (This has been somewhat supported by testing by the Baymard Institute - ...


22

There is some interesting pedantic information on the weirdness of midnight: http://en.wikipedia.org/wiki/Midnight Specifically, technically, at midnight, it's neither am nor pm. But merely the instant of transition between the two. Some ideas: Use a 24 hour clock. Perhaps with 12 hour correlations in parenthesis: ... 10 11 12 13 (1pm) 14 (2pm) etc ...


21

The general practice of lighting from some modest angle left of completely overhead is old and practical. Renaissance painters for instance, as they became more scientific about depth perception, often chose this lighting technique. There are a few reasons for the effectiveness of the "just-left-of-noon" light source, I think: As others stated, and ...


19

When no text, make the message simply inicate the max number of characters (no mention of the number remaining. As you type, the number of remaining characters fades from grey to black (very subtle indication) When you reach the limit, change the border to red; make any excess text a different colour; show a small error icon below and indicate number of ...


19

Date pickers are helpful when your concerned dates fall within the context of a month or so but not several years apart as jumping between years would require laboriously many clicks. Date selectors are not just helpful in reducing the typing errors but they also standardize the formats when several correct variations are possible. For Americans, the ...


18

Though I don't have an answer behind why all the fields were named the same, I think the idea was to ensure that all potential international addresses could fit into the form design without designing custom forms for every international address. Here are some examples of international addresses Amazon also a generic international format as mentioned in ...


16

It's hard to answer the question without seeing more of the design scheme, but I'll give you the guideline anyway. Your question is about a problem of affordance. Affordance is a visual cue that implies action. For example: a thin slot in a soda machine indicates the place in which the user should insert their coin, and the pull lever in a car's door ...


15

It is generally accepted (and well proven) that shorter forms are completed more often than longer forms (with all else benig equal of course). However there are exceptions where some information is expected by customers, and leaving it out leads them to question the validity of the form. 'Shorter = better' is a good starting hypothesis, but one that you ...


14

Something I have seen code syntax highlighters do is to indicate long lines of code by changing the color of text that exceeds the limit, something like the below: download bmml source – Wireframes created with Balsamiq Mockups The advantage of this method is that it takes up no additional space. However, it doesn't give any indication of how ...


14

What is the context of your application? Context really matters for dates. Consider the two following situations. A budgeting application where users plan spending for future years A college reunion signup where users enter their graduation date Clearly if people are planning, they would be annoyed to get a date in the past and if people are entering ...


14

Firstly, the thousands separator is not common among all regions of the world. When in doubt the recommended solution (SI/ISO 31-0 standard) is to use a non-breakable thin space as a separator. You also have to take into account that not all countries group by thousands. From Wikipedia: In China, comma and space are used to mark digit groups ...


14

6-line addresses (or rather 7-line, including the name of the addressee) do occur. Consider for example a typical UK residential address: Miss S Pollard name 1 Chapel Hill building number and street name Heswall locality BOURNEMOUTH town with a post office BH1 1AA postcode UNITED KINGDOM ...


13

Removing it when you start typing is better Depending on how the focus was moved to the input field, the user may not necessarily see the placeholder text before it quickly disappears. Yes you might read it before you manually click in the field but perhaps not if you happened to tab into the field from the previous input. There's also the possibility ...


13

With one of my previous assignments, this issue came up with our users. It turned out frustrating for both beginner and advanced users. Here are some major issues with auto-advancing: Not everyone looks at the screen while typing. They may not realize that they are in a new field and will type erroneous values. This happens even to people who are aware ...



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