Skip to main content

Questions tagged [webforms]

The tag has no usage guidance.

Filter by
Sorted by
Tagged with
0 votes
1 answer
38 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 ...
timarion's user avatar
0 votes
1 answer
40 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 ...
UXR's user avatar
  • 3
0 votes
2 answers
85 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 ...
Frank's user avatar
  • 1
2 votes
2 answers
53 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 ...
alia al-salim's user avatar
1 vote
1 answer
49 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 - ...
OnBreak.'s user avatar
  • 113
0 votes
2 answers
68 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 ...
Danielst's user avatar
  • 371
1 vote
4 answers
269 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 ...
mxds's user avatar
  • 31
1 vote
2 answers
777 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 | ...
copenndthagen's user avatar
0 votes
2 answers
117 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....
Nav Raj Bhattarai's user avatar
1 vote
1 answer
830 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 ...
G. Shebl's user avatar
1 vote
0 answers
54 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 ...
Tanooki Mario's user avatar
3 votes
2 answers
2k 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 ...
ZedRay21's user avatar
1 vote
2 answers
433 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 ...
user1609391's user avatar
0 votes
2 answers
411 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 ...
Mukesh Saravanan's user avatar
2 votes
1 answer
120 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 ...
Joshua Munn's user avatar
0 votes
1 answer
197 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/...
starscape's user avatar
  • 103
0 votes
2 answers
250 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, ...
Izquierdo's user avatar
  • 12.8k
2 votes
1 answer
586 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 ...
BreakingGnus's user avatar
2 votes
1 answer
82 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 ...
Mike Kantor's user avatar
1 vote
2 answers
156 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 ...
DysphoricUnicorn's user avatar
3 votes
2 answers
584 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 ...
amj1's user avatar
  • 33
1 vote
2 answers
279 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 ...
Mark Stoumann's user avatar
2 votes
2 answers
288 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 ...
Ashwin Kulkarni's user avatar
1 vote
3 answers
2k 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 ...
Ashwin Kulkarni's 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 ...
Alex Gurr's user avatar
  • 249
4 votes
1 answer
187 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. ...
Rosebud's user avatar
  • 332
5 votes
3 answers
1k 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 ...
ctrlawkdel's user avatar
3 votes
4 answers
436 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 ...
Tenzin Kunkyab's user avatar
3 votes
4 answers
471 views

Contact form fields priority

Is there any caution not to use the message field at first in a contact form?
Roman Kozak's user avatar
1 vote
1 answer
301 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 ...
Pedro Arantes's user avatar
1 vote
0 answers
257 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 ...
Adrianus Hendry's user avatar
1 vote
1 answer
27 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 ...
Mary's user avatar
  • 11
2 votes
1 answer
1k 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 ...
Lukas_T's user avatar
  • 317
1 vote
1 answer
240 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 ...
Peter's user avatar
  • 113
1 vote
1 answer
130 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 ...
ssougnez's user avatar
  • 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 ...
yaserso's user avatar
  • 443
1 vote
1 answer
568 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 ...
Jelle's user avatar
  • 61
0 votes
2 answers
429 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/...
Angela M's user avatar
2 votes
3 answers
390 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 ...
Barmar's user avatar
  • 131
0 votes
1 answer
184 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 ...
WushuDrew's user avatar
  • 189
5 votes
2 answers
4k 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 ...
Lex's user avatar
  • 206
1 vote
2 answers
828 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 ...
singhspk's user avatar
  • 301
6 votes
1 answer
137 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 ...
Crystal Hall's user avatar
5 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 ...
Swapnali Hadawale's user avatar
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. ...
Kuan E.'s user avatar
  • 161
1 vote
2 answers
900 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.
user64695's user avatar
4 votes
2 answers
213 views

Design/Ideas needed for better utilization of space

There is one grid-view in our web application. But as you can see, group and category are eating up the space. Is there any better ideas for such layouts? Even if there is total change in the layout, ...
Parag Bandewar's user avatar
1 vote
2 answers
406 views

How to handle conditional logic in questionnaires?

I am working on an UI for creating Questionnaires.It should work like this:I have a saved list of preset questions. I can create a questionnaire template which can be triggered by the user at a later ...
William Gilbert's user avatar
0 votes
1 answer
526 views

How should users type in a formatted time or duration field? (Data entry into duration field)

I would like our users to type in a time field for a grid column filter. The time field will be formatted in a hours and minutes format like HH:MM or HHH:MM. My question is how should we allow users ...
Kory's user avatar
  • 121
1 vote
1 answer
142 views

Making complex user-interaction more intuitive

I've created a "poke" functionality for a social networking web app I maintain. I need help in presenting this feature to my users in the most intuitive way possible. How it works: A user can poke ...
Hassan Baig's user avatar