A way for users to put information into a computer system.

learn more… | top users | synonyms

76
votes
12answers
10k views

Why do some users complete forms all in capital letters?

I have noticed what seems to me as rather strange user behaviour when completing web forms. Our system is used by solicitors and will-writers to submit client information. Sometimes, certain users use ...
58
votes
7answers
5k views

Auto capitalization of name input fields

Is it appropriate to add auto capitalization on input fields where the user has to add first or last name text?
56
votes
13answers
6k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
53
votes
8answers
9k views

Merging firstname/last name into one field

I am entertaining the notion of a single field for name entry on our scheduling web app. I think this is an excellent case for a "forgiving format" to make it easy to enter their names quickly. I ...
52
votes
10answers
11k views

Is a cancel button necessary in a web form?

Personally I have never used it. I don't put information in a form and then decide everything needs to be cleared. I would edit one field. Plus cancel in a UI suggests canceling an action which is in ...
46
votes
11answers
9k views

“Typocaptcha” - an alternative to CAPTCHA?

We all hate CAPTCHAs, but to some applications they're a necessary evil. Today I wondered if there's a better alternative we just haven't thought of yet. I considered the dilemma: how do you create ...
37
votes
17answers
12k views

Form for inputting operating hours of a business

I am designing an interface where restaurants need to input their operating hours. I am thinking of using a slider control for timings for a single day, and then let the user choose days of the week ...
36
votes
4answers
4k views

On forms, is inline placeholder text better than a label outside each field?

I am familiar with research on label placement to the left or above. I tend to go with right justified with the label to the left of the field for my form designs. However, inline placeholder text ...
34
votes
13answers
15k views

Better way for users to select a date range

In my application, users select a date range for which results are required. The UI looks something like this: My users don't like this, because the date picker requires them to select a specific ...
29
votes
5answers
2k views

Auto Advance to Next Field

When is it appropriate to 'auto advance' from one text field to the next, as in phone numbers and SSN?
27
votes
5answers
2k views

Which input control is recommended for a large value range?

I'm working on a web app that allows the user to enter a timing value in a range from 0s to 1s with a step of 200ns (yes, nanoseconds). I tried that with an input of type range (slider) but that's ...
27
votes
10answers
37k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi -elect list. Our options are: List of checkboxes Listview (select box but allowing multi select) Both seem to be a bit ugly and unweildy when ...
24
votes
10answers
3k views

Layout for on-screen hexadecimal keyboard

I am to design a web-based, on-screen keyboard for a touch interface. Users will only need to input 0-9 and the letters A-F. In addition to this, they need a backspace, and possibly a "clear" button. ...
23
votes
7answers
5k views

Best way to offer a large amount of selectable options (without using Javascript)?

I come from stackoverflow and have no answers for this one, so I turn to the UI guys for assistance. Let's say I have a library application that allows a user (librarian) to add a book to the ...
23
votes
4answers
6k views

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

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
22
votes
10answers
5k views

Best way to communicate “tap anywhere to continue”

I have an iOS game which shows a screen every time you win or lose a game. On that screen, the user can tap anywhere to return to the gameplay screen. However, this does not seem immediately ...
22
votes
5answers
3k views

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

In forms where certain input fields have case sensitive input data, is it an accepted or standard practice to indicate somewhere on the form that caps lock is on? I am thinking that this concept ...
22
votes
2answers
2k views

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?

I've seen several command-line applications, including OpenSSH, which require the user to type the entire word yes or no at a yes/no prompt, rejecting single-letter inputs like y. Here's an example: ...
19
votes
10answers
3k views

Is it a good idea to enforce a minimum comment length?

In a social application focusing on a niche community where the level of comment quality matters, is it a good idea to enforce a minimum comment length? For example, see this set of comments on a ...
18
votes
7answers
2k views

App interface for changing relational percentages

Has anyone ever seen or used a good app interface (web or mobile) for changing relational percentages? E.g I need to change 3 amounts to make up £100 and I need to be able to use any permutation to do ...
16
votes
10answers
4k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
16
votes
5answers
2k views

Best way to combine sign in and sign up in the same form?

I want both forms to be extremely simple - sign in much like facebook in the header with 3 inputs side by side - email, password then "sign in" (or is "log in" better?). I also want to USE THE SAME ...
16
votes
5answers
2k views

Appended and Prepended Checkbox: when can I use this?

A was taking a look at Twitter Bootstrap, and, looking at the Prepended and Appended checkboxes, just cant figure out where, why and when I can use it. Can someone give me a good example?
15
votes
6answers
3k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
14
votes
5answers
1k views

Ask users to input or just show the field

I have a website that keeps track of oranges OR apples. Is it better that I ask or just show the input. Is the green text needed? It's a 50/50 that they'll have oranges or apples, so I would need ...
14
votes
2answers
345 views

When should auto-correction occur?

I was using MS Excel and a question arose concerning input auto-correction: when is the right time for it? Some context first: as I'm in France the comma (,) is used as decimal separator. Thus when I ...
14
votes
3answers
882 views

Are there any valid reasons for an application to steal focus?

This comment on another UX.Stackexchange question: that's not to force you to read it, it's to ensure that websites don't pop up the window as soon as your mouse pointer goes to click something in ...
14
votes
4answers
594 views

When is it a good idea to perform actions on mouse-down *as opposed to click/mouse-up*?

I've grown used to the GUI paradigm of pre-select on mouse-down, action on mouse-up. In fact, I rely on it, sometimes canceling an unwanted action after mouse-down by dragging outside of the click ...
13
votes
8answers
1k views

How to mark an input field with text longer than its width?

Given a form with many input fields, some have long text which exceeds the input field width. I wish to mark those input fields in some way which indicates they have more text than is visible. I have ...
13
votes
5answers
2k views

How do I elegantly limit text area input by size not by character count.

I am building a web app that requires user input of text and images to be placed on a PDF page which will later be printed as a letter. This page will have a specified area for text and a specified ...
12
votes
4answers
2k views

Touch versus trace typing

Do you think trace typing (as provided by apps like Swype and SwiftKey, and now integrated in many smartphones UI) can replace touch typing? Any data on typing speed with this new input method? I was ...
12
votes
6answers
716 views

Does the use of a WYSIWYG editor by itself improve the UX?

As someone with a lot of background writing low-level software, I've always felt a strong dislike for WYSIWYGs such as CKEditor or TinyMCE in the browser. To me they are mostly problematic, as they ...
12
votes
3answers
798 views

FORMS: When to use dropdowns, and when to use dynamic lists?

Interesting that I couldn't find a discussion of this already. When should we use dropdown selects, and when should we use dynamic lists (updated as you type) in web forms? My opinion: Dropdowns ...
11
votes
3answers
2k views

Is it acceptable practice to use checkboxes as radio buttons?

Can someone point me in the direction to articles regarding checkboxes and radio buttons? I'm in a discussion with an Art Director and he is convinced it makes more sense to use checkboxes because ...
11
votes
5answers
695 views

What would be the best way to let a user add a URL to a form?

Currently our webapplication simply shows a textbox with no validation at all. There is a small icon placed next to the textbox that allows the user to open the URL in a new browser window to check ...
11
votes
5answers
854 views

Progressive Validation and Disclosure

I am trying to find an example of progressive validation. We have a UI for a a visual editor where a user does things like indicate dimensions in pixels or percent. The editor properties are in sets ...
11
votes
4answers
493 views

Should you optimize mobile experiences based on individual handedness?

In abbood's question "How to implement a stack exchange style voting for mobile?" he answers his own question with the following mock-up: My immediate thought was that the up-vote control was on ...
10
votes
3answers
587 views

Using Dropdowns AND Radio Buttons to avoid confusion

For you reference I wanted to point out that this is a Video project. I am designing a menu in which the user can choose 1 of 4 formats for SD (standard definition) and two options for HD (high ...
10
votes
2answers
243 views

Asking for multiple postal addresses

I need to design an intuitive form to get one or more (current and previous) postal addresses. I have created a quick mockup of the current idea When a user clicks 'add another address' the idea ...
9
votes
5answers
1k views

UI Lag: What's considered “smooth”?

I'm building a drawing application that let's users annotate images and diagrams in a freehand style. Not unlike a glorified MS Paint program, but there is heavy background processing going on. ...
9
votes
5answers
498 views

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

There are new HTML5 input types being defined for commonly used numeric input types such as date, time, telephone number, etc. These terms refer to a specific input format based on the type of numeric ...
9
votes
4answers
1k views

What is the best way to display date validation errors?

I am performing date validation on several forms. This validation includes making sure a date does not fall on a weekend, does not fall on a major holiday, is at least 3 business days from the current ...
9
votes
2answers
358 views

Showing sub check boxes on a form?

I have a form where I have a group of check boxes that are only applicable if a 'master' check box is ticked. At the moment, when the check box isn't ticked it looks like this: When the text box is ...
8
votes
4answers
1k views

Field that doesn't allow spaces - giving correct feedback

On our mobile app's login screen we have three fields, the last of which is used to build up a URL. Since spaces isn't a good idea for the hostname part of a URL the user input must be sanitized ...
8
votes
6answers
1k views

Wizard or Tab ?

When I want to make an input dialog with lots of input field, do I need make the dialog in wizard style or tab style? Any suggestions?
8
votes
5answers
1k views

Best way to accept user input of multiple numbers?

I am building a (very) small WPF app that needs to accept user input in the form of a series of numbers. The user will be entering anywhere from 1-30 numbers (all 6 digit numbers) and then clicking ...
8
votes
4answers
616 views

Submit textbox input without button

The users have a table and in the last row they have 6 different text inputs, one per column. This inputs will define a variable in the Database. I am trying to think how can I do it to avoid ...
8
votes
4answers
348 views

Background images in input boxes

I have been experimenting with right aligned background image treatments in input boxes for the web lately. Are there any rules of thumb for this type of implementation? Is it considered great ...
8
votes
5answers
3k views

What's the best and most intuitive way to have a user enter a height value in feet and inches into a web form?

What's the best and most intuitive way to have a user enter a height value in feet and inches into a web form? The major choices seem to be: Have one text field where they can enter values. This ...
8
votes
2answers
312 views

How to portray to a user the security of an input field?

I was just tasked by my boss to make a certain SSN field to appear more secure. We currently are masking the first 5 numbers but he wants a greater feel of security behind the input. He was thinking ...