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
1answer
49 views

What is the best way to show 7 small questions in a single screen?

I'm working on a questionnaire which got 7 different questions with 2 types of an answer for each one, regular workdays and weekend. Here's the screen: My question is how do I design the screen more ...
1
vote
1answer
34 views

Form: Best way to add multiple items from an autocomplete search, then add attributes to each one

I have a request to modify this form to allow our customer service folks to specify the dosage (e.g. 1 scoop) and frequency (e.g. once a day) of selected products. I'd like to keep the form as ...
2
votes
2answers
69 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 ...
0
votes
0answers
24 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
3answers
116 views

How best to arrange a group of 6 numerical input fields, one text field, and 3 radio buttons?

I have a GUI form with multiple group boxes. One of the group box has 6 numerical input fields each with an average input length of 3 or 4 digits, one text field with an average input length of around ...
1
vote
1answer
60 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 ...
1
vote
4answers
329 views

Best way to deal with multiple choice checkbox UX?

I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing) I've got a site that acts ...
0
votes
1answer
61 views

Fetch some data when user enters some other data

I have a popup dialog like this: Red and green sections are editable but the blue one is read-only Blue section content is fetched from the IP and port previously entered by user Green section is ...
0
votes
2answers
69 views

Form alignment left side to right side

I am very new to UX and I find my form to be sloppy. Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
0
votes
0answers
23 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
27 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
1answer
37 views

Can we use different form pattern based on the context in a single app?

I am using a right aligned label form for web app (considering the long nature of the form avoided top aligned label). However can I switch to top aligned label if my form is short e.g Signin/up page? ...
0
votes
1answer
57 views

Sub sections in sections of form progress bar?

Currently working on designing a form for tuning machine learning models. The form currently has a progress bar on top with the sections divided. We were recategorizing all the sections and realized ...
2
votes
2answers
189 views

Multiple actions on a single search bar

Can a search bar have multiple actions that the user can take on it? Context: I'm designing a system for a bike shop to manage the maintenance of all their bikes. Currently the mechanics fill out ...
0
votes
4answers
117 views

Where to put submit button in a long screen with multiple inputs

I'm redoing a web configuration UI for a piece of hardware. Think of a configuration UI of a standard router. You install this hardware into your network and access configuration through your browser. ...
0
votes
2answers
34 views

Active or Disabled action button in a mobile form? [duplicate]

I have a "change password" screen where the user's password has expired and he/she has to change it. it's a standard screen with "New password" and "Re-type new password" fields, with an inline ...
0
votes
0answers
32 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
83 views

Display form errors on small screen. Scroll to error vs errors by submit button

I'm working on improving error visibility on our form. We display errors next to the field and highlight the tab containing errors. Which works well on desktops above a certain resolution. But on ...
1
vote
1answer
42 views

Entering data fields in a table where rows have a hierarchy

Situation: A store is adding in how much money has been spent on products in their store that week. They can enter the figures either at the individual product level, or at the brand that product ...
2
votes
4answers
124 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
0
votes
3answers
155 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 ...
2
votes
1answer
79 views

For chicken-and-egg apps which require a network effect, should I try to delay my user from noticing early on that there aren't many others?

For example, in my user registration, I can let the user pick preferences for other users, similar to a dating app. If those other users get filtered out, this introduces the possibility for the user'...
1
vote
2answers
66 views

Introducing inconsistent controls: is it appropriate for the sake of usability?

We're building a web application based on Material UI. Throughout the app there are select components, which behave like shown in the example below: The default label informs about the functionality ...
2
votes
2answers
116 views

Better CTAs for 'Save & exit' and 'Save & done'?

I've got a bit of a language block for the final stage of a form-filling journey where the user can either Save what they've done, quit and return later Save what they've done and lock it so no ...
0
votes
0answers
19 views

Pattern for adding information to a request that was submitted?

I have a relatively complex problem I'm trying to solve. Requestors can submit requests which come in to an approver to approve. I'm designing a flow for the approver. They need to be able to see ...
1
vote
1answer
41 views

Is it bad UX for a form to be presented in different formats (either in a modal or separate page), depending on context?

I'm designing an internal tool in which a user, at certain points, will need to fill out a fairly detailed form in order to add a piece of content to our user-facing platform. However, the challenge ...
0
votes
1answer
77 views

Alternative to contextual menu in a web application

TLDR: I'm currently using a contextual menu in a web app for a complex form, but it has limitations and I'm seeking alternatives I have a very complex form which follows a non-fixed model. This means,...
0
votes
2answers
109 views

Placeholders in Form Fields are Harmful

I usually take NNGroup information as sacred but I watched this video where they say that an input should not contain a placeholder on the inside box and while the explanation itself is correct they ...
-1
votes
2answers
67 views

Mobile - Best way to dynamically add more fields to the form

I have a form so the user can issue an invoice, it is basically composed of comboboxes and 90% of the time the user will send the receipt with only one product, but rarely it will send with more than ...
3
votes
4answers
187 views

Help text for 4 digit year

I am designing an input field for a year, that needs to be 4 digits. YYYY as help text does not seem very clear when it is not combined with MM/DD. What is best practice here?
1
vote
1answer
93 views

Button appears in two important locations and feels redundant

I'm building a log in page but ran into an issue with my nav bar. As you can see the "Log In" button appears in two locations. What's the best way to approach this? To me it looks odd to have it ...
0
votes
1answer
54 views

Number incrementers and accessibility

How are number incrementing arrows for accessibility? I would think they would be bad for keyboard users, but is there any study to back that up?
0
votes
1answer
41 views

Tab order through a matrix of radio buttons

I'm building an HTML form where the user can select one of three options for each day of the week. The wireframe proposed by the designer looks like this: a matrix of radio buttons, with columns for ...
0
votes
1answer
48 views

Address box in a form [closed]

My users will need to fill the address line and be very precise since the address represents their client's location (including apartment number, floor, etc.). However, I would like to use only 1 ...
1
vote
1answer
117 views

What to do if the primary action is actually to confirm a cancellation? [duplicate]

I'll ignore the fact that it isn't obvious what '20190927.6' is from the screenshot (it would be more obvious in the workflow context). Obviously someone is following the pattern that the primary ...
0
votes
1answer
55 views

Form input - Follow expected sequence or offer field validation?

Validation opposed to expectations My team proposed to change the usual sequence of an address form. They want to put the country before the other address fields so they can validate the following ...
1
vote
2answers
102 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 ...
3
votes
2answers
89 views

Using a fixed decimal when filling a currency amount input field

When entering currency amounts into an input field, I've seen two methods: Keyed Decimal: The keypad includes the decimal character and the user enters the decimal along with the numbers. The Chase ...
0
votes
2answers
170 views

Is showing the same shape for different purposes a bad practice?

For instance, in this image I am using a line for both dividers and inputs. Could there be any kind of confusion? Maybe it's a better idea showing coloured lines, like this Or to change the shape ...
1
vote
2answers
57 views

Onboarding with many user profile fields - lengthy and detailed vs. short and essential?

So if you can imagine a dating app, the essentials are stuff like: gender, location, age, name, a photo Then say you have some optional fields that are pretty useful such as "looking for" - their ...
1
vote
1answer
70 views

Users expected to “ignore” irrelevant parts of a form?

I have a web form that is split into several pages, it is an adaptation from a hard copy paper form, and the requirements are that the data captured should be the same. For my webform I have asked ...
1
vote
0answers
36 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 ...
0
votes
3answers
149 views

Best way to determine today and tomorrow in a slider

I want people to be able to tell how much they have worked during their shift and this seems like a perfect solution. There is just one problem. They can also work till the next day (ie: from the 5th ...
-1
votes
1answer
98 views

How can I tell Chrome which input fields to remember / which will be the login credentials? [closed]

I have a Sign Up form which contains these input fields (in order): e-mail (autocomplete="email", type="email") (user)name (type="text") (display)name (type="text") password (autocomplete="new-...
0
votes
2answers
48 views

Userflow for questions based on answers on inspection app

I'm working on a mobile application to help technician to make inspections. They have a lot of question for each task, each question is about an item inspection. When the answer is positive no ...
0
votes
2answers
499 views

How to display success message after form submit?

In my current Laravel application all there is to do is fill out a form, so after the submission nothing else happens. So now I'm wondering how it'd be best to display the success message and I've ...
0
votes
1answer
67 views

Standard to let user select duration for hours and minutes

I'm working on an app and I need to find a solution that lets users select a time duration for hours and minutes. (Example Form: "How long will you need to archive this?" Selection by user: 2 hours | ...
1
vote
1answer
30 views

Capturing Alternate Point of Contact Information

Does anyone know of some good articles or documentation I can read for identifying the best practices to follow when designing the information architecture (forms) for allowing users to provide ...
20
votes
4answers
4k views

Are required indicators necessary for radio buttons?

Simple question, is an required field indicator (ex. *) necessary when presenting a set of a radio buttons in a form? Caveat, one radio button will be already pre-selected. Technically the field ...
1
vote
3answers
92 views

Search box layout problem

I have two similar kind of searches: Clients: can be searched by code, name, state (active or inactive) and zone. Companies: can be searched by code, name and zone. Client zone and companies zone ...