Forms are generally used to retrieve data from user input such as text, selected radio buttons, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

1
vote
5answers
84 views

How to prevent user form entering password to next to password field?

Being long time internet users I tend to fill forms barely looking at field labels, especially if it is as common and seemingly predictable as registration form. It often leads me into entering ...
1
vote
1answer
23 views

Error message- display in a Modal vs display in the form

Generally, in a forms, when some field is invalid, the error message shows next to the field. However I am not sure where/how to display errors that are not directly related to the fields. We have a ...
2
votes
0answers
27 views

In a survey, will the size of buttons for choices bias the responses?

I'm working on a survey platform, and I am wondering, with a design such as would the differing button size for different answers introduce a bias into the responses? Note that the survey platform ...
0
votes
1answer
34 views

Why do contact forms fail to handle line breaks?

It's been my experience over the past few years that the majority of contact forms on web pages of both large companies as well as governmental institutions fail to handle line breaks properly in one ...
3
votes
1answer
77 views

3 Column CRUD layout

At my company we are developing an windows desktop application (WPF) and we are using 3 column as default of our system CRUD's. In the first column, at the top there is the buttons to add " + " and ...
3
votes
4answers
179 views

Names for filters that show 1) all non-blank values vs. 2) blank values specifically vs. 3) all values including blanks

I have a basic reporting system when you can choose filters from a collection of SELECT fields. An example of this might be to filter the report by Country. The SELECT field would obviously include ...
1
vote
1answer
25 views

Input new item with details (one or many) - e.g. company with employees

As a back-end developer trying to broaden my knowledge for a more front-end oriented position, I am struggling with a design. I'm trying to create a form for the creation of a new company. A company ...
3
votes
5answers
1k views

Best way to display a long form with many dynamic questions

So I need to make a form with about 10 different inputs in it. Normally, I would put this on a single page and have the user scroll down. This seems like the easiest way to do it most of the time. But ...
0
votes
0answers
18 views

on my site I want the form to fill the screen on mobile phones [on hold]

I tried setting max-width:95% on my form for screen with max-width:760px, but something is overriding it, maybe because it doesn't see my device as smaller than 760px? Or because the max-width:600px ...
5
votes
2answers
139 views

How to allow users to use an app's major functionality (without overwhelming them with forms)?

We are building an app for consultancy (online conference). However, before the customer can engage / connect with the consultant, to best serve the customer, there are several questions that the ...
6
votes
5answers
910 views

Should search display results by default or should users land on an empty page?

We are currently redesigning employee search for a web app and we are debating whether the search page should display some employee records by default or not. In my opinion displaying a portion of ...
11
votes
8answers
500 views

Validation of scanned images

I have been asked to appraise an interface On the right is a scanned image and it contains information about a user. It contains a unique ID, name fields and an address. The user has to find out ...
0
votes
1answer
114 views

How can I address forms that require many similar interactions?

edit: I just noticed there was a very similar question asked as I was typing up my question, but still hoping for some feedback on mine I have a form that has many inputs. Two of them are very ...
2
votes
2answers
72 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
3
votes
2answers
56 views

Edit button for a text area layout

I have an edit button next to a text area but there is something I am not sure about. Is the button position suitable? If not, where should it be ideally and how to position it there?
3
votes
4answers
294 views

form length: is one click worth more if it helps to format a step by step mindset?

In my company we have a page with 8 call to actions! in detail: product detail page product detail pdf product request 100% online (this assures you some product feature missing in the next point) ...
3
votes
1answer
130 views

Flexible design for a general form facility

I'm designing a general form facility - so when a customer comes in and requires certain forms to be made, then our engineers have customizable tools to create a form for that customer. My design goal ...
1
vote
3answers
178 views

How to retain users when payment is *not* the last part of the process?

I'm working on a project in government that requires users to fill in an online form and make payment for the service online, but that's not the end — users then have to do some stuff in the real ...
3
votes
2answers
75 views

Good UX patterns for data entry on a tablet

Users of my product are farmers and farmhands, and will be entering lots of different types of data about their cows via tablets (likely in portrait mode) whilst out in the field. How can I optimise ...
26
votes
5answers
19k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
4
votes
4answers
2k views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application (WPF) that has many textboxes contained in a dialog that need to be ...
0
votes
2answers
95 views

How can we show the user that something exists but is no longer required?

Background We are working on a system that's primary function is for users to upload / store data. As part of this, we have a section where we generate suggested documents to upload based on what ...
2
votes
1answer
95 views

UX for allowing different details for each item on an order page

I’m designing a food ordering application to be used within my company wherein co-workers can order food from our in-house catering service for meetings and what not. Today, this is done via paper ...
1
vote
4answers
99 views

Lot of forms in a single app view, how to handle?

I need to put about 20 <input type="text"> in a single form in my ionic app and i can't use tabs view. I also need to ask user to select some data in a dropdown list that load data from the ...
6
votes
1answer
114 views

Has anyone statistics for the number of users completing a registration for a service?

I have a client and their website has a registration form the user needs to complete before they can use a service. The registration has 3 steps. The percent of users completing this process once ...
1
vote
1answer
66 views

What should be the UX for ellipsis on a text in list mode?

In a list mode, I have a description column. Each record can contain a lot of text for this description field. Even if it is considered secondary information by the user, I still need to display it. ...
4
votes
2answers
113 views

Ordering of an Eligibility Funnel during application onboarding process

I am designing an onboarding/registration process for a mobile app/service that has fairly restrictive qualification requirements. Over time, these requirements will be come substantially less ...
0
votes
3answers
87 views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
1
vote
1answer
22 views

Address Form Inputs: Text vs Select/Dropdown (Dependent)

I know it's common to let the users type in their address, city, province, etc. I found this website (local one) that uses dropdowns. First it will ask your province Then the city/municipal ...
43
votes
17answers
18k views

Form for inputting operating hours of a business

I am designing an interface where restaurants need to input their operating hours. I am thinking of using a slider control for timings for a single day, and then let the user choose days of the week ...
5
votes
2answers
219 views

Should tags be inside or outside the input field

So tagging inputs are pretty common but there are generally 2 different approaches I see for displaying the tags: The tags are below the input outside of the type-able space: The tags are ...
13
votes
6answers
2k views

Proper Term for “Phone Type”

We have several forms which enable users to enter a phone number. Corresponding to the number, we have a "Phone Type" field which allows them to select work, mobile, home etc. Phone Type lacks ...
0
votes
3answers
212 views

Is there any convention about iOS forms

I've been searching for a while now and didn't find the right answer for my question about iOS forms, that is: Studying some iOS forms, I discovered 02 main styles for forms's title and placeholders. ...
1
vote
4answers
319 views

Sticky submit button at top and bottom of the form?

Typical mental model suggests that submit button is at the end of the form. Should I go with button at top as well as bottom. since in our application we put action items on a sticky bar at top at top....
0
votes
2answers
68 views

How to group common (to a list and other input groups) input fields

Here's my scenario - I have the following three input fields: Type Remarks Uploads (Popup which allows users to drop files) Now, these three fields are associated to a person object. The user has ...
2
votes
2answers
88 views

Group input fields in form

I have a form with six different input fields. Two of these fields are an either/both case, i.e. the user does not have to fill out both, but one of them is required. My problem is the design of them. ...
0
votes
1answer
130 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...
3
votes
0answers
74 views

Dividing steps in Form Wizard

I have this category input in my form. If a category is not found on the list the user would need to create a new one obviously. If they would need to create a new, there's 2 options: Category or ...
0
votes
2answers
38 views

Group/split form based on user role and button placement

Like the title say... Say there are 4 different role of user (Warehouse Staff, Sales Staff, Purchasing Staff, Managers) that need to edit an [Item]. And the fields in [Item] form that can be filled ...
0
votes
6answers
3k views

Pattern for adding/removing an item within a form

I've looked around and can't find any pre-existing examples/patterns of an easy way to inline add/remove an item within a form. The scenario is during a process for me to add a new customer to my ...
41
votes
10answers
67k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi -elect list. Our options are: List of checkboxes Listview (select box but allowing multi select) Both seem to be a bit ugly and unweildy when ...
3
votes
2answers
85 views

Notify the user that all form fields are required

I've been using React for a while now for creating forms, and for some reasons I cannot do some inline validations because I'm not yet that experienced on self-created inline validations and I'm also ...
1
vote
2answers
123 views

Best Practice of radiobutton alternatives

Ok I need to add a new filter option to my page. The first option to choose are steps (6 steps in total) and the second one is the desired status of the steps (Success, Warning, Info, Error). You ...
2
votes
0answers
121 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
11
votes
4answers
1k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team observed users missing the tabs and only noticing them when we ...
0
votes
2answers
63 views

Is asking the “I certify that information submitted is true?” question worthwhile?

I recently watched a documentary on Netflix called (Dis)Honesty – The Truth About Lies. In it, there was an example about how simply reminding the user about attesting to submitting honest ...
3
votes
1answer
543 views

Multi-Select Selection Display: List vs. “Tag Cloud”

I wonder if one method performs better than the other and if there are any advantages or disadvantages. In my scenario, users will be adding more than 3 countries and will edit that list using the ...
35
votes
10answers
23k views

Alternatives to checkboxes and radio buttons in web-based surveys?

I've been tasked with designing a simple questionnaire design with a lot of different types of questions. I've been taking a lot of web-based surveys myself as well as testing some with users. The ...
1
vote
1answer
81 views

Should I keep or remove the title for this form?

As the Log In button is in the toolbar the title seems like repetition. Do I keep (A) or remove (B) the title Log In? Or do I change the title and/or button text? Screenshots from an iPhone 6S but ...
3
votes
4answers
131 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...