Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [forms]

Forms are generally used to retrieve different types of qualitative and quantitative data from user input through controls such as text fields, radio buttons, checkboxes, sliders, buttons, or any type of custom control used to collect data input. Form- and field-level validation, error and status ...

1
vote
3answers
58 views

Do International/Non US Based Users Automatically know/type their county code when filling out phone number forms

I am designing a phone number field for an international audience. Initially I separated the country code with the ability to select ones country from a dropdown. Once a country flag was selected, the ...
-2
votes
0answers
28 views

What percentage of users use browser auto-fill when completing a purchase form online?

How many users save their Payment method details and use it in online purchases?
2
votes
0answers
46 views

What are the design considerations for showing timers in forms?

By timers, I mean a ticking countdown clock for time sensitive tasks, such as holding a reservation spot. Essentially "You have 3:00 minutes to complete your registration". I've seen Eventbrite ...
0
votes
5answers
149 views

How to design a multi-step form in a modal?

I have designed a widget for a Web mapping aplication that takes a .csv containing coordinates as input and has 2 output options : Business logic : Both output options require a .csv to be loaded ...
0
votes
1answer
27 views

How to guide users create multi-level categories but create items only at deepest level?

looking for an easy and usable solution for the following scenario. Users must be able to create their own multi-level Country Groups to be used as checkbox-tree filters later on in an application. ...
0
votes
2answers
75 views

Address Form - Best Practice

In my application, I have a web-form for creating a "New Company" object. Each Company has a name and an Address field. The address field should (but not have to) be composed from these fields: - ...
0
votes
1answer
50 views

How to prevent users from circumventing a form?

I have a multi step form which starts with a question. If the user says No, they are taken to a screen instructing them to call in (since the system cannot process No answers). If the users say Yes, ...
4
votes
1answer
82 views

In a survey, will the color of the thumbs for choices bias the responses?

Many companies add satisfaction surveys to their emails and thank you pages. In the case of a thumbs up/thumbs down survey, is it smart to use color to increase the amount of responses? I see two ...
2
votes
1answer
92 views

Better approach to fill in the details in a form?

There are two UX patterns that I have noticed in many applications when it comes to filling in details. Creating a new entity or editing an existing one through the sliding panel Opening a new page ...
2
votes
1answer
80 views

How do you display pending changes in a form?

I'm currently building a simple web frontend that allows the people from the management department to directly make some changes to our user accounts in active directory. Changes they can do directly ...
0
votes
2answers
71 views

Empty field. Error message or just highlight?

Which way would be better to add an error massage to the required empty field or it could be just highlighted?
0
votes
0answers
47 views

Recommendations on complex optional fields

I have a unit conversion calculator (responsive web), and would like to add the optional ability to convert from weight to volume. Doing so requires the density of the substance, which I am deriving ...
0
votes
1answer
20 views

Comments section in form fields arrangement

Just wondering if there is a best practice for when a comments section ( a larger text field) is to be included amidst a bunch of regular size text fields in case of a non-modal situation. An example ...
1
vote
2answers
182 views

How should regular black text change to show that it has become editable?

I am building an app to be used on Android phones. The main purpose of the app is to display information, in the format of a form, to the user. Several fields of the form are to be manually filled in ...
0
votes
2answers
39 views

Alternate hidden form for screen readers

When redesigning our customer-facing form which contains different kinds of questions - text, currency, selects, radio buttons and checkboxes - the design team did not put any consideration in ...
3
votes
3answers
126 views

Self-updating form without submit button causes confusion

I've made a form that, when a form element changes, a search query is fired and the result is displayed by animating the big number in the middle. For one reason the number doesn't always change, and ...
2
votes
2answers
107 views

Mobile forms - Where to put the save and cancel buttons?

We are making a responsive website. There is a form on the site and I am not sure what type of save and cancel buttons to use where. I have found several patterns as you can see in the picture with ...
1
vote
1answer
38 views

How in depth should a screen reader when it does the first read through of a page and a form

Take the following mockup as our example case: Page Title Page Instructions Field 1*: [ text input ] Field 2 : [ text input ] Field 3*: [ text input ] ...
0
votes
2answers
96 views

Alternative Words for Show, Hide, Done, or Collapse?

I am working on a computer application and from a design aspect, I would like my application to be as intuitive as possible. I currently have a panel that is displayed via a menu strip and that panel ...
0
votes
1answer
65 views

How to make optional fields more subtle to reduce its usage?

How to make optional fields like email a bit more subtle? The intent is to have minimum prominence for the email field and reduce its usage. The reason why we can't remove it is that lead capture ...
1
vote
1answer
40 views

Height for a form with paginations

I'm working on a form which has a pagination. The form is in a window. I'm not sure what to do with window's height. Should I change it regarding the form's height or keep it? Thanks.
-1
votes
1answer
67 views

Can a contact form be too short?

So we all know how much users dislike completing forms... even when it's to get to something they see value in. We're told that, in a general sense, the shorter the form, the better the chance of ...
2
votes
2answers
149 views

First Name & Last Name VS Given Name & Family Name

Why facebook and google use First Name & Last Name when some countries have family name first followed by their given name ? Why not just use Family Name and Given Name, and I think this is more ...
6
votes
4answers
707 views

Should a Search Icon Inside a Search Bar Be Tabable?

I'm developing a search bar. The input field and the icon are uniform in design, and thus a tabable icon feels superfluous because the default behaviour when pressing the enter key while the input ...
1
vote
4answers
108 views

Synonym for action of filling out a form

I can't believe I'm essentially begging Stack Exchange to find a synonym, but I'm stumped. I've tried every thesaurus and synonym dictionary. So, the Customer Service Representative (CSR) has created ...
0
votes
1answer
73 views

How to handle users editing the amount they want to pay

I am currently working on a payment form. It's absolutely required that our users are allowed to edit the amount they want to pay. Currently, the way I am handling this is to have an editable '...
1
vote
2answers
58 views

Get the user to accept Terms & Conditions when signing up with OAuth

The register form I'm working on allows the user to sign up using their Facebook account or to create a new account by typing their email and password. Here a mockup: Currently, clicking on the ...
0
votes
1answer
92 views

Is it a bad practice to display both editable and non-editable fields together in a CRM-style interface?

Hi! I'm designing a CRM-style experience to help nurses manage their daily tasks, and I'm running into a bit of a dilemma. I want nurses to be able to quickly edit the "Due Date" and "Task Status" of ...
1
vote
1answer
61 views

When do you choose a long form with a stepper and when do you choose for one-form-per-screen (like typeform)?

Situation I'm designing a flow where a user needs to fill in multiple types of data to let us know they're moving to a new place. Currently I've divided it up into 4 steps. In each step they have to ...
1
vote
2answers
60 views

Numbers alignment in a table and in a topdown label placement

Hello UX Stackexchange, Recently I'm facing an issue in terms of forms design. My developer has insisted that numbers should be aligned right. But I think that since the input for numbers are far ...
5
votes
2answers
239 views

When is it appropriate to use disabled inputs?

It seems best to avoid disabled controls entirely, though I realize there are sometimes technical reasons where people are forced to style some disabled controls instead of removing the fields or ...
2
votes
1answer
138 views

How can I search in Miller Columns?

I have an interface using Miller columns like this: And I'm trying to implement the search feature to it. What are my options? The first method that I can think of is on blur search triggering with ...
0
votes
2answers
212 views

How to properly communicate admission form on website?

We are struggling with a returning issue for a webpage I am designing. I work on a university’s admissions portal for upcoming students. It is difficult to explain the exact criteria for why students ...
1
vote
2answers
107 views

'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user

I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
0
votes
1answer
130 views

UI Ideas to allow user to select the alignment of text

I have a feature in my application which allows user to select alignment or location of the text before printing. E.g. Top Left, Top Right. Right now, I have created a simple switch like the image ...
48
votes
7answers
9k views

Showing “this is secure” on credit card entry screen

Should I show some sort of "this site is secure" puffery (e.g. lock image, or some brief "this site is secure" boilerplate) on my credit card payment screen? If so, what should it look like? If not, ...
1
vote
4answers
113 views

Is this a good concept: “Select one or multiple items using checkboxes and use a radio button to select all”?

We have found a component on a website* with a selection that works like this: There's a radio button All. There are multiple checkboxes, one for each value. It's possible to select one ore more of ...
1
vote
1answer
40 views

How could I make this sheet more intuitive?

I recently wrote an open-source application that lets you practice Chinese writing and the decisions I made about its inner workings were related to my theories of how human memory works. I'm not sure ...
0
votes
1answer
66 views

Inline validation on smaller forms

I'm trying to redesign the forms on our web app and run into an issue with inline validation messages. I started with putting the error message in the top right corner above the input and this worked ...
0
votes
2answers
53 views

Need examples of applications similar to TurboTax [closed]

I'm currently working through an application very similar to how TurboTax functions. I have a paper form that needs to be entered by users into my application (see example" https://www.cms.gov/...
3
votes
3answers
254 views

Radio buttons vs button groups

I'm interested in what people know about UX regarding horizontal button groups and radio buttons. There seems to be a wealth of stats around when and where to use radio buttons as opposed to select/...
-1
votes
1answer
99 views

Best practice for checkout process where users need to meet certain criteria to make purchase?

In a multi-step checkout process, what's the best practice for basically filtering out people who do not meet 3-4 certain criteria for purchase? One criteria is country of residence for example. So ...
1
vote
1answer
89 views

Noun(adjective) or adjective noun with multiple nearly same labels

When desinging labels with items that are nearly the same and only differ in a detail, what's the best approach to name the labels (desktop, not mobile)? vs vs To take a more abstract approach: ...
1
vote
3answers
168 views

How can I design a registration form with 10 fields for multiple users?

I'm in a situation to design registration form that asks A Dad [a user] to register his "Son or Sons" in a sports activity and pay for this registration. In order to enable Dads to pay one time even ...
0
votes
1answer
132 views

How to help users keep the effort when filling a long (160+- questions) questionnaires?

I am lending a hand on a project of my friend who is designing a questionnaire for high school students to determine what kind of higher education they are suitable for. There will be over hundred ...
2
votes
1answer
58 views

How can I force a space into the six digit Canadian Postal Code?

Our back-end system only accepts Canadian postal codes as "XXX XXX." Is there an easy way for me to customize the form field to force in that middle space so that the data is collected and exported in ...
1
vote
1answer
121 views

Contact Form - UX after Submit [duplicate]

When submitting a form in a contact page, what do you prefer? For me it's better to keep the data in the fields, disable the fields, disable the submit button and give a feedback message to the user.
2
votes
1answer
63 views

A better way to display repeated selections in a form?

We currently have a large form spread over 4-5 sections. One section can be repeated n times as it's a list of the users qualifications. Currently the best way I could think of to display their ...
0
votes
1answer
83 views

Two 'directions' in form

I'm creating a form that has a 'split' section, where the user either has to fill in 'Section A' OR 'Section B'. These sections are quite large, with around 6-7 fields in both. Another requirement I ...
1
vote
1answer
69 views

Is there a good non-language specific (international) way to describe Yes/ No or Present/Absent?

For example, each row in table has Y or N to denote the presence or absence of something. This could be changed to a check or "x". Check means present, "x" means absent. Does the check vs "x" make ...