2022 Developer Survey is open! Take survey.

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
5 votes
3 answers
806 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 ...
user avatar
  • 153
1 vote
2 answers
122 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 ...
user avatar
  • 197
16 votes
3 answers
2k 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 ...
user avatar
31 votes
8 answers
6k 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 ...
user avatar
2 votes
1 answer
326 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 ...
user avatar
  • 613
0 votes
1 answer
98 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 ...
user avatar
2 votes
1 answer
74 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 ...
user avatar
2 votes
2 answers
61 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 ...
user avatar
  • 178
0 votes
2 answers
58 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 (...
user avatar
  • 121
0 votes
1 answer
120 views

How to make it look like search 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 ...
user avatar
1 vote
1 answer
459 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/...
user avatar
  • 111
1 vote
1 answer
188 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, ...
user avatar
  • 121
0 votes
1 answer
69 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 ...
user avatar
0 votes
1 answer
271 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. ...
user avatar
1 vote
2 answers
72 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 ...
user avatar
  • 1,790
1 vote
2 answers
341 views

UX/UI Solution for Having an edit on one component be reflected on all components? (Google Forms Study)

I'm currently building a form editor and I've been looking at different editors (Typeform, Google Forms) as inspiration and competitive analysis. There is a specific pain point I'm looking to address. ...
user avatar
2 votes
1 answer
281 views

Is it a good user experience to prevent user from deselecting 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 ...
user avatar
2 votes
2 answers
161 views

Alternative designs & implementations for the login "remember me" checkbox?

I've been doing some digging around regarding the "remember me" feature of website login pages. Does anyone have any examples of alternative ways to implement this feature - that isn't a ...
user avatar
  • 145
1 vote
2 answers
253 views

How to place two icons for one input field on a mobile app?

I want to put both an info and a clear icon for each text field. How should I design it w/o it looking awkward? Or, is two even necessary? EDIT: How do I style it for an "if applicable" ...
user avatar
  • 41
1 vote
2 answers
171 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 ...
user avatar
  • 111
0 votes
1 answer
95 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. ...
user avatar
5 votes
3 answers
384 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 ...
user avatar
1 vote
2 answers
168 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 ...
user avatar
  • 111
8 votes
1 answer
610 views

Should comboboxes/radio groups be marked "required" in a form?

Suppose you have a web form, with some fields being optional and some being required. One of these fields is a combobox or radio button group, for which a valid default option is pre-selected and it ...
user avatar
0 votes
1 answer
104 views

Checkbox while applying Filters

We are creating custom forms. The user can choose any type of field that he wants to. It can be a checkbox, dropdown, text, paragraph, etc. Customers can fill these application forms and the admin can ...
user avatar
3 votes
1 answer
94 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 ...
user avatar
  • 1,790
3 votes
3 answers
68 views

How to visualize optional fields in a horizontal searchform

The user does not have to fill in the date/adults/childs/rooms, they are optional. The user can also search with only filling in the destination (left box). How would you visualize that?
user avatar
2 votes
1 answer
112 views

How do I ask for user's first initial and full surname?

So trying to keep data and forms as clean as possible for a university project (online book store). As part of my designs I elected for a user's first initial and surname to address them (e.g. J Smith ...
user avatar
3 votes
3 answers
103 views

Need input on where to display an Add User section in relation to a Users table

There are a few approaches being considered (open to other ideas too). In general, we're thinking to avoid the approach of using a modal/dialog with grayed out background, as the solution we go with ...
user avatar
1 vote
3 answers
409 views

Why is password confirmation common in password resets and updates? [duplicate]

I've seen multiple websites with only one field for the password during registration, whereas there are two fields – Enter Password and Confirm Password – for password reset and update tasks.
user avatar
3 votes
2 answers
95 views

What's the best approach to display a month/year filter?

I'm working on an application that allows you to filter your files by month and year. This is what I have so far. As you can see, the "Apply" button is disabled if fields are empty: But ...
user avatar
  • 1,042
1 vote
2 answers
647 views

Where should the "Submit" button go in mobile?

In mobile, when entering text, anything under the textbox is hidden by the on screen keyboard. I was thinking of putting a "Submit" button under the textbox, but then I thought the user might not know ...
user avatar
  • 647
4 votes
3 answers
669 views

Multi-select checkbox (or radio buttons) error styling on validation?

Are there any common pattern for styling checkboxes where at least one option needs to be selected? E.g. it's pretty common for text fields to have border and error message below: But for checkbox, ...
user avatar
  • 1,721
0 votes
3 answers
700 views

Form validation when the field is optional

I am working on a form where the phone number is optional. What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits): No form of ...
user avatar
  • 165
1 vote
2 answers
56 views

What is the best practise for a Search button state - should we always keep search button active or make it active after user inputs?

I have seen that in some sites they always keep " Search Button" in active / enabled state even if input fields are empty. Is it a correct way or should we make it enable only when user selects / ...
user avatar
1 vote
4 answers
226 views

Floated label form fields - displaying hint text and validation

I'm making updates to a form, which features form fields with floated labels. I want to add hint text to some of the fields, but I'm unsure how to format these fields when I need to display validation ...
user avatar
5 votes
1 answer
329 views

"Are you sure?" Request for confirmation modal usability research

A user is about to delete a crucial object with no undo. The designer puts an "Are you sure?" modal confirmation. The user says "Yeah yeah yeah do it" Immediately the user regrets his/her decision ...
user avatar
  • 11.6k
3 votes
1 answer
63 views

Ways and instructions to tell a user to intentionally miss a multiple choice question?

I'm currently brainstorming possible solutions to this UX question. In a multiple choice activity (not a quiz/form), if a user correctly answers a question, before they move on to the next question, I ...
user avatar
3 votes
2 answers
116 views

Forbid and deactivate alphanumeric keys in a form?

scenario: form validation I ask myself the question: in a special input form for postcode for example, in which only numbers (integer) are allowed. In a usability view I would say, you should be ...
user avatar
4 votes
2 answers
549 views

Standard style for text that opens hover tool tip?

Is there a standard style for text that opens a tool tip upon hover? E.g. "Learn more" text where the user hovers over it and it opens a tool tip. Someone on my team had mentioned displaying the "...
user avatar
  • 175
4 votes
3 answers
110 views

What is a better way to indicate an optional message reminder when food order is ready

I'm designing a mobile website for a food ordering service. There is a feature at the last step of the ordering flow where the user can choose to be messaged once their order is ready. This is ...
user avatar
  • 10.5k
-1 votes
2 answers
26 views

What ID or other information do you share for Zoom account input on a form [closed]

Like many companies during the pandemic, we're building a remote contact service. We currently get users to put in their preferred remote contact option/service, which includes FaceTime, Google, ...
user avatar
13 votes
7 answers
6k views

How can I improve the UI/UX of this form?

I have the following form on a website I'm building. I've tried a few different approaches/designs but I can't seem to find anything clean that fits. This is a pretty high res screenshot - in reality ...
user avatar
  • 249
2 votes
2 answers
1k views

UX form with upload Files

History: My client have a form to create service and this form have a field to upload multiple pdf files. These files are stored on google cloud storage and the server is a google cloud app engine, so ...
user avatar
  • 153
0 votes
2 answers
271 views

How to properly represent "leave unchanged"

Users can edit various information, it's all in the same modal (including the password). What would be the best way to represent to the user "leave blank to remain unchanged" (referring to passwords)....
user avatar
  • 105
3 votes
1 answer
125 views

Form fill by viewing document on same UI

What could be the best UI desing if we need to provide a user a single UI where user can view the document uploaded at the backend and fill the form by viewing the details available in the documents. ...
user avatar
4 votes
1 answer
122 views

Alternative to lozenges

I am designing a form. One of the parameters can have multiple choices, and they need to display those choices, after they've been selected. I used the lozenges pattern, as shown in the visuals. ...
user avatar
  • 173
1 vote
1 answer
51 views

Handling too long pre-fill text on text boxes

I'm designing a form for multiple languages on mobile. in english the prefill text is not too long, but when the translations e.g. russian, what's the best way to handle when it ends up being longer ...
user avatar
  • 10.5k
5 votes
3 answers
689 views

Best input method for 5 or 9 digit ZIP codes

I am designing a form where the client wants to required a 5 digit zip code, with 9 digits being optional. I can think of a couple ways to deal with this. 1) Just plain old regex accepting 5 digit ...
user avatar
4 votes
3 answers
323 views

Tabindex for reveal password button

I have a create password form that looks like the following: As you can see from the image, the reveal password button (eye icon) is the next sequential thing for the browser to focus. As such, ...
user avatar
  • 151

1 2 3
4
5
55