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
21 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
23 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
35 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
41 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
1answer
62 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
115 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
32 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
27 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
80 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
41 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
120 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
0
votes
3answers
135 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
72 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
63 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
114 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
17 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
40 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
76 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
106 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
65 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
186 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
84 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
45 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
40 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
47 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
104 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
50 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
99 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
88 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
169 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
54 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
69 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
34 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
146 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
63 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
47 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
330 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
65 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
28 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
90 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 ...
1
vote
1answer
19 views

How to handle the data that are entered in the filed that are triggered by toggle

Here is a hypothetical test case Test Case User is asked if they want to provide an address Answer options: Yes or NO User answer yes and fields to provide an address appears User entres the ...
1
vote
2answers
73 views

Should I use wizards steps if the user won't finish all the steps at the same day?

I'm currently designing a system and there is this specific functionality that the user has to complete a series of steps, but the last step won't be completed at the same day (it has a specific day ...
1
vote
1answer
75 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 ...
5
votes
3answers
193 views

Passwordless flow: What to do when user enters an invalid email when logging in

I'm planning to make my app passwordless and I've seen sites implement things differently when one puts in an email they haven't actually used for an account on the site before when trying to login. ...
1
vote
3answers
103 views

How to organise a multi-select list that allows for selection of both users and groups, where users can have multiple groups?

So at present, the system I'm developing has a multi-select list that categorises users by their group. For example, the select list options looked like this: Administrators John Smith Jane Smith ...
1
vote
2answers
88 views

What's the best way to show a user that a field is tappable?

I have an Android application that displays information row by row. Like below Field                   &...
0
votes
3answers
157 views

What's a better way to design this form?

This is by Doodle, a neat little service for coordination of meetings (no affiliation etc.). Once an invitation is sent out to participants, they get this form. What, um, ticks me about it is the ...
4
votes
5answers
182 views

How to clarify a field contains a smart default/suggestion that's still editable?

I'm designing a flow for businesses to add new credit card users. Since we want to make the flow as short as possible, we came up with the idea to show smart defaults for the embossing name (the name ...
0
votes
3answers
229 views

Pick one date/time over multiple days

I have a website that lets the user select a specific time on a specific day, like "2PM on Wednesday July 2, 2019". I've tried a number of options, but they all seem clumsy. A multi-row single-item &...