Tag Info

Hot answers tagged

104

Number fields should not always be right-aligned It often makes sense to right-align numbers when they are being compared to other number fields (e.g. in financial statements). This can help comparability and scannability. However, sometimes number fields are unrelated or are mixed with text fields in a form, so left-alignment may promote better visual ...


96

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


94

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.


63

Why would this be indecipherable to a computer? Since each word has the correct letters, but they are scrambled, it would seem very easy for me for a computer to crack the correct order of the letters by comparing it to known words. Which defeats the whole point of having this extra barrier. Secondly, how would this affect folks with dyslexia or other ...


63

Ironically, I could not get by myself what bgeigr meant, but almighty Google helped me out: So this captcha is quite easy for computers to guess, yet may be hard for humans. And bear in mind that Google is using an error model for common typos (letters replaced by those adjacent on the keyboard etc.) If you program your computer to only consider ...


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


51

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


49

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


45

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.


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


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

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.


35

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


35

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.


35

tl;dr A good captcha would need (ideally) to offer the best possible protection (difficult to get for a computer) and ease of use (easy to get for a human). But captchas aren't good at this and "typoCaptchas" doesn't seem to improve them. Questions can be rearrenged quite easily and then if the question is easy enough for people is probably easy enough for ...


34

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


33

This is not effective for keeping out a targeted attack by someone who uses a word list, such as /usr/share/dict/words, to solve your anagrams. A task like "unscramble the words in standard input, assuming the first and last letters are correct, given a word list file for the language" is probably so straightforward that it'd make a good puzzle for our Code ...


30

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


27

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


27

@Mayo has, I think, the answer with the clearest affordance. But, if the discount field is going to be used frequently, an approach that has been proven to work with many professional and productivity application is the polymorphic input box. Applications like Microsoft Word, PowerPoint, Photoshop, AutoCAD, Illustrator, and others use these boxes ...


27

Indicating the caps lock is on is a design pattern used for passwords. When the passwords are hidden and every character is only represented by a dot, users might not know they're typing capitals where they shouldn't. It's easy to overlook the fact your caps lock is on. For example, I'm used to typing with ten fingers. While typing my elbows are set quite ...


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


25

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


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


23

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


23

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


20

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


18

You could use a toggle switch ABSOLUTE | PERCENTAGE and have the user select which one he wants to use. For example: (don't mind the $ sign I did it quickly) and let the user select between the two options. This format works very well in use cases that I deal with. Buyers and bidders have to make numerous (100+) decisions in a day. It's easy to select ...



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