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
3answers
123 views

Is it ok to have command links or buttons within a step on a wizard?

I have a scenario whereby the user needs to perform an action after entering some information within a step on a wizard. Can this action be initiated with a command on the step in order to reduce the ...
13
votes
2answers
684 views

Show approximate time to complete on a form?

Today, I'm dealing with forms of all kinds. There are small ones, large ones and then ones capable of making a user cry. It is necessary evil - because it is an application that collects a user's ...
1
vote
0answers
32 views

Is it ok to disable the next button until all of the required fields on a wizard form have been completed? [duplicate]

I'm considering disabling the next and done buttons on my wizard until all of the required fields on the corresponding step have been completed. My first thought is that if something shouldn't be ...
3
votes
2answers
120 views

Why do some sites block autocomplete on emails?

As a regular and frequent online shopper I have noticed that quite a few sites switch off autocomplete on email fields. For me this doesn't make too much sense, I am more likely to make a mistake ...
1
vote
2answers
81 views

Radio Buttons - To Default or Not To Default…that is the question [duplicate]

We are displaying a list of items, each with a set of options (or single option in some cases). The options are displayed using radio buttons because only one may be selected. A selection is required ...
34
votes
7answers
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 ...
0
votes
5answers
222 views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...
1
vote
1answer
84 views

Interaction with remote validated form

I have a form with one or more fields which must be validated by hitting a remote (ajax) service. I can validate at several different points, each of which seems to present pros and cons: On keyup ...
20
votes
8answers
2k 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 ...
0
votes
1answer
137 views

Float button position

I have a register form where the user can select the type of registration, for example, 'Solo Artist' and 'Band', when the user select one of them the register form is loaded ('Register' button is at ...
5
votes
3answers
136 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 ...
3
votes
5answers
280 views

Do I really need to show an end date if my event goes past midnight? Isn't this implied?

Our apps frequently deal with events that begin on one day and end on the next. This almost always turns something very simple, such as: Event: Yankees vs Red Sox | Date: 9/1/14 | Start Time: 8pm | ...
4
votes
5answers
342 views

Are pre-selected form elements a bad practice?

I am developing the front-end for a web application that will be the latest product of my company. There is a part of the application where the user clicks on a button, and a popup window is ...
5
votes
2answers
410 views

Forms: Modal dialog or separate page in single page app?

In my application, I have pages that show lists of some objects, for example "People" or "Contracts". From these pages, the user may create a new object. Often these objects only have a handful of ...
2
votes
2answers
445 views

Where should the submit button be for these type of compact forms? (bootstrap 3 module)

So Im creating a compact forum module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: Its so 2014 and very user friendly on mobile devices. But Im ...
3
votes
6answers
404 views

Best way to represent a range of options on a form

I am designing a web form and want to make it as slick as possible. One of the fields on the form, asks users when their house was built. There is a list of options for them to choose from e.g. ...
10
votes
5answers
2k views

Should I auto-save a user's credit card information?

Is it wrong of me to automatically save a user's card info without asking them? Update: I am using Stripe, so the card data never touches our servers. Using Stripe alone doesn't make a site fully ...
1
vote
1answer
154 views

How to design a pane with keywords?

We want to enhance the keywording in our program and for this we plan to add keyword sets organized in panels. Here is a screenshot from another program which depicts two variants for showing these ...
2
votes
3answers
555 views

The use of “successful” in confirmation messages

I'm wondering about the use of "successful" in confirmation messages after a form has been submitted ("The form has been successfully submitted." or "The mailbox has been successfully set up"). To me ...
-1
votes
1answer
67 views

Best way to show exclusive forms?

I have to develop a page with forms that are exclusive each other. What is the best way or best practice to display mutually exclusive forms?
9
votes
3answers
816 views

How to represent repeats?

I'm trying to write a budgeting web-app and wants the user to choose how many times a budget should repeat itself. I have the following options: I want One-time to mean that the budget only happens ...
1
vote
2answers
167 views

Should I throw an error or a info message when a form fails to submit because of user error?

I have a form where the user can add a drink recipe. There's a couple of details that needs to be provided in order to successfully add a new drink to the database a unique name at least one ...
2
votes
5answers
370 views

Improving the “booking page” for a taxi booking mobile application

I'm currently working on a taxi booking application and have got to the stage where I need to design the "Book" page where the user can create a new advance taxi booking. The features are as follows: ...
2
votes
1answer
112 views

Best approach to creating a report generator

I'm working on improving an application that provides users with data metrics via tables and allows them to generate reports of the data metrics. The current implementation is that, depending on what ...
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 ...
0
votes
3answers
303 views

What would be the best way of combining these two UIs?

I'm in the process of redeveloping a "request seat" page for a taxi sharing application that I am working on. Users can request a seat on a booking made by another user - this page allows them to view ...
1
vote
2answers
113 views

Best Way to Illustrate Creating Charts based on Dynamic Data

I'm developing a application that allows business users to create forms with fields such as text, select boxes, check boxes, radio buttons, numeric, etc with a easy drag-n-drop UI like: Once the ...
4
votes
1answer
107 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
3
votes
1answer
146 views

What UI elements would improve my booking page? [closed]

I'm in the process of redeveloping a "request seat" page for a taxi sharing application that I am working on. Users can request a seat on a booking made by another user - this page allows them to view ...
0
votes
3answers
63 views

Clearing Same Address Inputs on Uncheck

I have a simple form where the user is given the standard, what is your location and is this (shipping/worksite/billing) location the same as the one listed scenario. By default if the user check the ...
4
votes
5answers
137 views

What is the best place to put form submission buttons in a mobile application?

It's the first time that i came across the design of a mobile-only UI app. I'm not experienced with it and i would like to know what is the best place to put form submission buttons in a mobile ...
3
votes
2answers
214 views

Username or email address fields

I am maintaining the server implementation of a website. The site allows usernames and email address as username. This is how the login screen looks where the user is asked to select if the user is ...
1
vote
1answer
96 views

Best practices for hardware keyboard input on tablet

I'm creating a form Android tablet app that will be used connected to a physical keyboard. The goal is to help users quickly fill out forms while visiting our conference booth. The tablets will be ...
3
votes
1answer
96 views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...
3
votes
3answers
237 views

Alternative to a lot of checkboxes

I need to give a user the ability to select (on/off) a subset of options from a list. There are over 100 of these choices to be made and the list will get longer. The data is not user friendly either. ...
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. ...
1
vote
1answer
88 views

Multivalued form field and validation for empty values

I am designing a dynamic form with multivalued field (with the famous "Add another value" button). My question concerns the validation of this type of fields : Should blank values be blocking (the ...
5
votes
2answers
206 views

Should multiple step forms be arranged vertically or horizontally?

I'm designing a 4 step insurance form. enter details view your quote etc. etc. Someone has asked why have we done vertical steps (i.e. finish step 1 and move onto new page step 2). Now we ...
14
votes
3answers
491 views

Float Label Pattern for Select Boxes

I'm sure you've all come across this pattern, does anyone know whether there is any documentation that can provide information on how this pattern can be used with other form elements for example a ...
0
votes
0answers
27 views

Are submit buttons on search forms used in real life? [duplicate]

Some sites have submit buttons next to the search field. Do people use this? (I don't) Because you have to type something in the text field, and it's easier to press [enter] than use mouse to click ...
10
votes
2answers
182 views

What's the motivation behind complete-the-arrow ballots?

In Toronto's municipal elections, the one time I went to one, I noticed that the ballots didn't have a space to mark X on, but instead there were broken arrows to draw lines between, like this: Is ...
1
vote
2answers
71 views

Select menu, dynamic values and default value

I have a dynamic form depending on the value selected in a select menu which is the first form input. The content of this first select menu is dynamic: it can contain zero, one or more values. The ...
1
vote
2answers
144 views

Ideal design for large form [closed]

In my current project I'm working with a lot of large forms. Below is an example of one of them. In trying to keep it clean and make use of the available space the following layout has been suggested. ...
0
votes
1answer
135 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 ...
1
vote
2answers
136 views

How to provide controls for various actions in a single page?

This one is for CMS. The user should be able to add,delete,update and search through a table in a single page. The buttons Initially ADD is visible, If the edit pencil icon is clicked only UPDATE ...
1
vote
3answers
263 views

Which is the best mobile pattern to use for a form's select box?

I need to design a responsive website with many widgets and forms. I want to provide the best UX to mobile users also when they interact with forms, which is often a nightmare on mobile. You can ...
1
vote
1answer
80 views

Should payment details be retained on checkout page reload?

If a customer tries to checkout with invalid credit card/direct debit details, should the details be wiped when the page is reloaded? If so, which details? Only credit card number/bank account ...
3
votes
3answers
249 views

Should I use accordions within a multistep form?

Am looking into crafting an accordion for a multistep form. Like the idea of a single page walkthrough that provides anticipation (ie. what's about to come) and affirmation (ie. what's happened), but ...
2
votes
1answer
74 views

Selecting quite a lot of Size and Quantity

This UI is for a B2B web ecommerce page, where a buyer can enter quantities for multiple sizes of a product. They first click a size in the top row which reveals up/down arrows on the qty, which the ...