Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

4
votes
4answers
911 views

edit & save buttons - do I need them? where to place them?

I'm designing a simple app for the Android platform. I have a page with some data, this page can be reached by two options: create new page- input fields are empty edit existing page- input fields ...
35
votes
17answers
10k 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 ...
69
votes
12answers
5k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
22
votes
9answers
29k 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
4k 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?
14
votes
13answers
3k views

Long web forms - for Data Entry power users

I'm currently looking at a designing a VERY large webform which users will spend a lot of their day inputting data into. A few notes: This is basically data entry. These are power users, so ...
24
votes
9answers
5k views

Mark or don't mark required fields if all are required?

If all fields in a form are required should they be marked somehow (eg. with an asterisk)? I see this done a lot and find it redundant? There could be a difference in big forms and small forms, but ...
23
votes
4answers
5k views

Character limits on fields - pros and cons and best practices?

Some of our form fields have character limits. We're debating whether we should reflect the current size of data entry, or to simply hard-limit and inhibit data entry beyond that size. In HTML, ...
39
votes
8answers
2k views

How do we stop users overpaying in financial web forms?

Submitting my online council tax payment last week, I made a mistake. Instead of specifying £63.00 in a freetext payment field (about $100USD), I missed the dot and am now poorer by £6,300 (about ten ...
4
votes
3answers
1k views

What is best practice for button labels?

What is the best practice when you're labeling your app buttons? For example, I have a button that links the user to the product reports page, will the button say "View Product Reports" or just ...
36
votes
6answers
3k views

Is the term 'field' too technical when giving messages on a form?

When writing help or validation messages on a form I usually write something along the lines of: "This field is required" "5 fields need to be corrected on this form" etc Is the term field too ...
14
votes
1answer
5k views

Why is it inaccessible to create a form with no submit button?

Considering the W3C advice on including submit controls, is it still possible for a form to be accessible if the only way to submit it is by pressing the return/enter key?
10
votes
6answers
2k views

Required field validation

How should required field validation be handled visually? NOTE: assume asterisk is red *Name:[_______] or Name:*[_______] or Name: [_______]* or Name: [_red bg_ ] or Name(<- font color ...
22
votes
9answers
5k views

Why isn't the “remember me” checkbox in login forms enabled by default?

On most part of sites "remember me" checkbox in login form is disabled by default. Most part of users after login would like to stay logged in. It annoys users each time to enter username and password ...
17
votes
7answers
3k views

Should “gender” be required, or is there a better way to collect this information?

I believe in keeping a registration form as simple as possible so that we "grease the skids" toward conversion. Every field on our signup form is required, or else we wouldn't ask it. Here's what we ...
16
votes
7answers
2k views

Disable the save button until changes are made?

We have a list of complicated things, which the user can click on to get a new view in which they can edit all the details stored for that thing. The edit view already has a Cancel exit mechanism ...
11
votes
2answers
2k views

Should the cursor change to pointer over radio buttons, checkboxes, their labels and selects?

I always do so because to me it feels nicer; it implies an action will happen on click. Especially for radio/checkbox labels, where the for attribute is correctly used. This is not the default ...
9
votes
3answers
1k views

Placement of delete button on form

I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
7
votes
2answers
478 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
3
votes
6answers
539 views

How to present password rules

How should feedback be given about password rules in registration forms? a) When you focus on the password field b) When you type the first letter of the password c) When you stop typing, plus a ...
14
votes
4answers
557 views

What's the Best Interface for Entering Canadian Postal Codes on a Smartphone Keyboard?

Typical smartphone keyboards are modal. There is usually a basic QWERTY/Basic punctuation keyboard by default that can be switched to numeric/extended punctuation mode. This works reasonably well ...
13
votes
4answers
4k views

Is there a recommended location for a submit button in relation to a cancel on the web?

On the web, is there a recommended location for the submit (Go, Search, Submit, etc) button in relation to the cancel, reset or back button? I'm thinking the recommended positions makes it easiest for ...
12
votes
11answers
395 views

How to tell a client in a form that they can enter their email OR their tel # (but both are not necessary)?

In a contact form, I need either their number or email. I've thought of these ways: Have field label be "Email or Tel #", or "Email / Tel #" Have the above, but placeholder text in the input saying ...
9
votes
8answers
1k views

What to display while waiting for a process (4-5 seconds) to complete?

We realized that in some cases the user may be waiting up to 4 or 5 seconds (depending on connection) for their form (or some action) to be processed. The form involves getting data from other servers ...
9
votes
4answers
1k views

How do I handle secondary navigation within a wizard-style form that will work for touch screens?

I am working on redesigning the UI for a Web app that registers users for something work-related (so my audience is captive). One of the main reasons for the redesign is to make it mobile-friendly; I ...
8
votes
3answers
3k views

Guidelines for when to auto-save settings vs “save” button

In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
7
votes
1answer
646 views

Is a 'back' button needed on a web form?

I am re-designing a multi-page web form that currently contains 'back' and 'continue' buttons. I am wondering -- is the 'back' button necessary? If the user wants to go back, they will know to use ...
6
votes
5answers
851 views

Forgotten Passwords - is there a real benefit to asking for memorable password hints on signup?

On several signup forms I see fields such as "Choose your Memorable Password Question". Is this actually benifical nowadays? Surely a more secure method if someone forgets their password is to build a ...
20
votes
5answers
2k views

What are the best practices of button alignment?

There are reasons to align buttons to the left, center, or right. What are the best practices of button alignment and what factors should we consider? Which buttons should be on the left, center, and ...
12
votes
2answers
597 views

Should there be a difference in the relative sizes of the buttons in a confirmation dialog?

I understand the idea behind having the more likely to be used action on a page slightly larger or in a different style in order to guide the user to it (for example having a button for save but a ...
11
votes
4answers
552 views

How to tell the user that an input box is autocomplete-enabled?

Is there a good graphical sign which tells the user that a particular field on the page is autocomplete enabled? For instance, the field name says "Document author". When you start typing in that ...
9
votes
1answer
285 views

Should I allow users to select a valid but disqualifying option?

I'm working on an application form where a user must be 18 years or older to apply. Should users be able to select years that would equate to them being younger than 18 or should I remove them from ...
8
votes
2answers
1k views

(One to many) to many form?

What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry? One parent element (a case - 15 data fields) One or more 2nd level elements ...
8
votes
3answers
13k views

What should be maximum and minimum length of persons User Name & Password? [closed]

I am wondering because I am trying to make sure that person have right amount of spaces for their user name. User Name and Password are security measures and should not be easy to guess. I have fixed ...
8
votes
8answers
1k views

Long scrolling form or 3 compact pages?

I have a form with three sections, each with about a dozen fields: General Product Information Product Details Shipping Options Should I place all sections on a single page (thereby forcing the ...
5
votes
1answer
376 views

Unifying Search and Browse

I am working on a part of a website right now. Let's just call it a Map for now. Every user has a map, which displays his or her interests as images in a grid. Quite obviously, the user can add or ...
2
votes
2answers
934 views

One column logistration form OR two columns?

Don't look at me like that, I actually like the way to call both login and registration forms together a logistration form, well it's convenient. I've designed a logistration form, but the problem is ...
2
votes
2answers
206 views

Is it a good practice to show a sign-up or registration form as seperate parts rather than in one go?

I am designing a registration form for a site with multiple sets of information required from the user. I have categorized the data fields into relevant groups. Now should I present the form sections ...
12
votes
4answers
1k views

Right-Click menu awareness on Web Application

The web application I am building has a custom right-click menu. I'm concerned that the user might not find this menu as normally right-clicking will only display the default browser's menu. Is there ...
9
votes
3answers
1k views

Using country flags with currencies?

We are considering incorporating national flags into a currency selector, alongside ISO currency codes, like this: We are well aware we should not use flags for selecting languages because there ...
8
votes
5answers
759 views

“Clear all” button history

Has anybody ever used "Clear All" button on the page? Maybe someone know the history of this "magic" UI component. I opened my eyes after this answer.
5
votes
2answers
466 views

Floating submit/cancel buttons

I have a form in the system I am currently working on which loads in a dialogue window within the system. The form is about 3 times the length of the window it shows in, which obviously scrolls. I ...
5
votes
2answers
332 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
1
vote
1answer
202 views

Improve design for master-detail interface

INTRODUCTION AND RELEVANT INFORMATION I am programming application that writes data about contracts into database. It is similar to banking software. Contract is very complex data, so let me ...
1
vote
3answers
2k views

Keyboard shortcut for “Submit form”

I use a form maybe 100 times a day. I can tab between the fields with no problem but most of the time I don't have to fill out the entire form and would like to submit it without having to touch the ...
1
vote
3answers
1k views

Which is the best design practice for edit data in RIA?

Which is the best design practice for edit data in RIA, for example in Flex or Silverlight? I would like to show customer's details, but there will be an edit window, than the datas of customer will ...
27
votes
12answers
12k views

What is the best way to deal with very complex forms?

I'm trying to give the best experience to users of a very huge system (like a CRM). It has a lot of forms and much of these have a lot of fields. My doubt is about if I should use a single column form ...
86
votes
12answers
18k views

Removing placeholder text on focus

Chrome, Safari, and Firefox 15+ remove placeholder text after pressing first key in the text input. Opera, IE, and Firefox 14 and below remove placeholder text immediately after focusing the text ...
31
votes
7answers
1k views

How do you sort a list of languages?

A website is available in 100 languages. There is a form to select a language, and it includes these 8 English Русский 日本語 עברית العربية বিষ্ণুপ্রিযা় মণিপুরী მარგალური አማርኛ Normally, I would ...
51
votes
11answers
4k views

Submit and Reset button, what's the best order?

In a form with a Submit and a Reset button and the end, what's the best order for the user experience ? Submit first ? Or Reset first ?