19
votes
4answers
1k views

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

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?
0
votes
1answer
45 views

Research/Data on mobile interactions vs. desktop forms?

I'm trying to find some usability studies or even anecdotal commentary on the difference in user preferences of interacting with a select list UI on the desktop vs. mobile. Traditionally, on the ...
0
votes
2answers
50 views

A good way of a user inputting a distributed allocation to several items

In my case I'm using currencies but this could apply to many situations. In my webapp a user is asked to define a currency distribution that (ideally) adds up to 100%. I present the currencies and ...
0
votes
2answers
104 views

Best practice in a fullform page

I've have a page with iss full form. What is the best practice to do this? In the moment title is align to the top menu, with inputs textwith full widht of the page, and selectswith 50% centralized. ...
5
votes
3answers
135 views

Entering any two of four inter-dependent values

While designing a garden landscape, I want users to be able to define a slope of the terrain. There are four values users can enter: Run - the horizontal distance along the depth of the slope Rise ...
4
votes
1answer
147 views

I have a typeahead in my form. How do I get people to select its options?

I am the UXD (I use this as loosely as possible) for an education startup company. I have a typeahead in my sign up form: This is the last entry in the sign up form. Underneath that (hidden right ...
2
votes
1answer
118 views

Better usability if form inputs have a background highlight?

I'm designing a pretty long form right now and am curious if it attracts the eye more and focuses users on filling out input fields if they're slightly highlighted if there's no values in there yet. ...
0
votes
1answer
133 views

Label align location for input box [duplicate]

I have form with long input list and corresponding labels for them. Labels inserted in left, because form has a lot of input elements and right side is reserved for errors info. So I have only option ...
0
votes
1answer
74 views

Portuguese postal code

What is the best solution for filling a portuguese postal code? A mask input, or separate input fields? The format for the portuguese postal code is [xxxx]-[xxx] So what is best? Input Mask ...
2
votes
2answers
278 views

What's an alternative UI for an event date?

I'm building a website where a user can set up a webpage for an event. The user needs to select a date without being frustrated from clicking a lot on a date picker. Is it a text-input a good way to ...
6
votes
2answers
218 views

In a wizard form, should the data be saved to the server at the end of all step or at the completion of each step?

I am pondering of two approachs to work with my form: Send all data to the server when user has completed all steps. Save data to the server each time user has completed a single step. ...
1
vote
3answers
206 views

Display of disabled input fields

How should an input field appear when it is disabled? One idea is to show 'Disabled' as value within the input field. Is there a better idea to indicate an input text field is disabled? The input box ...
0
votes
3answers
187 views

How should I show a password exists on an edit password form?

We're salting + hashing all of our passwords, but we allow the user the option to edit his/her password. However, we cannot retrieve the password to put the proper amount of asterisks into the ...
3
votes
2answers
110 views

Displaying Area of Residence intelligently

For Social Website where the user should specify his or her Area of Residence. I want to use the same method Facebook does; a text input field with a dynamic drop-down menu as you type. I am using ...
5
votes
1answer
194 views

When to use a group of radio buttons and when to use a select drop down

I have a step in a wizard scenario. The user has a choice of 3 options before they can tap 'Next'. For those 3 options do I use a select drop down list or a group of 3 radio buttons?
3
votes
4answers
121 views

On a form wizard step what input type/s shall I use for when there are two options?

Ok so I have two options on a wizard step e.g. Option 1: Go to step A, Option 2: Go to step B. What is the best input method to use in this situation? The wizard generally has more complicated steps ...
5
votes
6answers
349 views

Should I display the “Required” field legend?

Within a form, is it enough to just display an icon next to the required field and void the instruction text saying "* required fields"? In addition to that, is there a specific style (shape, color) ...
4
votes
1answer
87 views

Complex Automated Wizard using filenames User Interaction Problem

I have a UX problem involving an interaction that teaches the system how to parse a particular file name. (Note this is not the exact interaction and it does not deal with file names, but it does deal ...
3
votes
2answers
72 views

Should input be accepted after confimation (or other actions)

I often find myself in the following workflow: Enter user name Enter password Click "OK" (or enter key) Wait for response Discover the checkbox next to OK-button Think: "Bugger! It would be nice to ...
0
votes
3answers
224 views

Is it better to use tabs instead of a dropdown menu in a contact form?

Is it better to use tabs instead of a dropdown menu in a contact form? Examples:
2
votes
2answers
107 views

Managing User roles as admin

I'm working on a UI where there are multiple roles, with two (Finance and Legal) that are constrained to only support one user. I'm using a fairly standard matrix, with checkboxes that become ...
7
votes
4answers
250 views

How to unobtrusively confirm a user's choice in a survey?

I'm running a survey on students to collect their feedback of the courses of study they've undertaken in a college. They have to answer the same question for every course they study. There are some ...
10
votes
2answers
174 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 ...
6
votes
3answers
251 views

Are extensive validations necessary on mundane input forms in a website?

I'm having a rather bitter affair with my client who also happens to be my boss at office. He is a completely non-technical dumb muggle in terms of application development. The frustrating thing is ...
8
votes
2answers
193 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 ...
5
votes
2answers
261 views

Can I reformat personal names obtained from a single form field?

I have been reading this excellent question and its answers, about collecting names from people in forms. The best answer (the accepted one anyway) seems to be to follow the W3C's advice on ...
3
votes
1answer
186 views

Placeholders for format in address form

I am creating an address form and want to add placeholders to the fields to display the format of what the user needs to enter. For email addresses, phone numbers and credit card details this is ...
3
votes
3answers
284 views

How to design the input field for recipe ingredients

I've spent a lot of time thinking about the most efficient way to handle a user inputting a recipe into a form. There are a couple different options I've seen across the internet, from offering up a ...
30
votes
17answers
7k 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 ...
51
votes
13answers
3k 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 ...
4
votes
2answers
225 views

How to present a view with large number of inputs

I'm developing a dashboard for hotel managament system application. There's a view that allows the user to set prices for room types in different currencies. Sadly, I can't provide any screenshots as ...
2
votes
4answers
407 views

Combining email and phone inputs into a single text field

Let's say you want to combine both email and phone input into a single text field because you require either or, not both. What's the best way would you approach this? As far as making it clear ...
23
votes
5answers
1k 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?
3
votes
2answers
493 views

dynamic form design

I have a multistep form setup in my rails app.. In one of my steps the user can enter a friends name, birthday, gender, and the persons interests. They can enter as many friends as they like (each ...
4
votes
2answers
137 views

Forgiving Format: Rewrite on blur or ASAP?

I'm implementing the forgiving format pattern for phone numbers and social security numbers on a web site. Basically, the idea is the user types their (US) phone number: 5558675309 The system ...
2
votes
1answer
204 views

Folder picker: Some users want to preview contents of the folder but others find this confusing

In our Silverlight application we have a wizard that gives the users the ability to browse to a specific folder on the server and in a subsequent step select the specific files that they wish to ...
0
votes
1answer
198 views

Getting input for a one-to-many relationship

I have a flight logging application with a profile section that allows users to enter personal information about themselves and additionally add any certificates they own (recreational- and private ...
5
votes
1answer
493 views

Is the asterisk the common symbol to mark fields as required in all languages?

I did some research but didn't find an answer to it. The asterisk seems to be a common symbol on the web for marking input or user interaction as required. Most likely it has it's origins in print ...
8
votes
3answers
354 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
3answers
371 views

What is the best interaction pattern for entering a range on a mobile phone?

I have a mobile application where I need to filter a list by a range. (Imagine a dating app where you want to filter people by age). How should one design the range picker? A person should be able to ...
5
votes
5answers
2k views

Dealing with Area Codes in Phone Number fields

Ok so I know a similar(ish) question has been asked before re: friendly format for Phone Numbers. My question however focuses on a more specific part of this question, namely the 'dropped' first zero ...
13
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?
1
vote
1answer
436 views

Preventing blur (or forcing focus) on invalid form input

Let's say you're in a form and you just forgot to enter .com at the end of your email addy. You tab or click into the next input, but the input turns red and an error pops up saying you have an ...
38
votes
8answers
4k 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 ...
3
votes
3answers
151 views

Get user Birth location

So i need to get the exact location of where a person was born. Currently, I have two maps on a page and an input field. So you can basically use either one. Right now the top map is a view of the ...
1
vote
3answers
559 views

Enter your email below and we will contact you

My client wants a page in which the following text appears: "Enter your email below and We will contact you" It's then followed by a textfield (to write the email address) and a button to submit ...
3
votes
2answers
278 views

Input field label position, in context of view and edit mode

We would like to use top aligned fields for our form page, wherein the label text is in bold and the input text, normal (not sure if this is the best scenario). In edit mode, this works fine. The same ...
6
votes
3answers
506 views

What problems could arise from displaying a label inside a textbox during data entry?

Just made the finishing touches on a new technique I developed for using a label in a textbox. Here is the live demonstration: http://powabunga.nfshost.com/bestform/ There were a few things I was ...
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 ...
5
votes
2answers
1k views

What is/are best practice(s) to align an HTML checkbox on a web form?

Consider this HTML form: The checkbox in the form is really a pain in the ..., because no matter what you do, it can't be aligned in a good visual form with the rest controls of the form. For ...