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)

2
votes
2answers
162 views

iOS pattern for editable vs read-only fields

I am working on an iOS app for hotels, allowing users to take reservations, check in/out, assign rooms, etc. Main Issue: In the included mock up, there is no indication for when a field is editable ...
2
votes
1answer
40 views

Designing a form with conditionally required text input

I have a very simple form, which can be used to get a preliminary delivery quote. It simply has 1 text field, and looks like so: This should be integrated in ads website, so pick - up location is ...
4
votes
2answers
146 views

How can I improve the UI of groups of nested inputs?

The user is assigning products to a location in a hierarchy in a website. There is potential for multiple locations in multiple hierarchies in multiple websites. User journey: Select website ...
7
votes
4answers
305 views

Best way to allow entry of shop open hours

I am looking for a control or a method such that I can allow the user to enter the working times of a shop for each weekday on a web page. For instance, the working time for Wednesday is: 06:00 AM ...
0
votes
2answers
118 views

Why we need 'county' on UK address forms

Inspired by the US equivalent here For UK address forms, I am struggling to find good enough reasons to keep a 'county' field, especially as my projects delivery options are not location determined. ...
3
votes
5answers
139 views

Should customer support requests have a character limit?

I'm building a simple customer support request / support ticket form, and I think that it might make sense to enforce a character limit. Long-winded requests can sometimes be difficult to fill. A ...
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 ...
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 ...
3
votes
7answers
355 views

Is it good UX to right align numerical data in a text field when editing?

I understand it's a necessity when it comes to viewing data in a table or a list that numeric values should be righ aligned. but when it comes to editing the values in a text field, should it be same? ...
0
votes
4answers
256 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
1
vote
1answer
235 views

Display categories with their respective subcategories

I have the following scenario: This is a website that shows the products and services of a small bakery. It has categories and subcategories of the products and services it has, and it displays them ...
0
votes
1answer
200 views

Proper UX/UI design for image upload and form on android

I am looking for an advice how to properly design a layout for an android activity that should handle the following: car image uploaded from android gallery (up to 8 images). fill in some details on ...
5
votes
2answers
410 views

Date picker - Restricting future dates = bad ux?

Restricting future dates? I'm developing a web form, as being reviewed, i was requested to limit the selection of future dates (e.g. not allowing picking dates after the computer's date) The date ...
7
votes
3answers
384 views

Making a button appear after an action - good or bad?

I'm working on some kind of B2B checkout process for car dealers who buy cars from my client. In the 1st step of checkout, they have to choose between pick-up and delivery. This is what I'm going ...
1
vote
3answers
82 views

Messaging After Submitting Form Where no Values Have Changed

What is the best messaging for when a user submits a form to update some fields e.g. such as in a user profile, etc. but no values were changed. In my situation, nothing gets updated in the DB when ...
10
votes
4answers
438 views

How to deal with with many fields

I have a form in which there are many fields around 11-13(average not constant). Now some fields are required while others are not. My client intends to hide all non-required ones and show only ...
3
votes
1answer
80 views

User list bulk upload option for Enterprise applicaiton

I am working on Enterprise online application. Rather than adding user information by using conventional form filling concept, client has asked us to provide bulk user list upload option in which ...
0
votes
3answers
204 views

a better interface for entering an age range with user-selected units

I am trying to create an age picker and this is the best i can come up with: download bmml source – Wireframes created with Balsamiq Mockups the dropdown would have years, months, weeks ...
1
vote
3answers
185 views

How to efficiently show lots of profile data in a glance?

We're in the process of creating an International Directory System for our Employees (which would provide details of Employees - summary of their education, experience, contact, and social media ...
0
votes
3answers
85 views

Repeated Approval with Every Edit

I have a web form with a check box. The inputs to the form are very important and any mistake in the form could serious ramifications. There is also an approval process around any change to the values ...
2
votes
2answers
73 views

Custom (and multiple) components are better or worse than native ones?

We have the case of two components for date and timeslot (hour and minutes in quarters of :00/:15/:30/:45). Here is how it looks like if someone uses a single component for each and uses the native ...
3
votes
5answers
474 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
143 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
62 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 ...
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
141 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
96 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
419 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
134 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
44 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
268 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
143 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
94 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
99 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
97 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
404 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
151 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
151 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
244 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
64 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
392 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
63 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
426 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 ...