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
2answers
1k views

Form design and placement of action buttons

This question involves a data entry form in a web application. The form will be used in a desktop environment only; there's no need to account for mobile. A single user of this web app could be ...
4
votes
3answers
413 views

Hidden optional fields in form design

On a web-app I'm working on, we have many forms inside dropdown menus. On many of them we have an optional field: Description. This field has been added for the users that want to work on a more ...
8
votes
5answers
297 views

Is it a good idea to put the word “or” between buttons on a screen

If I have a dialog to display to the user it has a data item displayed, and 2 seperate actions that can be done to the object. So, it's a resource and we want the user to choose which process they ...
8
votes
5answers
508 views

Show tooltip immediately or only after a click on the “i”

I've got a loan applicant form. All the fields are required and most of them got a describing tooltip. I struggle when it comes to the point how to show the tooltips. Hide them until a user clicks a ...
7
votes
2answers
1k views

What is the optimal layout for a mobile search form with a large number of fields?

I'm working on the layout for a search form that has approximately 8-10 fields. At this point, the search form fills nearly the entire viewport. My research has turned up general strategies for large ...
19
votes
6answers
887 views

How can I make a form look simpler?

I am designing a web-based application where you can add entries, and each of them have some 20 fields. For the most part, after adding an entry, it won't have to be edited afterwards. But the option ...
8
votes
3answers
416 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 ...
14
votes
9answers
996 views

Dashed underline on required fields

I am working on a massive user registration form for a web application for my company. We have been discussing different ways of alerting the user that a field is required for registration. As of ...
7
votes
3answers
496 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 ...
14
votes
3answers
1k views

Is it bad design to hide a form's success message after a short time?

I was working on a non profit site www.gettingtoknowcancer.org and one of the requirements was to have a subscribe form on the right.So I created the subscribe form like this which when clicked ...
1
vote
2answers
163 views

How could I best organize email preferences for several “groups”

In my web app users can join many different groups (think facebook groups). Users need to be able to set email preferences for every group individually. I'd like to set up a single page for this ...
4
votes
2answers
183 views

Validating Phonewords/Vanity Numbers

I am redesigning a system where the user can enter various contact details for associates via a personal details form. In this form there is a phone number input field. After a phone number is ...
2
votes
1answer
244 views

What is an intuitive and clutter-free method for dealing with additional form fields?

I need to design a web app interface that would allow users to specify conditions that must be met before an action is triggered. For instance, Action A will only happen if: the current time is ...
8
votes
5answers
6k views

Disabling submit-button until the user has completed the form

How do you think about disabling the submit-button until the user has completed the form or the required fields? I find similar questions here on ux.se and somebody answered that the user will think ...
14
votes
2answers
501 views

How to mark a field as recommended?

When I have a required field in a form, there is several ways to indicate to the user that this field is required. In addition, we can add client validation on that field, to force the user to fill ...
8
votes
2answers
493 views

Input for Multiple Links

We would like users to specify certain pages an action can occur on. There are two conventional ways: textarea with some delimiter (whitespace, commas) between the urls. This is OK since usually the ...
8
votes
3answers
1k views

Relation between a Wizard's Previous button and history's Back button

I have a web form split across 3 screens/pages. A user can move between forward and backward between the screens via Next and Previous labeled buttons respectively. When the user presses a previous ...
2
votes
6answers
848 views

Dark labels or light labels

Just wondering what your opinions are on html forms. Is it better to have a light coloured label and a dark coloured value or the other way round, a dark label with a light value? What are the ...
9
votes
4answers
605 views

Subliminal user registration

I'm developing a forum/community board and I want to avoid registration forms. So I decided to make user registration almost implicit. What I mean is, if an unregistered user is about to do something ...
3
votes
1answer
600 views

Good web-form dropdown alternative for unfamiliar fields?

In general, I try to limit use of dropdowns to lists of no more than ~15 or so options. For larger lists with options the user is familiar with, I tend to favor autocomplete text inputs. However, ...
2
votes
2answers
177 views

Combining public and private interfaces on one page

In a UI like the new YouTube what is the benefit of having a separate "Video Manager" space - where you manage all your videos/ playlists over just allowing users to perform all those functions when ...
1
vote
3answers
2k views

Close Button vs Cancel Button [duplicate]

Possible Duplicate: Save/Cancel/Close button behavior question I am developing a web application. I have a pop-up with a text field. I am trying to decide how the users can close the ...
1
vote
4answers
779 views

Form design to enter many values?

I am currently thinking of a wpf dialog to enter multiple values for a production line. Currently our customer uses a Excel Sheet, but since we now need to save the entered values to SQL DB and for ...
5
votes
5answers
3k 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 ...
8
votes
7answers
1k views

Search Icon vs Search Input Box - Both Require One Click/Touch: Which to use?

I'm working on a mobile site of a rather large site. There are quite a few iA and navigation hurdles already, so I'm pushing to use a search icon instead of a traditional search input box. My ...
-3
votes
1answer
147 views

What is the best format to ask users to submit financial information [closed]

I'm looking for an example of a simplified way of asking users to submit financial information in an online form for the following 4 categories e.g. income, commitments, assets and liabilities. Any ...
4
votes
1answer
475 views

Inline CRUD-interface

I am wondering what would be a good approach to the following scenario. I have simplified my case a bit... You wish to create a contact card. This contact card consists of a few radio-buttons, ...
29
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 ...
7
votes
3answers
229 views

Should survey for canceling subscription be before or after the subscription is canceled?

We want to collect data about why our users cancel our product subscription. Should we put the survey form on the same page? Since it might be more likely that they will fill it in, but probably at ...
13
votes
4answers
2k views

How to make a 20-field online form more user friendly?

I've made a pretty basic form for data entry that will be used by office workers to build a database. The form is actually a composite of a decade of excel files that the organization has been using, ...
5
votes
2answers
145 views

Hiding versus disabling forms for guests

With web forms, such as the "post a comment" form at the bottom of a blog post, is it best to disable it by greying it out or to hide it? (Both with a message that you need to log in, obviously)
3
votes
3answers
247 views

Should a informational box for a wide form be centered, left or right aligned?

I am working on updating the layout and styles of our existing application. At the top of a very wide table that has lots of checkboxes and fields is a information box. We need to explain some basic ...
3
votes
1answer
113 views

What pattern to apply to a sizable flight logging form

I need to build a form of about 15 to 20 fields for the purpose of logging a flight. I will be collecting the following data: Registration of aircraft flown Designation of the user (pilot in ...
8
votes
6answers
240 views

Should users be able to customise everything or should the UX team decide for them?

I am developing two interfaces for my product that will allow users to customize a booking widget that they place on their sites. One is for choosing colors for the widget elements. The other for is ...
3
votes
1answer
240 views

Should an E-commerce Site that is predominantly a B2B site have OAuth?

A company that I work at from time to time is looking to add OAuth to their site, and had asked for my recommendation if it's worth the development time and if people would actually use it. In my ...
13
votes
2answers
342 views

How to avoid “hover and cover” on buttons at the end of a form?

I'm working on an apparently simple interface: 2 input fields right above a series of action buttons. Each button represents a different way to perform the same task (for example wizard, upload a ...
2
votes
1answer
115 views

How effective are conventions when applied to inexperienced users?

As I was writing another question here at UX, I realized that I wanted to discuss more things pertaining to the same problem. I thought it would be a good idea to split the question into two since ...
3
votes
1answer
298 views

Selecting all contents of an input field of text type when focusing

I am working on a registration form for a web application which requires you to enter your first name, last name, date of birth, address and so forth. If the user fills out all of the fields we are ...
10
votes
3answers
4k views

How to organize a form with many fields?

Where I work, we have a system that has a screen with several fields. There are approximately 50 fields and all are important and should appear. //edited in gimp :D Any suggestions on how to ...
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?
26
votes
2answers
6k views

Is the color red really appropriate for form validation errors?

It seems to be taken for granted that the color red is appropriate to highlight errors. In the case of serious system errors, I agree. However, I'm having doubts that it's the right choice for user ...
1
vote
1answer
472 views

Bus Ticket Booking Form - Mobile

While designing a Bus booking site - i was thinking on the number of inputs i will require for searching all the buses between two routes. The Web version contains these forms One Way/ Round Trip ...
8
votes
4answers
1k views

Top-aligned labels for multi column form

I am designing a search screen where I have 7 fields and have split it into 3 columns with top-aligned labelling. Is it a good practice design a web form with top-aligned labels in a multicolumn? ...
3
votes
1answer
319 views

Long repetitive form or many small forms

I'm building an internal web app for my company. We're a commercial printing company - I'll try and explain our situation without getting into the confusing details of the printing industry... The ...
5
votes
3answers
235 views

Using application bar in data forms?

I am developing an application for Windows Phone. Asking some of my friend to test it I realized the way I designed data forms and the application bar behaviour is very annoying. The form design ...
9
votes
3answers
2k views

Are “submit” buttons important for forms on iPhone and Android apps?

When inputting text on the last text field in a form on an iPhone and Android app, the enter key can be highlighted or (on iOS anyway) renamed "done", so that tapping it will submit the form. ...
8
votes
4answers
366 views

How do I add the ability to cancel editing without a button?

We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel. ...
4
votes
4answers
884 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 ...
9
votes
5answers
1k views

What is a popular method to show that a form is/has been successfully submitted?

When the user clicks a button to submit a form is there a popular way to give the user instant feedback that the form has been submitted? (other than them looking at browser tab and seeing a spinner ...
2
votes
1answer
126 views

How to design for optional extras which are conditionally available?

We have an online app for flower deliveries. For any given order the customer can specify a delivery date, and two more options. If the floral arrangement is to be delivered today (and the order is ...