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

66 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
4
votes
1answer
112 views

Should I prevent a user from navigating away from a form while it is being processed?

I'm designing a CRM (Web-based. Optimized for desktop use. Clients are using Chrome on Windows) which has a lot of forms in order to edit everything. Currently, when you save a form, the Save button ...
3
votes
1answer
79 views

How to present fields where user enters a ratio (particularly for screen reader users)

Our team has been working on a new web app and one of the sections requires admin users to enter a ratio (for example 1:2 or 1.5:20 etc). I'm unsure of the best way to present the fields to all ...
3
votes
1answer
138 views

How to inform user that value of form field was removed?

We have some background processing on form and in the result, some of the form fields can become null. So how should information message about this action look like? The best option we have "The value ...
3
votes
2answers
178 views

Screen with multiple list crud

I have a screen with CRUDs For example: I will register a department and identify all job positions, equipment and employees Solution A: Display everything on a scrollable page Solution B: Display ...
3
votes
3answers
176 views

Should fields be hidden if another field could appear in between?

I'm making a form which will have various yes/no answers. In response to the user's action, the form might display more fields. Some fields will always be displayed. For example (completely made up ...
3
votes
2answers
262 views

Form that contains select / multiselect field with possibility to add new element with its details to those fields

I have a problem with finding the best approach for forms that contain deeper relationships. For example I have a form for creating an invoice. While the user is filling particular fields he may ...
3
votes
3answers
278 views

Ask user to check categories of an item and then display category-specific options

Problem In my Web application I have a form in which the user must fill some information about a generic item, let's say a car. Between all the standard information (name, description etc) I am ...
3
votes
3answers
285 views

Multilayered form with multiple options in smartphone

I want to ask about multilayered options from the view of UI and UX. I need to make a form in Android about coverage area in which contains states, city and districts. User can choose multiple states ...
2
votes
1answer
59 views

Editing of individual items and saving them

I am working on an application where I have to ask customers for input. Categories are on the left side of the page. Inside one category user needs to fill the details of multiple items. User will be ...
2
votes
2answers
114 views

Adding Users to a list

I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed. Step ...
2
votes
1answer
117 views

Use inline table editing or multiple rows of dropdowns?

What is the preferred approach when the goal of a page is for a user to edit some values of multiple combinations? Inline editing in a table or multiple rows consisting of dropdowns and inputs? The ...
2
votes
1answer
83 views

Interface for preventing certain items to be combinational with each other

Suppose that I have three lists with items [A1, ..., A10], [B1, ..., B10] and [C1, ..., C10] and I apply the cartesian product on those lists. Then I will get [[A1, B1, C1], [A2, B1, C1], ...] Now I ...
2
votes
1answer
62 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 ] [Reset] [Submit] We ...
2
votes
1answer
154 views

What's the best way to work with user defined tables / fields. Form or Sheet?

I am developing an app builder and need a way to build custom tables (user can create tables and custom fields with relations) There are two common approaches for the UX in designing the table and ...
1
vote
1answer
44 views

How to design an optimistic/eager multi-step form?

An app that I'm building has a comprehensive onboarding process, involving a multi-step form with 5 steps. It's already a pretty boring process to fill out 5 forms with a bunch of image attachments, ...
1
vote
0answers
88 views

Is it a good user experience to prevent user from deslecting an item from a dropdown if it is required in a form?

Before I ask my question, I feel like I need to provide some context. The application that I'm working with has a form for executing queries. This form has the following components: inputs and ...
1
vote
0answers
78 views

Best UX for Tree Input

I have made a UI for creating recursive groups that can be made up of many items or other groups. I have a UI that looks like the following: It is not more likely one way or the other that the tree ...
1
vote
1answer
39 views

Arrangement of info on overview view vs detailed / edit view

My client's site is essentially a collection of forms. When fully expanded, it is very dense. They have broken the info into categories (for simplicity's sake, let's say there's a "personal info" ...
1
vote
0answers
34 views

Using multi-level numbering in a form

I have a long form that I am designing with approximately 30 fields. The form is divided into 3 expand/collapsible sections. I would like to know what the community here thinks about using multi-level ...
1
vote
0answers
46 views

Undo within a modal dialog

We're having a debate about how "Undo" should operate, specifically within a modal dialog box (on a desktop platform). What I see generally in applications is that each individual control (text box ...
1
vote
1answer
119 views

Disabling a modal dialog while waiting for the server

We're making a react web-app for business users We use a modal dialog for editing data. When the user clicks "save", the data get sent to the server. Usually, the server answers pretty fast (< 200 ...
1
vote
3answers
180 views

Static button placement vs dynamic placement?

I have a form flow I'm working on where there is one question per step. Is it better to have the "next" button always positioned in the same spot at the bottom of the mobile screen, or to move it ...
1
vote
1answer
216 views

How can I show a document preview alongside a form in a responsive way?

My registration form requires the user to input Information A and Information B , which are printed on documents only they have access to. Since I have to make the form responsive for all kinds of ...
1
vote
0answers
1k 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
vote
2answers
364 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 ...
1
vote
0answers
100 views

Survey with many optional questions

I'm planning a website that will have a survey of user preferences for various topics. All of the questions are optional although some of them may be more important to users than others. The questions ...
1
vote
4answers
518 views

Form navigation mental model

If an user comes from Windows based software, where in forms you navigate through the inputs with enter key and save by ctrl+s, to browser based software where the default navigation is done with the ...
1
vote
0answers
140 views

Multi Selection with Check-boxes and Radio Buttons

I have a long list of options. My users can select many of them, but they must also star one and only one of the options selected so. ... [ ] Option 1 ... [ ] Option 2 ... [ ] Option 3 ... ...
1
vote
0answers
384 views

How to structure complex wizard form

I have a complex form am modelling using Wizard pattern and this is the flow of the form. Add a organization supply information, how many items were delivered and how many were used. after that, you ...
1
vote
1answer
1k views

Proper UX/UI design for image upload and form on android

I am looking for an advice how to properly design a layout for an android activity that should handle the following: car image uploaded from android gallery (up to 8 images). fill in some details on ...
0
votes
0answers
12 views

how to communicate select any(future and present) vs select all(present) in multi select input?

we're doing a trend/policy builder, and our default checkbox list drop down has a wired UX bug. when the client 'selects all' he selects all present options, but than the trend doesn't include new ...
0
votes
0answers
27 views

Tab navigation: Conventional or optimised for common use case?

Our users work multiple hours a week entering address data in a form. All users are considered advanced users. There are two most common use cases a. Always the same and not all address fields are ...
0
votes
0answers
27 views

Custom select component with filtering

Custom select components are seen everywhere these days due to the limitations of the native HTML select element. Ignoring the virtues (or lack thereof) of select components (c.f. https://gerireid.com/...
0
votes
0answers
18 views

Google Forms with Interactive Passage Design?

I'm currently trying to design an editor for an application where quiz questions are linked to specific parts of a passage. This editor is essentially for people to create these type of special ...
0
votes
0answers
26 views

Optimal placement of tree navigation on a web application

I'm designing an inventory control page for a web dashboard. Functionality: When the page loads the tree alone is displayed on the left hand side. (currently set at 3/12 grid columns) The user is ...
0
votes
0answers
29 views

Where to put a Map on the Contact Us page?

I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order): Map Contact Us Form Footer Does it matter if it is: Contact Us Form Map Footer? Edit: I have removed ...
0
votes
0answers
20 views

Hyperlink to the form at the top of the page or open a modal instead

I have a typical lead generation page with the lead generation form in the first fold. The page is quite long and has multiple CTA buttons along the length of the page. Now I have two options for the ...
0
votes
1answer
12 views

How to capture details of multiple items

I have to capture details of 30 sportsmen through a web form. Data can be the same for all the players but some could also have different values. I am using a checkbox (use same details for all) which ...
0
votes
1answer
23 views

How to handle delivery time slots that expire before purchase is complete?

I have an e-commerce web app where you can choose among multiple time slots for your delivery. There are some rules that depend on when the purchase is completed. For instance, if I purchase something ...
0
votes
1answer
55 views

Exceptions to Enter event in forms

I notice that a lot of modern UI components, specifically chip input fields allow a user to hit enter which adds a new chip. Google’s material framework also has an enter event for adding new chips. ...
0
votes
1answer
75 views

Are there any significant implications to re-design a settings page?

We're doing a migration for some of our settings pages for our website at my current job and we're also trying to hit an external deadline. The way the current settings pages are laid out is a tabbed ...
0
votes
0answers
36 views

How to display a register within another register?

I have the following problem: there is a register (A) that has several imputs, and within this register I need to insert a sub-register (B), because for the register (A) to be completed, the user ...
0
votes
0answers
26 views

Autofill By Google address API

From what I've seen with the Google address API it has a big UX bottleneck. i hoped customers and companies would have a quick and easy fill-in experience. The current implementation comes from the ...
0
votes
0answers
38 views

Best practices for lengthy forms

I am designing a form(non-linear) where we have 3 categories and each category can hold 100+ fields. Application will be used by skilled technical users and the fields would be product configuration. ...
0
votes
0answers
40 views

How to illustrate a 'between' form element?

What would be a user friendly design for a form element that allows to register a numeric range between two boundaries? There are three types of minimum boundaries: negative infinity i.e. no minimum ...
0
votes
0answers
29 views

Rekey information for double verification (By other user)

I am working on a system where if one operator(let's say Operator A) enters the details of a payment manually, another operator(Operator B) needs to view and verify it. For some domain-based reasons, ...
0
votes
0answers
51 views

Click here if you are not redirected automatically

After the users have filled up a form, they hit submit. There are a lot of things happening behind the scene the users won't see, so we hang them in a page that says: Click here if you are not ...
0
votes
0answers
33 views

Same form fields - two purposes/functions

Working on a project for adding new entry/entries to a table and/or viewing the table. We have required fields for adding a new entry. Only one of those fields is required for viewing. The ...
0
votes
0answers
35 views

Good example of a multi-column form

What is a good example(s) of such form? I know that the general rule is to stick to the single-column pattern, but in my opinion many of such "rules" comes from people working on relatively simple ...
0
votes
3answers
583 views

good ux design patterns to add/edit/remove entities in a mobile app?

I'm looking for Android apps which have good entity management (add/edit/remove) UX. The home page of my app displays a list of configured entity instances. Now I need to give the user the ability ...