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

Filter by
Sorted by
Tagged with
1
vote
1answer
33 views

'Add Another' button in mobile

Context I have an issue with a form, let's call it the parent form. Inside the parent form, you can 'Add Item'. Once you click the 'Add Item' button, it will navigate you to a new screen where you ...
0
votes
1answer
27 views

What could be a good adaption rate for autosuggest / autocomplete?

We have a field for data entry with auto-suggestion / auto-complete. The analytic data says 60% of the users use the options to complete the field. (so 40% of people choose their own answer) The field ...
1
vote
1answer
29 views

How to communicate Select Any (future and present) vs Select All (present) in multi-select input?

We're making a trend/policy builder, and our default checkbox list dropdown has a wired UX bug. When the client 'selects all' he selects all present options, but then the trend doesn't include new ...
0
votes
3answers
205 views

Best practice how many fields in one screen for mobile and desktop browser

my website is using bootstrap so its a responsive not the adaptive one. I want to make a form that has many fields->i already breakdown as a section and cut down unnecessary fields, for example one ...
15
votes
3answers
1k views

Toggle states display

I am redesigning a set of toggles where some of them can be activated and deactivated by using a standard pattern. However, some of them are activated by default due to admin permissions but can't be ...
1
vote
0answers
30 views

A data grid/table collecting different values for different rows

I would like to implement an editable data grid that will collect a number of "common" values for each row, but that also collects a number of additional values that will vary from row to ...
0
votes
1answer
28 views

form: approve inputs

I have the following scenario - in my web application each user can update the form. But before it goes live, a second analyst goes through the changes of each field and approves a change. As a ...
1
vote
2answers
34 views

What is the best way to present the repetitive task of a “user filling out a doctor schedule” 3 to 5 times?

This task needs to be done by an admin to create a doctor schedule and fill the working hours and shifts for the doctor each week. I am facing the issue of how to present each week's schedule in a ...
1
vote
1answer
132 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
1answer
54 views

How to organize nested groups of forms where a user can just keep adding to them?

Here's how it works: The user uses the dropdown in the gray "new service" area to select a service. Once one is selected, let's say Web Design (cuz why not?), then they can click "Add ...
0
votes
1answer
75 views

Form usability: Input type selector

I'm working on the form right now. There's part where user have to input data which can be two different type. For example input field where user can type money amount and then select currency. I'm ...
0
votes
0answers
29 views

What should be considered when deciding on the order of input fields for a contact tracing form

I'm working on a contact tracing form for a travel booking website. The following fields are required to be filled in by the user when they book their travel tickets. email address phone number my ...
0
votes
1answer
30 views

Datagrid inline editing autofocus and accessibility

We have a data list on which we can directly edit. When clicking on the pencil, the line goes from view mode to a form. That mechanism works well for our users but doesn't feel fast enough yet. We ...
0
votes
2answers
353 views

Feedback about stepper design

Quick disclaimer: I'm not a trained or an experienced UX developer and am still quite new to a lot of the concepts. However on the current web project, I am working pretty much designated on UX and UI ...
3
votes
3answers
194 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 ...
1
vote
1answer
46 views

Submit button place when large with only checkboxes form doesn't need

This question is related to the Sticky submit button at the top and bottom of the form?, and Submit button on top of the long form but I consider has other nuances. I have a form that is made only ...
3
votes
2answers
268 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 ...
1
vote
1answer
68 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, ...
3
votes
1answer
149 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
378 views

Drop-down Form and Check Box Combined—Bad Practice?

I am working on a form wireframe, and getting stuck on this one part. The user can either pick out an extracurricular involved, or choose "none", if not relevant. Having both a drop down and ...
3
votes
1answer
68 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 ...
0
votes
1answer
38 views

Should I align multiple search boxes horizontally or vertically?

Which UI/Ux is better? horizontally placed search boxes or vertically placed? I am trying to understand which pattern is good in terms of UX/UI and reducing the user's effort I am thinking in a way ...
0
votes
1answer
179 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. ...
3
votes
3answers
116 views

How to indicate to user that a field is not optional, but that a blank value is considered valid input?

We have forms in our application with a number of strictly required fields (marked with red asterisk, will fail validation if left blank). There is also one field that can be submitted as blank - this ...
28
votes
8answers
4k views

Real-Time validation, Good or Bad UX

I have a signup form where I made a REAL-TIME validation when the user starts typing as you see in the picture. I don't know if this harms the user experience or no, and also I did not find a resource ...
1
vote
1answer
24 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 ...
1
vote
2answers
59 views

How to make nested input groups more iniutive

I have found something similar to my UI design here: Intuitive interface for Composing Boolean Logic? The problem I am having is I want to have a lot of functionality inline. In this example, the ...
0
votes
2answers
47 views

Best pattern to tackle optional configurations

I'm working on a project that creates shops managed by a single user. Besides the required data (eg: shop name) there are a number of optional configurations: Theme settings Shop settings Other info (...
5
votes
2answers
130 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 ...
1
vote
2answers
288 views

Integrate multiple forms as optional steps in one form

Context I'm working on a CMS portal that supports content in a set of categories. The categories important for this questions are in particular; Media Pages When adding media, the users has to ...
3
votes
3answers
292 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 ...
0
votes
1answer
83 views

How to educate mobile app users to scroll down and check other required fields?

The App is showcasing the error messages below the text or input fields when the user press the [Next] floating action button. But the issue is users can't grab the attention on those fields because ...
2
votes
1answer
84 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 ...
1
vote
1answer
228 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
4answers
529 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 ...
0
votes
1answer
60 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
32 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
48 views

Making a form with excluding fields to search for flights (iOS app)

I am currently facing a UX situation which I'm not sure how to solve. I have a place on my app where I can search for flights inputting either the Airline, Departure and Destination airports, or the ...
1
vote
3answers
146 views

How to convey the user that some of the form fields cannot be changed later?

I have a form wizard some input fields. On the first step of the wizard, there are 2 checkboxes which once the form has been submitted, cannot be edited. All other fields can be edited later on if the ...
0
votes
1answer
76 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 ...
1
vote
0answers
34 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
3answers
725 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 ...
28
votes
8answers
7k views

Should I hide continue button until tasks are completed?

In a multi-step wizard, some of the steps present the user with a list of tasks that must be completed before continuing to the next step. Each task in the list opens a popup where the user completes ...
2
votes
2answers
122 views

When and how present a warning message when fields are not valid anymore?

I am working on a web app in which admin users can create forms, and editor users use those to create content. Admin can edit a form previously created and add warning validation based on specific ...
0
votes
1answer
76 views

How to make is look like results have updated?

I have a site with a search bar. When a user enters a query in the input field and clicks the submit button, front-end JavaScript searches some JSON and returns results based on their search. In this ...
1
vote
0answers
32 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
1answer
73 views

Essential information for multiple forms

Let's use configuring a router as an example. To have the basic setup, the user needs to fill some info from multiple sections/ forms. What option provides the best UX, to display an additional form ...
1
vote
2answers
388 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
21 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
1answer
60 views

Display old value and new value on forms and grids

In my application if user modifies the existing value then we need to show the previous value (existing) and also the modified value. The same feature is also needed for fields which are in the grids. ...

1
2 3 4 5
53