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
2
answers
29
views
Best method for ordering information in a form
Is there a good method for deciding on layout and order of information in a complex form ?
For example - deciding how to order many costumer details in a CRM system.
Should the main criteria for order ...
0
votes
1
answer
18
views
Giving user a visual cue that form controls are disabled after clicking submit, while the form is being processed?
Never tested or researched this, tbh.
After clicking submit, the submit button's label is replaced by a "processing" animation indicator. Functionally - the form is disabled, so user can't ...
1
vote
1
answer
48
views
Whats a better way to group dates on a form
Looking to improve a claims form that claims assessors to review and approve in the insurance industry. One of the comments the user mentioned was that dates related to the claim was all over the ...
- 10.6k
11
votes
4
answers
3k
views
What is the best UI for allowing the repeated selection of the same item from a list?
In my project, I have two lists of items: on the left, all the possible items for selection, and on the right, those that have been chosen.
Unlike typical scenarios, in my case, the same item can be ...
- 111
6
votes
5
answers
2k
views
Suggestions for UI for Delicate Question w/ Several Options?
I’m a longtime (20+ years) UI/UX designer and full stack developer, but I’m running into a wall with the UI for a specific field, concerning a delicate question that can be approached and handled in ...
- 181
1
vote
1
answer
81
views
Hiding the delete button behind 1, possibly 2 clicks
I have to anonymize this substantially, so forgive the abstraction, but here is the debate.
There is an interface in which you can create an object. This object has several attributes, as well as sub-...
- 1,326
0
votes
3
answers
86
views
Cancel button to go back after Saving
In a desktop application, I have a form which the user can edit some data, then save it. When they save, they stay on the same page and get the feedback message like "Campaign saved". And to ...
- 305
0
votes
0
answers
32
views
Balancing Create/Delete Options
In my admin page for a course registration system, administrators can create courses with attributes like city, school, and course name. Admins also need to manage cities and schools by creating or ...
0
votes
0
answers
42
views
Multiple action buttons each with explanations
If I intend for a user to click one of four related but different submit buttons on a page and I also plan on having a brief paragraph explaining what each button is supposed to accomplish, what is ...
- 255
0
votes
0
answers
57
views
How to design UI feedback from a form submission so it doesn't jolt the layout of the webpage?
I have this basic email subscribe input, and I'm wondering a general pattern for not having the error "notification" move the input down the page when it appears.... There can be 2 states: ...
- 391
0
votes
3
answers
104
views
Redesigning our searchbar
Our users are having trouble with our search bar. They don't realize they need to click the search icon to start searching. To make it clearer, I've come up with three solutions:
A. Replace the icon ...
- 101
0
votes
0
answers
24
views
Uploading images - copying multiple form fields from one to multiple elements
Issue: We have an image upload form where the user needs to fill in several form fields related to each image, such as the author, description, expiration date, and comment. Some of these fields will ...
0
votes
1
answer
47
views
Form filling: Should we hide non-essential fields, or should we display all fields to the user?
My current task involves enhancing the user experience (UI) in various sections of the SaaS product I'm working on. Within this system, some non-essential fields are currently concealed behind the '...
0
votes
1
answer
123
views
Best layout for radio buttons on forms
I have a webpage with a form arranged in a "Z" pattern, consisting of input fields. Additionally, I need to incorporate three radio button choices into the layout. Given that I've organized ...
- 57
0
votes
1
answer
54
views
How to ensure accessibility for a variable-length collection of name fields in a form
My company supports a legacy application which uses a data form containing a Recipient section and a Sender section. Each section, upon first load, contains three text inputs (horizontally aligned) ...
0
votes
2
answers
33
views
Handling and parsing string with multiple elements to the form using one input
We have a problem that we want to solve in the most intuitive way.
There is a modal with one text input, but the requirements are for user to be able to put one OR multiple email in it. This is needed ...
0
votes
1
answer
72
views
Design suggestion for a register page via smartcard
Context
Developing a Login/Registration page
Security is very important
To reduce code complexity, I want to use just one controller and FXML page.
I want to create a form to register three users at ...
- 3
0
votes
1
answer
37
views
How should the form behave when only a single question requires loading?
This is a form for an airlines platform that users need to fill to proceed checking in to their flight. The country dropdown may or may not change the questions below it depending on the country but ...
- 75
1
vote
1
answer
133
views
Best way to indicate required vs optional fields
I'm having some issues deciding how to indicate to users the some fields are required and some are optional. I've encountered these three scenarios, and the following solutions:
All fields are ...
- 57
0
votes
2
answers
57
views
How do you show populated values in forms?
I’m trying to improve the consistency in form designs (for tickets) while informing all members of the team (design/dev/product) of the type of answer that would make a specific input field ‘completed’...
0
votes
1
answer
45
views
What is better way to implement category selection?
I am developing an android app and currently have a AutoCompletEditText implemented for selecting source of meme. However I want to limit source selection to limited number of options and therefore it ...
0
votes
1
answer
13
views
Typeahead that makes it clear whether you've selected an extant entity or are creating a new one
We have a typeahead that lets users identify a dog in our database (by name) or specify the name of a new dog to be added to the database.
Is there a good UI pattern that helps make it crystal clear ...
- 237
0
votes
1
answer
46
views
Adding Custom Form Field
I have a tricky thing to solve. This would be used for fast food menu.
First field is pretty much Name of the Group ex "Choose the sauce" and other 2 fields (and 2 fields should aways exist ...
- 9
0
votes
2
answers
59
views
ID number for each question in a long form
I'm redesigning a long form. I'm grouping the questions in logical chunks and communicating progress.
Originally each question had an number ID as it follows:
2. Main group of questions
2.1 Subgroup ...
- 317
1
vote
2
answers
92
views
Big form with blocks within blocks within blocks: how to improve or avoid this?
Apologies if this has been posted before.
I'm doing a visual rework on an existing webapp that's essentially a big form with a bunch of form fields, that are divided into sections, subsections, and ...
- 13
0
votes
1
answer
226
views
How to create a multi step form with conditional steps?
I am designing a highly complex form for creating a software company. We are yet to decide on if the form needs to be designed as a Wizard. The first step of the form will gather basic details and ...
- 11
0
votes
2
answers
130
views
Should I prevent users from passing max values or display errors when they do this?
I have several text fields that have max value, I want to provide good UX when the user enters the values.
Let's take an example of the percent field which accepts digit values between 0 and 100.
My ...
0
votes
2
answers
330
views
Showing error messages on form without shifting layout?
I have a form where I want to show some errors (like "Email field required"). What I currently have is a red error message under the description (like shown below).
The issue is, when the ...
- 101
1
vote
4
answers
109
views
Massive forms to be filled
I would like to know when user has to fill many input forms for account creation in particular, What would be the best way to minimize the filled forms? I don't want to put many input forms in one ...
1
vote
1
answer
41
views
Global vs contextual file dropzones
Our application provides a global dropzone for convenient uploads into a media library - you drag a file, and an overlay for the entire page tells you that you can drop it anytime.
However, on certain ...
- 11
0
votes
2
answers
102
views
Multiple select with filtering and select all
I have an issue regarding UX for a popup that allows selection of multiple items with filtering. This is the current one present in the application :
Users wanted to be able to select all elements (...
- 1
1
vote
4
answers
145
views
Arranging digital form answer options: Side by side or stacked?
I am currently working on digitalizing a form which throughout has a lot of questions where the answer is either "Yes" or "No". My main question is which one is the better UX ...
- 31
1
vote
0
answers
75
views
Best layout tactic for repeated, semi-sequential, nested form inside a bottomsheet [closed]
I am developing a mobile app that offers a GIS utility. As such, the main feature of the app is a map and a graph. In order to run the utility, the user must input 2 locations, i.e. a start and an ...
- 121
2
votes
2
answers
129
views
CTA is being hidden by keyboard on long form in mobile
While working on long forms on mobiles, such as multiple business expenses, the CTA to finalise adding is getting hidden by the keyboard. The common way of putting one input field and one cta may not ...
- 296
0
votes
1
answer
47
views
Better pattern for a growing web form based on picked options
I have a web form consisting of 12 steps. One of the steps consists of multiple radio-button with simple yes / no questions.
It starts with only one question. If the answer is yes, then there won't be ...
- 2,211
1
vote
1
answer
70
views
interview users best practices
I'm aware that I can't mention specific software brands or platforms, or even discuss software bugs, so I'm going to try to frame my question from a methodological perspective.
I used a well-known ...
- 21
2
votes
3
answers
146
views
Is there a way to simplify interval input to allow filling one single endpoint?
Let’s say I want users to fill an event start and end dates. If the event lasts one day then these are the same, and it feels redundant to input the same date twice.
However, I can’t imagine how a ...
- 123
0
votes
1
answer
107
views
Form with multiple input fields that has an responsible Person per field
I am trying to design a web based input form for a database. For my form, I have two users groups. Both of which need to be able to edit every field. But one of the two groups is always responsible ...
- 15
0
votes
2
answers
129
views
Table column labels combined with subheaders
I am currently working on a digital form, and at one stage the user has to select one or more elements from a list of transactions. Each list element has multiple columns with different information.
...
- 31
0
votes
2
answers
111
views
How to implement a fixed "submit" button on a long form
So I have a configuration menu and I want to add the "submit changes" button fixed to the bottom right corner of the screen. My issue is, my configuration menu options can expand past the ...
- 1,146
-1
votes
1
answer
123
views
How should a multiple choice form response behave in a web UI chatbot?
I have a wireframe for a chatbot that includes a web form with multiple choice (radio selection). It's essentially a quiz; the chatbot asks a question with one possible response, then, after ...
- 853
0
votes
4
answers
86
views
Apply for a card: in a new page or on the same product page? What's the best user flow?
I have to design a product page for a credit card (it's a banking website). The page consists of info regarding the card, the fees, the rewards, security details, etc.
My question is: what would be ...
- 145
0
votes
2
answers
340
views
Dynamic Forms Best practices
I am trying to understand best practices around dynamic forms v/s static forms.
e.g. Say I have a business flow with Create/Modify/View
Now say for View screen, the fields applicable are Field 1 | ...
- 129
1
vote
1
answer
549
views
What are best practices in form element color vs background color? Should they be different?
I'm designing forms for healthcare applications. In our team there are some different opinions which of the designs below is the best. It's all about colors.
There are rough 3 options
Form elements ...
- 101
1
vote
3
answers
80
views
Entering precise prices with or without VAT
So, I'm trying to figure out how to let merchants input wholesale prices and retail prices alongside eachother.
I had in mind just to have all input fields editable, and then mirror the users action (...
0
votes
2
answers
44
views
Showing multiple role linkages in a single form
Working on a form design that lets the admin manage users. Besides editing user details, they can add or remove roles, Also for each role added, it should display the reports and forms it makes ...
- 10.6k
0
votes
2
answers
66
views
What is best Primary action UX writing for this scenario?
What do you think about UX writing of primary action? should be named as just Add or Add holidays. For me Add doesn't give clues to the user about what going to add.
1
vote
1
answer
76
views
How to validate removing of 'back' button from a form while usability testing?
I tried to validate the removal of the back button from a mobile and a web screen within forms. I used Useberry for usability testing and wasn't sure how to validate this.
I already have a back button ...
- 11
1
vote
6
answers
238
views
Calendar displaying 2 months but user has to select only 1 day
I'm designing a desktop form where users have to select 1 day from a calendar. It's a reservation process for restaurants.
I've been suggested to use an existing calendar component that shows 2 months ...
- 317
0
votes
1
answer
120
views
How to clearly communicate a checklist with pass and fail boxes for each item but also the possibility that the item is not applicable?
So I have a checklist for inspections of some technical goods. Each of those goods has it's own criteria that can either be 'fulfilled', 'not fulfilled' or, if the item doesn't have the relevant ...
- 3