Questions tagged [forms]
Forms are a collection of input fields and design patterns that collect and process different types of qualitative and quantitative data input from users. Can include the visible user interface components as well as the logic required for controlling aspects of its behavior such as form validation, data retrieval and storing of incomplete forms.
2,824
questions
0
votes
5
answers
163
views
Sticky button but only after user made a selection
I'm designing a screen where users have to:
Select a day
Select a time slot
Click a "Confirm" button (which is disabled until the user selects day and time).
I didn't want to make the ...
- 317
0
votes
1
answer
225
views
Most user friendly way to select a time slot when booking a table
I'm designing the table reservation process for a website with multiple restaurants.
After selecting the day, the user has to select the time of the reservation. The restaurants have multiple shifts (...
- 317
0
votes
5
answers
119
views
Should users be allowed to add new users on a user management screen while the screen is still loading
Designing an access management module. Sometimes there will be a delay in the list of existing users loading. During this time the add user button will be active. in this case users will be able to ...
- 10.6k
0
votes
1
answer
169
views
User's expected behavior when uploading files before submitting
Problem:
I have a form that has a couple fields, but also asks for the user to upload files. Potentially, the user might upload multiple files, so we are saving them (kinda like saving drafts), but ...
- 1,325
0
votes
2
answers
91
views
Should suggested options show up in multiple sections in the same dropdown list?
We have an autocomplete dropdown where the user can search from a list of people.
In this dropdown, we want to surface a "Suggested" section to surface the people that have been selected ...
- 1,325
0
votes
1
answer
186
views
Multiple upload states and error handling
I am currently working on a banking site. We are designing a section of the site where users can follow their applications, i.e. for a loan. They can sign and upload documents from there.
There will ...
- 677
0
votes
2
answers
90
views
What is best way to put Required Text in Select Box?
I'm creating contact form. I have read Web form design guidelines and found tips to add optional or required text instead of putting asterisks. I have found the information in https://www.cxpartners....
1
vote
1
answer
679
views
What are some best practices on building large forms for data entry?
I am currently building a web application which has large forms (10 - 30 input fields). I am using DevExtreme's DxForm to do this. The users using this form will be on desktop computers 100% of the ...
- 111
2
votes
1
answer
135
views
Complex forms that have no confirmation on exit are everywhere. Why?
I'm working on a SaaS product for 4 years and am going through a phase of re-evaluating my old decisions. One of them is the following rule:
When the user is leaving a complex form, and at least one ...
5
votes
1
answer
733
views
Asking for gender for room sharing (own and room mates)
I am co-organising a retreat in which participants will share rooms in groups of four.
I expect that some participants care about the gender of room mates, so I need to ask for participants for their ...
- 167
0
votes
2
answers
239
views
How to allow incrementing of multi-select options?
As part of a form field, I want to allow the user to specify 0 or more options. The user should be able to select multiple of the same option if desired.
This can be visualised in a typical multi-...
- 23
1
vote
2
answers
110
views
How to tell user that it is required for them to upload photo before submitting the form?
I have existing form on apps which requesting for user's details.
Form Layout :
There are 4 input fields and 1 image uploader. User need to click on the camera icon to start picking the image from ...
0
votes
0
answers
37
views
Present tabular data differently to fit in a form?
Hi so I am looking for alternatives for tabular data so that the data can more easily be viewed in a form field. Basically the user will only need the tabular info to be view only and can include up ...
0
votes
1
answer
30
views
Codependent/parent question type
I am having troubles finding useful information about codependent/parent question type, I will explain.
I am working on a Survey project and I need to create a question type with some logic added to ...
- 1
1
vote
1
answer
389
views
What is the best pattern for text field hints in a web form?
I always wonder what is the best practice for labels/hints of text fields on a web form.
Here is my understanding:
It is better to use a label than a hint when the form has more than 2 fields... but ...
- 11
0
votes
3
answers
558
views
Should I keep the user logged in (i.e. "remember me") when they register a new account?
Usually, signup forms don't have a "remember me" checkbox, but at the same time, you're logged in automatically after signing up so you don't use the login form (which has a remember me ...
1
vote
1
answer
33
views
Prevent reset of data in input form after changing server instance
I'm trying to design an "add card payment" form with Stripe implementation, the real challenge is that I have two accounts for two regions US & Europe.
My current design is that user is ...
- 13
1
vote
3
answers
90
views
Two data types in one login field
I have a couple of ways of logging into a specific service: either by ID number or email address.
The designs so far have been built on the assumption these will be two separate fields, but how might ...
- 111
0
votes
1
answer
172
views
Your thoughts on double scroll and double column form when needed
Hello, I have a problem with this wireframe display.
On this screen, the admin must answer a request (the form in the left) on the app. His response is also a form (the form in the right), where the ...
- 3
0
votes
5
answers
162
views
When is a form too long
I am working on a re-design of an onboarding process for a financial platform, which of course requires a plentidude of information.
The forms primary step in the process, has the user fill out their ...
- 1
1
vote
2
answers
748
views
Accessible phone number input
QA flagged an issue for phone number inputs, and I would like a second opinion on their interpretation of WCAG requirements, because I believe they are raising a false negative.
Below are the ...
- 121
0
votes
2
answers
177
views
How to create a good user experience for a matrix of input fields?
Following matrix of prices up to a given weight per country is given:
The user is able to edit individual prices. Depending on the amount of countries and weights the matrix can get quite big, making ...
- 243
1
vote
2
answers
115
views
Best way to denote that multiple fields are no longer editable?
I have a form where users can input their availability for each weekday in terms of time. However, the following dates should no longer be editable:
Past dates (for obvious reasons)
Today's date
...
- 1,325
0
votes
2
answers
326
views
How to display [missing text] in a form
After a form is saved and displayed, I want to show a placeholder if a field was left empty, so that the user reading it understands that it is not a UI issue.
Example:
Name: Jeff
Surname: –
Mail:...
- 422
1
vote
2
answers
179
views
Registration Portal UX with many steps & complex requirements - Best practices & good examples?
I'm designing a web-based registration portal. There is a long list of requirements people need to get ready before they can successfully register. The research indicates that many new applicants are ...
- 431
0
votes
2
answers
461
views
How do you define input length?
I'm working on an online banking website and its design system.
UI designers tend to want all form input elements to be the same size so that everything is perfectly aligned. I've explained that the ...
- 677
0
votes
1
answer
53
views
Best Practices for Downloadable Free Guide Pages
My company wants to increase leads through free guides whereby a user completes a form and is then given access to downloadable content.
The page features information of what is in the guide and a ...
- 1
0
votes
1
answer
32
views
Web application: showing information with form format
In the place I work (not a company) there's a team developing a Web app. In it, retrieved data information (a school) from a search is displayed as follows:
As you can see they are using form format ...
0
votes
1
answer
543
views
How to write an accessible error message for a required radio button group form element?
I have a radio button group as follows:
"Do you have any pets?"
Radio options:
"yes" or "no"
If an option is not selected, and the user submits the form, then an error ...
5
votes
4
answers
1k
views
Should fields labels also be clickable?
I know it's a good UX practice to make radios/checkboxes labels clickable (because radios/checkboxes are usually a bit small) but I have serious doubts over the practice of also making fields labels ...
- 1,064
0
votes
2
answers
70
views
Is there a best practice or best way to design form navigation?
I'm creating a KYC form, and the question of navigation arose. I am unclear on what standards exist to make navigation like this easy and non-intrusive.
I have come up with two options. Which might be ...
1
vote
1
answer
156
views
Does anyone know what this component is called?
I'm trying to find what this particular list/picker unit is called as I'm researching the best way to allow a user to select from hundreds of options in various categories.
The user will be able to ...
0
votes
2
answers
150
views
Checklist and radio button alternative
What is the best way to display this information?
Overview
I am in the process of creating an application form for a Scottish college. We have 8-9 accessibility statements for applicants to select in ...
- 3
1
vote
2
answers
120
views
How would you design a UI for a form with selecting scheduled?
Sorry for the title, but I am a little bit exhausted here and I am not even sure if this is the right place to ask for help. I am making a Windows Desktop Application (C# WPF), it is the same as POS ...
- 141
2
votes
2
answers
144
views
Best UX for blocking users from using a form twice
I'm designing an application experience and looking for the best UX practices.
Here's the scenario:
User submits the form and gets their results immediately on the next screen + emailed to them. ...
- 21
1
vote
2
answers
177
views
Label text for default option of three-state radio button group
We have a table with radio button filters and are struggling with logical wording for the labels, or specifically the label for the default option.
The tables are of people, and each person could ...
- 13
1
vote
5
answers
763
views
Select menu with only one option
I have a form that contains a select dropdown that requires the user to select from a list of locations.
However, there are instances where there is only ONE location. What is the best way to display ...
- 1,325
0
votes
4
answers
459
views
How to show error message around HTML input on blur without jarring the layout?
I have this so far, not really that styled but the basic layout.
Notice how the layout jars when there is an error message (and the error message might be longer than one line). I even tried forcing ...
- 391
0
votes
2
answers
57
views
Hiding vs showing an error
I have a form that allows internal users to select from a list of subscribers to send emails to.
Each subscriber has their own set of preferences as to which emails they want to be subscribed to. For ...
- 1,325
1
vote
1
answer
331
views
How to improve UX on deeply nested form functionality in the browser?
I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here).
Basically, you have a form for a "...
- 391
1
vote
1
answer
111
views
Field only required during Edit mode
I have a form that allows the user to add a "Location" for a particular entity.
Each location should have an "Assignee."
In that sense, the "Assignee" is required, ...
- 1,325
0
votes
1
answer
71
views
What is the best pattern on selecting options to display look book prices
This is an online app for our product salespeople. This app allows our product managers to create a custom pdf look book that can be emailed or printed out for specific customer. The selection ...
- 31
2
votes
1
answer
368
views
Should inline form validation error messages be specific or unspecific on login screens?
I had designed a message reading "Incorrect password" appearing on the 'Password' input field, however, a PM has given me feedback that saying: "I believe the common practice for ...
- 23
0
votes
2
answers
120
views
Placing the Attach Image button
I'm designing a mobile screen (iPhone and Android) for adding a review; my sense is that the 'Attach Image’ button is not placed correctly or shouldn't be as big button as 'Submit Review'. Please see ...
- 15
0
votes
1
answer
69
views
How do I design a state machine?
I am trying to design a data catalogue page that shows the state of the data (draft, pending publish, published, pending archive, archived).
When users add their data to the catalogue via a form, they ...
- 3
0
votes
2
answers
43
views
Imposing text limit in form without affecting old data
We have a form with fields below:
Code
Item Name
Description
When we reviewed the list of 'Code' in customer database, we noticed that the 'Code' values tends to be quite long. It seems like the ...
- 653
2
votes
3
answers
421
views
Checkbox dirty state
I would like to highlight any changes made to a long list of form checkboxes.
That way the user can review all the changes made (whether checked or unchecked) before saving.
Are there any examples for ...
- 113
2
votes
2
answers
184
views
Complex, multi-step filter vs "dumbed" down filter
This is my first post here. I was going to ask in meta if it's appropriate, but I need 5 posts before doing that. So I'll just ask and hope it's on-topic enough.
I am designing a search form that has ...
1
vote
3
answers
270
views
Presenting missing information on card
I have a multi-step form that requires filling in relevant details in each step. On each step we save the data. If a user leaves the form at any time, the draft will be saved and can be accessed from ...
- 146
0
votes
3
answers
79
views
What markup should I use for a form confirmation page / last step in wizard?
We have several multistep forms (wizards?), and in the last step it summarizes what you have filled out so you can read through it once more before you actually submit/confirm.
For styling, these were ...
- 275