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 messaging, and issues around contextual help within forms may also fall into this category

0
votes
0answers
11 views

Is there a standard way to title (describe) individual time zones in an interface for non-technical users?

This comes up over and over and seems like one of the things that every design should have a standard response to. In the case of non-technical users (regular people, not programmers or anybody that ...
0
votes
0answers
11 views

Facing an issue with form

Hello I'm not an expert UX designer I just have some basics and my colleague need a help with this form saying the page is so empty and not organized well. Could you help me with some steps to follow
1
vote
1answer
28 views

Does it make a difference in accessibility to show a success message in the same page a form was submitted?

Does it make a difference in screen reader accessibility to show a success message in the same page a form was submitted? Or is it better to redirect to a different page?
1
vote
3answers
44 views

Term for helpful information in a form

I'm writing up a proposal and got stumped on the description for this element: The informative text (in pink) underneath a field is there to provide a reason for the required data, therefore ...
1
vote
1answer
53 views

How to best combine browser and custom autocomplete functionalities?

When creating address forms, it is a common practice to provide autocomplete functionality for city and street names loaded from some external API. How to best combine this with built-in browser ...
0
votes
3answers
161 views

Best Practice for Form Layout - UI

I'm building out a form at the top of page, where we are collecting 3 pieces of information. Would it be best to display this one line at a time or show all at once? Scenario 1: - The first form ...
1
vote
1answer
54 views

Orientation of checkboxes and their labels in a form

I have a form that has a combination of text fields, checkboxes, drop downs etc. Generally, UX fundamentals dictate we do this. This works well when text/drop down fields outnumber checkboxes But, ...
1
vote
0answers
44 views

What are the best practices, or guidelines, to having a web form auto-save and manually save?

There are many ways in which a web form is made to auto-save and manually save; I'm wondering what would be the best practices to do so. Form is a web application form, and I want to save user values ...
-1
votes
1answer
64 views

need recomendation for form that has 300 fields [closed]

if you have 300 fields to complete in your application form. Do you prefer do it online (fill in the website(e-form), of course with save draft feature so you can come back later) or you just download ...
1
vote
1answer
60 views

When to remove labels for data elements?

Removing labels seems to offer a trade off between clarity and concision. For editable forms, labels are necessary, but when can we forgo them when displaying that data back to an end user? For ...
0
votes
1answer
37 views

Is all user input in a website app considered a form?

We have a complex web app with graphs and panes. Some of the information is entered in popups, while other information is in fields that can appear in cards, tables, and separate fields. Some of the ...
2
votes
1answer
43 views

Navigation order for cancel and save buttons

I'm currently defining the order of tab navigation for a form. At the bottom of the form there are two buttons, "Cancel" and "Save". Following the tab order from left to right, the first button to ...
0
votes
2answers
51 views

Personal information or generated information

Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
2
votes
3answers
74 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
1answer
68 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
183 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
38 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
117 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
51 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
95 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
98 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
91 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
100 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
1answer
26 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
188 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
127 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
155 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 ...
2
votes
1answer
41 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
99 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
71 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
69 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
169 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
712 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
113 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
75 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
61 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
107 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
275 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
160 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
133 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
117 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 ...
2
votes
1answer
47 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
73 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 ...