Last call to make your voice heard! Our 2022 Developer Survey closes in less than a week. Take survey.

Hot answers tagged

109 votes

How to enable users to insert an infinity number

How about using something like this?
user avatar
  • 1,142
83 votes

Why do some users complete forms all in capital letters?

I've seen this occasionally in usability tests. When I ask it's usually because they have filled in many paper forms where there is a request to 'fill out in block capitals' or similar — so they think ...
user avatar
  • 10.3k
74 votes
Accepted

How should I allow a user to input a number where not all numbers are valid?

The user is entering a number. That some values are invalid for technical reasons does not change the nature of the user interaction. I would go with an option that is the most natural to enter a ...
user avatar
  • 3,313
72 votes

"Typocaptcha" - an alternative to CAPTCHA?

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 ...
user avatar
67 votes
Accepted

Why do some users complete forms all in capital letters?

Users enter information in upper case either intentionally, or unintentionally (e.g. they happen to have CAPSLOCK activated). Several other answers mention a variety of reasons for why the user may be ...
user avatar
  • 788
63 votes

"Typocaptcha" - an alternative to CAPTCHA?

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 ...
user avatar
  • 1,267
62 votes
Accepted

Layout for on-screen hexadecimal keyboard

Why don't simply improve the standard numerical keyboard by adding the missing characters ? download bmml source – Wireframes created with Balsamiq Mockups
user avatar
  • 7,491
62 votes

How should I allow a user to input a number where not all numbers are valid?

I think a horizontal slider with: Graduations (tick marks) showing the possible values A handle with a triangle end pointing to those tick marks Snapping to the closest possible value when you drop ...
user avatar
  • 2,306
60 votes
Accepted

Telephone input (+ country code)

Make it effortless for the user. Firstly you could show the country code auto-selected based on their geographic location. If that's not possible, make the back-end logic in such a way that it would ...
user avatar
  • 3,540
53 votes
Accepted

Best way to communicate "tap anywhere to continue"

There is no good way Here's the design logic: Backgrounds are perceived by users as backgrounds, i.e. inert and uninteractable. This is obvious. In order to communicate to users that the background ...
user avatar
  • 40.3k
51 votes
Accepted

What do you call this input element where a focus will automatically be transferred to next text field after being filled?

I have always known this as Auto Tab or (Auto tab input fields). As a matter of fact a search for Auto Tab gives me different ways of implementation of this element, including: jQuery Autotab Demo ...
user avatar
  • 32.2k
43 votes
Accepted

"Typocaptcha" - an alternative to CAPTCHA?

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, ...
user avatar
38 votes

What should the character limit(s) for first/last name inputs be?

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 ...
user avatar
36 votes
Accepted

Which input control is recommended for a large value range?

I've taken the time to draw some wireframed examples that might help you decide on how to design your time-picker control. Below you can see 3 screenshots which show (IMAGE 1) a time-picker control ...
user avatar
  • 1,039
36 votes

"Typocaptcha" - an alternative to CAPTCHA?

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 "...
user avatar
35 votes
Accepted

When is it appropriate to require the user to type out the entire word "yes" rather than simply accept "y" at a command-line yes/no prompt?

What is the context of the question the user is answering, and what are the implications? This is the important question that helps guide the appropriateness of "Y" vs. "YES" (or "N" vs. "NO"). In ...
user avatar
35 votes

Multiple vs single field capture for phone number form input

When a person dials an actual phone number with their phone, do they type 1-555-555-555 or do they type 15555555555? The only reason for forcing a fixed format is because your back-end can't ...
user avatar
  • 36.9k
30 votes

Field that doesn't allow spaces - giving correct feedback

Will Company Name be stored in the database with spaces and then a separate URL column will have no spaces? I would recommend building the URL just below the Company Name as they type so when the ...
user avatar
  • 5,619
30 votes

Is it standard practice to indicate on the form that Caps Lock is on?

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 ...
user avatar
29 votes
Accepted

How to represent an abstract data type in a form?

Simply put: DO NOT USE TABS. This is not what tabs are meant for, so just use the box you have. Once the user selects the type, show the fields you have in second tab, only that right below the ...
user avatar
  • 32.2k
29 votes

Telephone input (+ country code)

Seems like a simple solution: allow the user to search either by country name or code, including shortened and alternate versions of the country names. Just put a smaller searchable input before the ...
user avatar
28 votes

Layout for on-screen hexadecimal keyboard

You say the keyboard is for hexadecimal input. And that's the reason why your second try doesn't feel right! As @steveverrill also noticed in the comments, the numeric order ABCDEF1234567890 is wrong. ...
user avatar
  • 1,641
24 votes

Best way to communicate "tap anywhere to continue"

What's the issue with giving the user a predefined region of space with some sort of indicator that that space is where they should tap to continue - a button with an appropriate continue icon (the ...
user avatar
  • 341
21 votes
Accepted

Touch versus trace typing

Since you asked for data, the following answer on skeptics stackexchange has good references to two studies which conclude that there is no net performance advantage to using swype over conventional ...
user avatar
  • 40.3k
21 votes

What do you call this input element where a focus will automatically be transferred to next text field after being filled?

Input Mask This would be an example of an input mask implementation An input mask refers to a string expression, defined by a developer, that governs what a user is allowed to enter in as input in ...
user avatar
  • 15.1k
19 votes

Why do some users complete forms all in capital letters?

This is because early Teletype and computer systems had no provision for lower case. Mixed case Teletypes came on the market in the 1930's, but the standard US military Teletype of World War II only ...
user avatar
  • 290
19 votes
Accepted

Ask users to input or just show the field

Thought I might login some fruits as well :) Having clear and descriptive labels is always recommended. So to answer your question directly: Yes you should ask as an input field with a more generic ...
user avatar
  • 6,976
18 votes

Layout for on-screen hexadecimal keyboard

So, as I was writing a couple of pretty long comments on the other answer, I felt inclined to present it as an answer as well. Following are a couple of considerations not made by the other major ...
user avatar
  • 3,304
18 votes
Accepted

What is the term for a numeric input field of a specific format?

The term used for these format-constrained inputs is masked inputs or mask input. Here is a demo which includes a broad range of masks (date, time, phone number, etc). If you Google 'masked input' ...
user avatar
  • 40.3k

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