Questions tagged [webforms]
The webforms tag has no summary.
78 questions
1
vote
2
answers
94
views
How to create a form in which the users can add an ID picture on a PC?
I have a 23 pages of a pdf form which I'm supposed to modify so that it can be filled offline on a PC.
The actual procedure is :
After initial user inquiry, there is a little discussion and ...
- 111
0
votes
1
answer
99
views
Optimizing Form Layouts for Speed and Accuracy in Healthcare
I am working with big forms (35+ fields) and the users are attendants in a hospital; they are people who know by heart where the fields are located in the form, to fill and record the data faster. It ...
0
votes
2
answers
252
views
Setting the maximum width of a form on a website
I am currently designing a form on a website and I am wondering if there is an ideal width for designing the form. I am putting two fields in one line now, but I feel like the form is still too wide ...
- 27
0
votes
1
answer
83
views
Best way for users to report conditions for different segments of the same road
I have developed a site that tracks the status of backcountry roads for drivers where users can view or report on the conditions of the roads they drive. At the moment report functionality is quite ...
- 103
0
votes
1
answer
166
views
Optional Newsletter Signup Best Practice - Checkbox = Yes/[empty] OR Yes/No?
My site has many, many forms and a user may fill out multiple forms in a visit. Each form filled out places the user on a specific mailing list related to their inquiry. At the end of each form, the ...
- 1
0
votes
1
answer
78
views
Does it make sense to have an Access Security page before landing on an Online Statement of Health form?
I'm working on an online statement of health form. The dev asked me to create the first page of the online statement of health form, which would request the user to enter a Security Access Key before ...
- 13
0
votes
2
answers
205
views
Create vs Edit mode in a web form
I am creating a web form where people are asked to fill in their work time daily. Since it's a daily task, I'm providing the option to set default values in the user settings. This could make it ...
- 1
2
votes
2
answers
86
views
How to organize duplicated buttons on different sections
I have small window for applying different filters, each filter type has its section and its buttons. For me repeating the same buttons in a small sapce is confusing and unnecessary, what is the best ...
1
vote
1
answer
96
views
AJAX Forms and When to Load HTML to the page?
My use case is a customer coming to a landing page from an email. The page itself is doing some processing and then displays success or error messaging to the customer.
Web design isn't my day job - ...
- 113
0
votes
2
answers
101
views
ID number for each question in a long form
I'm redesigning a long form. I'm grouping the questions in logical chunks and communicating progress.
Originally each question had an number ID as it follows:
2. Main group of questions
2.1 Subgroup ...
- 381
1
vote
4
answers
487
views
Arranging digital form answer options: Side by side or stacked?
I am currently working on digitalizing a form which throughout has a lot of questions where the answer is either "Yes" or "No". My main question is which one is the better UX ...
- 51
2
votes
3
answers
1k
views
Dynamic Forms Best practices
I am trying to understand best practices around dynamic forms v/s static forms.
e.g. Say I have a business flow with Create/Modify/View
Now say for View screen, the fields applicable are Field 1 | ...
- 149
0
votes
2
answers
197
views
What is best way to put Required Text in Select Box?
I'm creating contact form. I have read Web form design guidelines and found tips to add optional or required text instead of putting asterisks. I have found the information in https://www.cxpartners....
1
vote
1
answer
2k
views
What is the best pattern for text field hints in a web form?
I always wonder what is the best practice for labels/hints of text fields on a web form.
Here is my understanding:
It is better to use a label than a hint when the form has more than 2 fields... but ...
- 11
1
vote
0
answers
104
views
Looking for examples of iOS's keyboard interactions with a web form dropdowns
Looking for resources or examples for the behavior of a dropdown and how the iOS keyboard interacts with a web form version of a dropdown. How close does the keyboard slide near the input, and how ...
- 136
3
votes
2
answers
3k
views
Should 'Other' be a text field or a radio button plus text field
Hi! There's a discussion around whether 'Other' should be a radio button at the end of these options, where an input field then allows you to type in the company formation type.
The first few radio ...
- 33
1
vote
2
answers
577
views
Traditional Radio Buttons vs Bootstrap Styled Primary-Secondary Toggle Buttons
For a responsive web form I am considering two options for radio buttons with three or fewer selections.
I personally like the bootstrap css style format because it seems easier for the user on mobile ...
- 113
0
votes
2
answers
555
views
Alternative UI design to provide access to multiple users
Problem: Part of the application has access to only specific users. Eg View only, Add item, and edit. Only admin can give access.
I have already tried toggle buttons and check boxes. Wondering if ...
2
votes
1
answer
155
views
Applicable alternatives to Dropdown when there are only 2 Options
Attached below is a concept for a entry field which leads to a Donation form. The intention is to have the user enter their donation amount in their preferred currency (EUR or USD) then proceed to the ...
- 33
2
votes
1
answer
668
views
Is there a name for a text input that lets a user input multiple values?
There is a type of text input that allows the user to enter an array of items, sometimes with autocomplete, usually adding a new "item" to the list either whenever the user presses space and/...
- 123
1
vote
2
answers
291
views
Required fields on tabs
Scenario: There are four tabs on a webpage. Each tab contains a webform. Some of the fields are required.
If a user doesn't complete a required field on tab two, and clicks tab four without saving, ...
- 13.2k
2
votes
1
answer
792
views
How to handle DropDown list where selected values could become invalid over time?
I use DropDowns linked to database columns where values might become outdated, such as people who are no longer Employees, or Printers that no longer exist. For situations like an issue tracking ...
- 131
2
votes
1
answer
100
views
How to ask user to affirm that a blank value is intended?
I have a form with several optional text fields, and a workflow in which a user might reasonably save a partially completed form and return to complete it later.
I want to prevent errors where a user ...
- 165
1
vote
2
answers
224
views
Slider and Input for same Value - Should both be tab-selectable?
I'm working on a form where users are able to select a numeric value both with a range slider as well as a numeric input. (See mockup below)
Both inputs have to stay in the form which is a design ...
- 260
3
votes
2
answers
751
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 ...
- 33
1
vote
2
answers
346
views
Wizard or page?
What would you recommend?
We have a "webform" we need to build and we have been talking about using a wizard to ease the steps of this form for the user. But we also talked about editing in ...
2
votes
2
answers
375
views
Side Panel/Top Nav Panels [closed]
Can any one tell what is the advantage of using side panel menu and top menu bars, which is best in which case?
I have a project to work on next, where it is required to keep the progress indicator ...
- 1,563
1
vote
3
answers
3k
views
UI for multiple forms with several input fields needs to be designed? How do to make user not get lost filling the form? [closed]
I have long and multiple page forms. I have made them into sections by using accordions so that user has ease of identifying the sections and not get lost.
Is there any way to make the journey for ...
- 1,563
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 ...
- 249
4
votes
1
answer
226
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. ...
- 362
5
votes
3
answers
2k
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 ...
- 53
3
votes
4
answers
521
views
How to improve Legacy Form submission ( >20 input fields) [closed]
The product that I am working on has a lot of forms inputs in one page.
I'd ideally want to bring the entire UX to 2019 (the application was built in early 2000).
One idea that I've tried is breaking ...
3
votes
4
answers
594
views
Contact form fields priority
Is there any caution not to use the message field at first in a contact form?
- 31
1
vote
1
answer
344
views
Is bad for UX replace all content and display the error when an error occurs?
I'm creating a web form and I'd like to know if is bad for UX if, when a submit error occurs, I replace all content (the form inputs) by the error message. The error isn't an error which could be ...
- 113
1
vote
0
answers
298
views
Suitable UX for diffing data from two diffrent table
I have a requirement to create report merging web application.Users will be able to upload 2 identical budget reports. These users come from 2 different department where each department might have ...
1
vote
1
answer
33
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 ...
- 11
2
votes
1
answer
2k
views
Is a vertical or horizontal form progression mental model the best?
Designing a customer facing offer claim web-form, and have arrived at two major directions for the design.
In one the user progresses left to right with the form summary / progress bar displayed ...
- 317
1
vote
1
answer
386
views
Too large space for input fields
I'm struggling with a form (in Bootstrap 4) which takes the whole (fixed) container width, there is nothing else displayed on the screen. It looks okay-ish on smaller screens, but on large ones it's ...
- 113
1
vote
1
answer
185
views
City selector with free text
I'm creating a web component used to select the name of a Belgian city. Basically, it's a simple input and when some text is entered in it, it display the list.
However, it must be possible to type ...
- 113
3
votes
0
answers
2k
views
What are the best practices, or guidelines, to having a web form auto-save and manually save? [duplicate]
There are many ways in which a web form is made to auto-save and manually save; I'm wondering what would be the best practices to do so.
Form is a web application form, and I want to save user values ...
- 443
1
vote
1
answer
661
views
When do you choose a long form with a stepper and when do you choose for one-form-per-screen (like typeform)?
Situation
I'm designing a flow where a user needs to fill in multiple types of data to let us know they're moving to a new place. Currently I've divided it up into 4 steps. In each step they have to ...
- 61
0
votes
2
answers
574
views
Need examples of applications similar to TurboTax [closed]
I'm currently working through an application very similar to how TurboTax functions. I have a paper form that needs to be entered by users into my application (see example" https://www.cms.gov/...
- 85
2
votes
3
answers
494
views
Justification for adding confirmation page in transaction website userflow
I've implemented a web form for users to request a transfer or withdrawal of funds they have deposited with our service. Our financial person, who handles most finance-related customer support, is ...
- 131
0
votes
1
answer
216
views
When to Ask for Location During Sign Up
I'm working on an app that sends technicians to fix problems. Think of it like Uber for repairs.
The service is only available in a select few cities, and the way the sign-up process right now is ...
- 199
5
votes
2
answers
6k
views
Web form field - Select box with free text
I've been tasked with building a component to allow the selection of some sane defaults or optionally allow the user to enter free text.
Semantic UI offers an Allow Additions option which enables the ...
- 206
1
vote
2
answers
1k
views
Regular Checkbox vs Checkbox button
We're debating on using regular checkbox vs checkbox buttons
I feel the regular checkboxes (first one) is a better choice. Visually, it clearly says that there's a choice to be made. Also, it's very ...
- 301
6
votes
1
answer
149
views
Login system for anonymous crime reporting service
I work in the digital team for a UK-based crime prevention charity. The charity has an online form where people can give information about crime anonymously, and they can chose when completing the ...
- 61
6
votes
1
answer
4k
views
UI to invite multiple users with specific roles and permissions [closed]
I have an application where I am sending invitations to multiple users at a time. The current UI is very simple, but now requirement has changed: invite users with various roles and permissions.
I ...
2
votes
1
answer
5k
views
Multi-column form design [duplicate]
I'd like your feedback on a situation I'm facing with my stakeholders with regards to a particular web form design. I'm new to my role as a UX Designer and hope to learn from experienced folks here.
...
- 161
1
vote
2
answers
1k
views
Should top-aligned labels be in bold text?
I've got a web form with top-aligned labels. Will bold text make it easier for user to fill in the form or will it be it more difficult for them?
Do you know any studies about that?
Thanks.
- 71