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)

14
votes
5answers
495 views

Should a special slider value be implemented with a checkbox or not?

I am creating a dialog box for a GIMP plugin that exports images in the WebP format. The dialog currently looks something like this: download bmml source – Wireframes created with ...
2
votes
2answers
351 views

Drop down list for unknown number of items (can be thousands)

I have a form in which the user has to select an item from a (possibly) long list. The user may or may not know what text to search for so auto-complete is not an option (may be just complementary). ...
2
votes
1answer
258 views

Advantages of big forms (especially in ecommerce)

What are the advantages or disadvantages using big forms? (especially in ecommerce) I notice sites like Stack Exchange are using big form input fields with big bold labels inside of them ...
4
votes
2answers
167 views

Good way to allow user to change city

I'm creating a site kind of similar to Yelp.com, so I was wondering what the best way to show users which city they are in: The Yelp way: put two search boxes on the page, one for what your ...
4
votes
1answer
93 views

Is Opera right to allow the output element to be selectable?

I was running some tests on the <output> element and noticed that in Opera when tabbing over the inputs, it selects the <output> property. It kind of took me off guard because I wouldn't ...
2
votes
2answers
133 views

Should I combine pages that manage “settings” and “private user information”?

I am currently building a web application and am trying to come up with a way to manage private information and account settings. Currently, they are in 2 different tabs: download bmml source ...
1
vote
0answers
755 views

Designing forms for iPad [closed]

I am building an iPad application which is going to let users to enter information such as texts, dates and other options as well. As we all know, iPad screens are very big. So building forms is a ...
2
votes
1answer
184 views

HTML5 form element implementation inconsistency: chalk it up to progressive enhancement?

I'm writing a small task tracking webapp for intranet use by about 20 people of varying technical skill (from clerical to developer). I was hoping to be able to rely almost entirely on HTML5 form ...
14
votes
4answers
497 views

Should we try and avoid fail states at all cost or allow users to recover from fail states?

Today, I came across a site where the submit button to a login form was disabled unless you have filled in the username and password. Unfortunately, I could not reall the URL, but it looked like this: ...
2
votes
2answers
274 views

Interface for managing public and private profile fields

I realized that my previous question was somewhat confusing and a bit hard to answer. I have thought about the situation and decided to delete that question and ask this one (which is better set out). ...
3
votes
1answer
603 views

Use of Modal Dialog Box for User Sign In

The site that I am working on has a signed-in and a signed-out state. We're in the process of implementing a soft signed-in state (e.g., remember me on this computer). Doing that requires users to ...
3
votes
2answers
128 views

Make users pay up front or after an application is submitted?

Quick back story: My company has a web-based application that college-age students will complete (similar to the FASFAA) that helps them get awards, grants, scholarship aid from the schools they apply ...
2
votes
2answers
63 views

Should selections of 'other' always auto generate fields for the user to populate

As per conversations already on this site such as What's the best placement for an "Other" box I am guessing the answer to this might just be a quick 'Yes' but I figured I would ask! I ...
2
votes
1answer
123 views

Is appending the company e-mail domain to a textbox good UX?

My application has companies that have many users. To login to the application, they use their e-mail address. The company has a preferred domain name (e.g. google.com). Is it good UX to append this ...
2
votes
1answer
509 views

What's the best way to present multiple many to many options in a form?

I'm working on a web app where the data is structured as follows: CLIENTS may have one or more CONTRACTS CONTRACTS may have one or more CASES CASES may have one or more CLIENTS ...
8
votes
4answers
3k views

Where do you put the delete button if you have delete, cancel and submit?

I have a web app which currently uses the following interface. download bmml source – Wireframes created with Balsamiq Mockups Here's what the actions do: Delete will delete this group ...
11
votes
2answers
408 views

How can I make the purpose of a complex user interface element more obvious?

I am the author of SQL Fiddle, an online environment for testing and sharing database problems. The target audience for my site is for pretty technically-sophisticated users (database programmers, ...
8
votes
3answers
376 views

Autocomplete no results behaviour

First, a bit of background: I am using autocomplete to provide suggestions (in my case a list of users) to provide tokenized input to a text field: download bmml source – Wireframes ...
2
votes
1answer
392 views

Having lots of checkboxes and an extra action for each checkbox

I am using a similiar interface to Lisa Tweedie's awesome answer to my question on what to do if you have too many checkboxes. I am going to be using an interface similiar to this for selecting ...
4
votes
3answers
1k views

Standard list of religions for dropdown menu [closed]

I am creating a form that will include a step about the person's religion, I have seen forms that contain a dropdown menu of religions, however I cannot find one which has a standard list of ...
1
vote
2answers
158 views

Isn't it a usability issue when adding comment dialog in Stack Exchange does not have cancel link?

When I click Add comment in everywhere on Stack Exchange you can't hide the box opened. I myself changed my decision to post a comment in site. Don't you think there need to be a cancel link in ...
5
votes
2answers
251 views

Designing an interface that contains text fields as well as a datatable

As a bit of background, I would like to show you some wireframes in the web application. This is a screen for managing a list of users in the system. Note that by just clicking a trash or disabled ...
4
votes
1answer
271 views

UI pattern for shared editing scope among selected elements?

I'm having a hard time researching this pattern for WPF, partly because I'm not exactly sure of the correct term for it. As best as I can describe it, here is how this editing pattern works: ...
4
votes
3answers
681 views

Best practice for Android form - selection of large range of numbers

For a user input field in an Android application I am developing, I need the user to be able to input a number representing a distance, whose magnitude ranges from 0 to normally ~150 (but can be ...
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?
4
votes
5answers
622 views

Create / Modify in a modal window

Suppose we are in a backend admin website and we are in the page that show us the list of products. Now we want to insert a new one product. The insert/update form should appear: A) in a modal ...
7
votes
7answers
801 views

Best solution to inform and enable users to save changes on a page

I'm working on a micro site which includes a profile section wit diverse pages. The pages allow the user to change their profile settings - e.g. update or complete personal details they provided ...
7
votes
4answers
17k views

Why are there two Address lines in Address forms?

Experience and a quick Google Images search suggests that it's standard to provide two fields for Address/Street. A colleague argues that it's perceived as two alternative addresses, and that the fact ...
7
votes
7answers
925 views

How to indicate a form-field error?

I have two candidates for indicating that a form field is in an error state. Option 1 Option 2 Should the error icon be in the field, or next to the label? Or something else? Or does it not ...
2
votes
1answer
53 views

How can i communicate that certain element of a data-record is only available in newer versions of the data?

I have an ERP system which manages invoices. That system didn't store the inventory, items where taken from, for a specific invoice prior to a specific version, so for all invoices created earlier ...
10
votes
3answers
353 views

Caption inside vs. before the Searchbox

What are the pros and cons of having a label like "Search:" before vs. inside the searchbox? Here are examples of the messages/labels being inside the box: ...
5
votes
2answers
1k views

How to structure complex forms for business documents?

In our enterprise management software we use forms to record document like customers, invoices, sales order, tasks, products, etc. We wanted forms to look like their hard paper version. Below is an ...
0
votes
2answers
291 views

Confirmation screen after e-mail verification part of multi step process or not?

I am designing a multistep proces that nicely shows the user which step he is in. Between the second to last and the last step the user needs to click on a confirmation link send via e-mail. My ...
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 ...
5
votes
2answers
449 views

i18N and form design

I'm trying to design a web form supporting internationalization (i18n). The form will be part of a large event management software. Users login, create events (like conferences, roadshows, and so ...
6
votes
1answer
204 views

Is it OK to change label alignment inside a form if labels vary greatly?

I am designing a form that asks for a lot of data in the form of Short Label [text input] However, in between all those short labels there's suddenly longer questions such as: Are there other ...
2
votes
2answers
444 views

A method to display error validation in forms with severe space constraints

I am familiar with common form error validation techniques. However I would like to find a nice way to handle error messages in an interface with little room to spare. I'd like to show: Flag the ...
5
votes
2answers
1k views

Time slot selection

I'm on a quest to find the most user friendly way to offer a time slot selection to make an appointment in a company's calendar/agenda. It doesn't really matter much interface-wise, but because it ...
16
votes
3answers
636 views

Should first and last name be formatted?

When collecting first and last name from users, should the name be formatted if it will be shown to the user again? Example: BILL is formatted to Bill It seem almost impossible to account for all ...
3
votes
3answers
317 views

Check the box to confirm your email address

Some projects/clients firmly ask to confirm the email when a user enters information in a particular field. When I don't have a choice, I'm proposing a checkbox that users need to manually select to ...
11
votes
5answers
3k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
2
votes
1answer
82 views

What is the ideal way to allow users to choose a category for their post

I'm working on a website where users are able to create a post in a specific category. Would the best approach be to do something similar to craigslist where you're shown a page with main categories ...
9
votes
3answers
1k views

Should password fields be blanked when inline validation fails?

This question with a similiar name refers to registration, but in my case, I would like to address submission. My use cases are: A login form consisting of a email address. A change password form ...
4
votes
2answers
172 views

Should options in a droplist be sorted by popularity or alphabetically?

I'm building a flexible search tool where the user can put together a query against one or many of a long list of fields to pull back a list of results. I was considering a TFS like query builder ...
12
votes
4answers
397 views

What is the best way to ask for a specific amount?

Consider the following simple scenario: User has 2,352 cookies in his account. Now, he is prompted with a message, "How many cookies would you like to eat?" Given he can enter any number from 1 to ...
2
votes
1answer
144 views

Do auto tab break the least astonishment principle? [duplicate]

Possible Duplicate: Auto Advance to Next Field Do auto tabbing a field break the Principle of Least Astonishment?
7
votes
3answers
433 views

Add question form - mark answer as correct

In a web-app quiz form used to add new questions (with answers) for the app, how should I indicate to the user to mark an answer as correct? Currently you mark an answer as correct by clicking the ...
7
votes
1answer
2k views

Best Method to Present a Many to Many Form to User

I have a questions about how to best present a form based off a many to many relationship to a user. I'll explain my models to help give an idea of what data I need to present. Models and ...
5
votes
5answers
293 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
4
votes
2answers
207 views

Line breaks in form selections for mobile

I'm laying out a mobile site that has an awkward screen for security questions. There are 5 questions, each with an input field for answers, however the questions are all too long to be displayed in ...