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

learn more… | top users | synonyms

54
votes
13answers
4k 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
7answers
4k 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?
45
votes
10answers
8k 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 ...
43
votes
8answers
6k 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 ...
32
votes
17answers
9k 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 ...
32
votes
12answers
10k 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 ...
28
votes
2answers
3k 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 ...
27
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?
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
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 ...
23
votes
7answers
4k 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 ...
21
votes
9answers
24k 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 ...
21
votes
4answers
3k 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?
20
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: ...
18
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 ...
17
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 ...
15
votes
10answers
2k 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 ...
15
votes
6answers
2k 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

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 ...
14
votes
2answers
334 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
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?
14
votes
4answers
523 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
3answers
622 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 ...
12
votes
7answers
865 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 ...
12
votes
6answers
610 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
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
3answers
676 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
501 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
4answers
362 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
505 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
5answers
756 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 ...
10
votes
2answers
205 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
4answers
950 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
264 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
864 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
902 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
452 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
342 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
325 views

Best way to add an amount multiplier

I'm working on a financial web-application, and in some pages, the user has to fill an amount. We are dealing here with large amounts, and they are generally thousands or millions of $ / €. In ...
8
votes
2answers
259 views

Is there any research into the cost of switching between using a keyboard and a mouse?

My intuition and own experience tells me keyboard shortcut keys can be faster than using the mouse. However, some tasks like browsing the internet or a folder hierarchy truly benefit from using a ...
8
votes
2answers
256 views

Allowing user to input a constrained value

I need to allow users to enter a number between X (minimum number) and Y (maximum number). X and Y will have different values depending on the specific client set-up of the tool. These values could be ...
8
votes
1answer
141 views

What are the costs of forcing a switch between mouse and keyboard?

If a user is entering text at a keyboard, then is forced to use their mouse for something (e.g. clicking a button in a modal dialog), what are the time and cognitive costs of that? Similarly, when ...
8
votes
3answers
407 views

How can I provide a simple dialog for a user to enter multiple email addresses (for invitations)?

I'm creating a dialog (modal) that asks the user to enter multiple email addresses to which an item on the website is shared to. The dialog is about 530x500 pixels big. Right now I'm asking the user ...
7
votes
7answers
276 views

Will the future absence of the physical keyboard hurt the desktop User Experience? [closed]

With so many future UI designs focusing on 3-dimensional, hands-on interfaces, it appears clear that the physical keyboard is going to soon be obsolete. (i.e., John Underkoffler's presentation) ...
7
votes
5answers
319 views

Usability of an email field without label “email”

Does it make sense to a user that this field is for email only? Or is it confusing?
7
votes
2answers
346 views

Can an input field be too wide?

Topic of discussion. Is it a usability problem to have an input field be too wide? For example: I am creating an internal management system where users come to view orders in the system. When ...
7
votes
5answers
2k 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 ...