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)

3
votes
5answers
413 views

How do you deal with long labels using material design text fields?

I need to convert a form to material design guidelines but I don't think MD has considered how to deal with long labels on narrow forms. As you can see in my example I have 3 pairs of dropdowns that ...
3
votes
1answer
140 views

Form instructions/guidance - first person vs third person?

Consider these two identical tasks, but each with a different guidance prompt: First Person Third Person What are the advantages and disadvantages of each approach? When is one more ...
0
votes
0answers
60 views

Improve standard shipping form layout

The shipping field seems pretty standard, meaning most platforms have the same fields.The three companies I analyzed are Amazon, Ebay, and Aliexpress on mobile. Their fields for adding a new address ...
4
votes
1answer
91 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
118 views

What is the best way to add a different billing address in a e-commerce website?

I'm a UX designer, actually working on a e-commerce website template. Here are my doubts : When users want to buy a product, the moment they are doing the address form, if they want to receive the ...
0
votes
1answer
94 views

Multiple data entry for a form field

I am creating a form that contains, among its different search criteria fields, a textbox where users can specify none, one or more phone numbers. Initially users could only specify one or no phone ...
11
votes
5answers
1k views

How do I manage form validation for either/or fields

I have a form in which there the user is required to enter either a postal code OR select a city in order to do a search. If they fail to enter either and submit the form, currently the form ...
8
votes
3answers
416 views

Check out cart that has too much radio button

I need your feedback about too much radio button on a checkout page. I wanted to show all the available option on the page rather than hiding them with a dropdown. Problem is the checkout page look ...
1
vote
3answers
129 views

Indicating the presence of content below the fold in a mobile UI?

In my mobile app, I have a "Profile" section that the user has to fill in. It looks like something like this PERSONAL INFO SECTION HEADER (label) FIRST NAME (textfield) LAST NAME (textfield) ...
-3
votes
2answers
42 views

Feedback on a page please? [closed]

I don't know if this is the right place to ask for feedback on something I'm working on but it'd be great if I could have your expert thoughts. I drive people through PPC to the page below because I ...
3
votes
3answers
256 views

Good design for grouping labels on a form?

I have the following area on a form: I don't like the repeated words "Open" and "Date". To me repeated words just add clutter. I would like to have a way to group these together in some way. ...
7
votes
1answer
272 views

Decision tree / flow diagram for mobile email / password confirmation

This UI design pattern keeps coming up and I'm wondering whether there are any best practices out there that can improve the quality of my solution. The pattern is: type your email (or password), re-...
1
vote
1answer
126 views

Is it better to save changes onblur of an edited field or to provide the user with save and discard changes buttons?

In my application, I am providing a ticket form that the users can go back and edit. I had designed it so that they can change one to many fields without real-time saving by providing a save and ...
0
votes
3answers
93 views

Which of these options is the best for a long registration process?

I am designing quite a lengthy registration process. Has anyone had any negative or positive outcomes in terms of conversion rates, using the following three solutions: A Progress Indicator with ...
0
votes
2answers
93 views

Should whitespace next to forms be avoided?

The problem: On desktop view form inputs (with labels) take less that half of width of the website and we gets big whitespace next to form which is bad for websites SEO. In the other hand forms ...
1
vote
1answer
35 views

Additional selection/search controls becoming visible based on number of items?

So ran into this scenario and was looking for feedback, best practices, scenarios that you had that might have been similar, etc. Here's the situation: A user has to select some companies that ...
17
votes
4answers
1k views

How wide should input fields be?

I'm trying to find a good default width for money input in my forms. If I assume that the amount people will put in is under 1 billion Euro, the width of the value, including decimal places and ...
1
vote
1answer
56 views

best way to duplicate a record in a form

i'm building forms in wireframes and in one of these forms, the user needs to edit/add goods to a container. On the leftside he has a list of goods, when he clicks on one of them, he has several ...
1
vote
1answer
37 views

Capturing numeric medical data via an electronic form: Values in Text Boxes versus Select Ranges using Radio Buttons

I'm involved in a project where medical data is intended to be captured via an online form. There is a bunch of essentially numeric variables like BP / Haemoglobin etc. that are to be captured. I'd ...
2
votes
2answers
94 views

Table with multiple submission links for flip switch input

We are working on a shopping app and have the following display as shown below. The main idea of the app is to help users organize their shopping lists, and note when to, and when not to buy items ...
6
votes
3answers
399 views

What's the best way to show form labels that are longer than the corresponding fields (which require a short input)?

I'm having trouble with labeling of short input fields. Some labels have standard 280px width approximately, but others are quite small in order to offer clues on the expected input (characters). I'...
0
votes
3answers
142 views

Best way to design a compact form intended for value calculations and entering lots of data?

I'm working on a very large form, which is an adaptation of an excel file my client was using. I need to find a way to group elements, align the fields, and manage several input types, keeping the ...
0
votes
2answers
149 views

Why some websites ask for postal code even if it is not relevant?

Quite often I see websites have postal code field input field even when the website or its input form has nothing to do with postal services. Here is one example (After entering email it will expand ...
3
votes
4answers
235 views

Form validation ? When to trigger error validation?

Today in any form, we can have real-time validation like in example below download bmml source – Wireframes created with Balsamiq Mockups The question is: When should I trigger the ...
0
votes
1answer
63 views

Mobile: Hiding other options

The registration page would only ask for simple things: name, e-mail address, password, and phone number, and "user type". For the user type, say the choices are: Buyer Seller Middleman Visitor By ...
3
votes
4answers
332 views

UI pattern for a user to enter in someone else's birthdate

I've read many articles about the best UI practice for a user to their own birthdate, but what would you consider the best practice for a user, such as a nurse, to enter in a patient's birthdate? ...
2
votes
1answer
44 views

Form with service and lunch times

Consider a form with service time and lunch time information. And the user can customize the settings for day of the week. I have two alternatives: A form for each day of week A form with all ...
0
votes
2answers
62 views

Form Layout Efficiency if options to questions are all the same

Let me preface by saying that yes, I intend on doing usability testing with actual users. I am redesigning the UI for my company's product. On a particular form, the layout is currently: However, ...
7
votes
3answers
410 views

What is the best way to display nullable bool value as UI component?

There are common pattern for nullable (three state) bool checkbox But in real life, if user see only indeterminate (null) state and don't see checked (false) it often confusing that indeterminate is ...
0
votes
1answer
72 views

Widget to use for “diversity” forms

I've just filled in a form where I had to describe my race with one of three radio buttons "White" "Black" "prefer not to say" (sarcasm) Good thing I'm not Han Chinese then. (/sarcasm) The ...
2
votes
5answers
142 views

Is it a good practices if I give helpful information about operating the search box to user?

On my data tables view, I have a search box that search information from database and shows it on the data tables. There are any need to use button with the search box? I use key up event handler ( ...
3
votes
2answers
204 views

Heuristic checklist: Likert scale 5 or 7?

Which is the better “Likert scale” to be used in a heuristic checklist to be given to the evaluators to identify usability problems? Is it a 5 points or 7 points scale and why? The options extend ...
4
votes
3answers
278 views

Better way to show Priority Level in drop down

I just found below drop down for showing priority levels in JIRA: Does the above drop down - with icons and supporting message clearly demonstrates the priority levels? If not, then what will be ...
5
votes
2answers
125 views

Should I explicitly state that a form field only accepts a specific input format?

My site has a lot of fields that accept a certain format of input only. Do I need to show users that this is the case, or can I rely on them inferring it? For example, is it better to do this: ...
12
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
1answer
61 views

Is there a term for dynamic forms?

Google recently updated its login page, such that they now ask for the username and the password on separate pages. This makes things easier because then I just type in the username, hit enter, then ...
3
votes
3answers
214 views

Multiple Save Buttons after Editing Information

I keep going back and forth on this issue and wanted to get some other opinions. We have a series of pages within a settings control panel. There are multiple modules within the pages, and each ...
1
vote
0answers
26 views

Is modal form measure correctly by the eye - aka is pixel perfect [closed]

I am working on my first project as a Junior UX/UI Designer. I'm actually a seasoned software engineer but I wanted to expand my design skills so I took a position doing design work. I'd like to ...
4
votes
1answer
320 views

Why is form submit preferred over AJAX for login forms?

Google, Facebook, Twitter, Amazon, and Stack Overflow, among many others, use form submits with full page reloads instead of AJAX on their login forms. I saw this question (When should I use AJAX to ...
2
votes
6answers
439 views

Radio buttons or Dropdown for same list of options

I have a list of options where the maximum number that can appear is 9. I am wondering if it will be confusing to switch controls for these options depending on how many appear i.e. use radio buttons ...
1
vote
6answers
224 views

How to indicate active option

I'm working on a web that there is a requirement to create a field that the user must select one option from two given. For aesthetic reasons and consistency, we are using a couple of boxes that the ...
3
votes
3answers
125 views

Redirecting to product list after saving a product or staying on edit product page

I am currently working on a collaborative project and me and another developer are having trouble deciding on wether to keep the user on the edit product page after editing the product or redirecting ...
0
votes
5answers
124 views

Labeling personal name field

I'm working on a form that will be used by users from all over the world to register for an account on a B2B website which is entirely in English. In order to create this account you need to provide ...
1
vote
3answers
178 views

1) Hiding and showing a dropdown in a form 2) Advantages and disadvantages of using a three-column form layout

I have a drop-down that lists org names. After selecting, it disappears and shows the org name (and address), with a command link to change it back to a drop-down. Is this good usability, and if so, ...
3
votes
4answers
272 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) ...
0
votes
2answers
82 views

Is there a good way how to combine two contact forms in one?

So insurance company customers have an access to their services through log in. One of the services is ability to ask questions to doctors/nurses and receive support from them. Currently there are 2 ...
0
votes
1answer
68 views

Perform complicated actions in a huge data entry form

This question involves a huge form in a web application for bookings. This form in its initial state contains "read-only" fields and the user can select to perform several actions. For example, one ...
0
votes
1answer
147 views

Expected behaviour after file upload

What is the expected behavior of a file uploader, after the file is uploaded? Here is a use case where the expectation of the users depend on the current status. The user sees a large list of files ...
2
votes
2answers
186 views

On a smartphone, should a survey display questions one at a time or all at once?

I've come across a few loosely related questions on UX stack exchange, but nothing quite like my scenario. I'm building a mobile phone app that allows one segment of our users fill out surveys that ...
2
votes
2answers
199 views

What are the best practices for representing a boolean field in a form?

We have an interface for creating a group. These groups can be set to private, which is represented in the database with a boolean. Private: true/false. What are the best practices for representing ...