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
0
votes
0answers
13 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
28 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
1answer
41 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 (...
0
votes
1answer
67 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 ...
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
19 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 ...
1
vote
1answer
45 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, ...
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
57 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. ...
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
2answers
84 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. ...
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
2answers
67 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 ...
1
vote
2answers
89 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" ...
0
votes
1answer
25 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. ...
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 ...
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 ...
7
votes
1answer
561 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 ...
0
votes
1answer
71 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 ...
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 ...
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 ...
3
votes
3answers
45 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?
2
votes
1answer
101 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 ...
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 ...
2
votes
3answers
72 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 ...
1
vote
3answers
106 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.
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. ...
3
votes
2answers
65 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 ...
1
vote
2answers
131 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 ...
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 ...
3
votes
3answers
85 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, ...
0
votes
3answers
80 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 ...
1
vote
2answers
31 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 / ...
1
vote
4answers
48 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 ...
4
votes
1answer
73 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 ...
3
votes
1answer
54 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 ...
3
votes
2answers
58 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 ...
4
votes
2answers
234 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 "...
4
votes
3answers
59 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 ...
-1
votes
2answers
21 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, ...
13
votes
7answers
5k 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 ...
2
votes
2answers
98 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 ...
0
votes
1answer
56 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)....
3
votes
1answer
120 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. ...
4
votes
1answer
102 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. ...
1
vote
1answer
34 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 ...
4
votes
3answers
119 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 ...

1
2 3 4 5
52