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

learn more… | top users | synonyms (1)

0
votes
1answer
37 views

Supporting base64 as image input

I have a feature on my website which allows users to upload images via the image URL such as http://www.website.com/image.png. Users who have no knowledge of the way Google Images works expect that if ...
35
votes
7answers
38k views

What should be the default option of a required dropdown list?

Given that there is no logically default animal from the list of animals below, what should be the "Default Value" below, according to best practice? <label for="animal">Animal ...
1
vote
2answers
44 views

Greyed out text field

I have a sign up form where the email address needs to be displayed, but cannot be edited (it is pre-determined, like an invite). Is it sufficient to grey the populated email field out to signify that ...
0
votes
4answers
46 views

Should I autofill information from what we have on file?

On my e-commerce site we have a subscription page where a user fills in their information (name, address, phone number, etc.) and hits subscribe to receive our catalog. If the user is already logged ...
1
vote
3answers
185 views

Less contrast of text cursor over dark input box

We all know dark UI looks damn sexy. The problem is that, when the pointer hovers over a dark input box, the default black cursor has low contrast. Since this could confuse users, what might be the ...
2
votes
2answers
175 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
3answers
788 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
1
vote
2answers
110 views

I have a form with 4 radio buttons that change a part of the form. What is the best way to handle it?

Is a site for a boosting service for a videogame. http://i.imgur.com/jivOBmf.png (Please ignore the spelling) Depending what option is selected (type of boost) the form will change a little. All the ...
0
votes
3answers
153 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 ...
2
votes
1answer
172 views

Mobile proof input control for long list of options with a lot of text

I'm letting users choose one option from a set of choices. My data set is much like a list of countries: many options (about 50 - 200) the user will know what options are there because of the ...
7
votes
4answers
273 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
0answers
23 views

Localization Saas UX Advice Needed [on hold]

I am working for a SaaS company that has recently started developing a localization feature. The user is a company wanting to produce content in multiple languages that will go on their localized ...
5
votes
4answers
2k views

Disabling the browser's back button in multi-page forms

We're having this internal debate where some people think that the user shouldn't use the browser's "back" button when filling a multi-page form (for security reasons), and that the whoever hits the ...
1
vote
2answers
89 views

What's the best way to have an auto-complete textbox with a filter

So basically, what I'm trying to do here is create an auto-complete text field. However, from the list of options, there are a number of them we're trying to push for and because of this, we'd like ...
3
votes
3answers
120 views

How to inform the user a textfield has both a character and a line limit?

I have a dialog that puts a comment in a small textbox on a PDF export. The textbox has room for 10 lines of 100 characters (1000 characters maximum). The field currently looks like this: I have a ...
6
votes
4answers
590 views

What is the reason behind the + sign/icons with buttons?

I have seen few high profile site which use + sign/icons for buttons, while other don't. Does any body know what is the reason behind using sign with buttons, should i use signs/icons with buttons? ...
1
vote
5answers
293 views

Do you need an exit or cancel button for a multi-step web-based form?

I have designed a 3-step form. The user will click a button that navigates to its own page without global elements to rely on getting back. If the user doesn't want to complete the form and wants to ...
3
votes
1answer
124 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 ...
1
vote
1answer
38 views

Filtering possible choices based on prior choices?

In a form where a selection made from a dropdown menu at the top of the form can narrow down the list of possible choices in a dropdown menu further down the form, should the system automatically ...
1
vote
0answers
9 views

Asterisk required field [duplicate]

I want to ask you if it is ok to use an asterisk to mark a required field on a form. I need to find some pro and con reasons for using asterisks on required fields and witch are the alternatives for ...
0
votes
0answers
92 views

Best practice for displaying a huge amount of possibly optional data

Here's the story, I am to develop a form to display the complete content of a so called CoC dataset (an xml schema) for viewing (no editing involved). This dataset contains about 750 fields, about ...
19
votes
11answers
29k views

friendly format for Phone Numbers

Currently on my website users are required to input their phone number in a very specific format (555-555-5555). If you forget the dashes it breaks. Does anyone have a good suggestions for how to be ...
2
votes
1answer
45 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
28 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
84 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 ...
0
votes
1answer
69 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
17
votes
4answers
4k views

What's the best way to make a user read terms and conditions before continuing a form?

What's the best way to make a user read terms and conditions before continuing a form? Structure of Form: Label1 [Textbox] Label2 [Textbox] Terms and Conditions [Textarea] Checkbox ["I agree to the ...
36
votes
10answers
6k views

When offering a choice of two items and selecting both is an option, is it better to use checkboxes or radio buttons?

Two options shown here. We can use both types. Both have pros & cons. Which one is better?
3
votes
5answers
131 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
5answers
226 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 ...
0
votes
2answers
66 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. ...
4
votes
3answers
265 views

Keyboard navigation through form with multiple tabs

To avoid any confusion, I am not talking about the tab key, I am talking about a form with tabs at the top that can be selected by clicking the tab or by pressing Ctrl+PageUp/Down. The latter is not ...
0
votes
3answers
127 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, ...
6
votes
6answers
617 views

Can users login and register via the same form?

In designing my project I've toyed with having the login and registration in the same form. The inputs for the details needed to login would be there initially, and if the user presses the register ...
6
votes
4answers
3k views

Material Design required field

Has anyone seen in Material Design how to present a required field? At the moment it seems the guideline is either to hide the submit button until required fields are populated or else throw an error ...
2
votes
2answers
210 views

With 2 types of users: should I provide 2 separate forms or use the same one for both?

I am working on a platform with 2 type of users, transporters and those sending their goods. Our biggest concern is the user experience, reason why everyone is opting for what we call "one profile". ...
0
votes
3answers
78 views

What should the label be for an unspecified option?

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 ...
2
votes
3answers
141 views

how to indicate mandatory group in IOS -UPDATED

I have a form where fields are marked (*) to indicated they are required. But there is a strange use case where Level and Space have a dependency on each other such that either space or level or both ...
1
vote
4answers
700 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
3answers
65 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 ...
6
votes
2answers
176 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), ...
0
votes
1answer
38 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
4answers
161 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) ...
1
vote
1answer
56 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 ...
3
votes
4answers
1k 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 ...
4
votes
3answers
221 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 ...
2
votes
2answers
75 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 ...
1
vote
1answer
217 views

Reason behind placement of email opt in/TOC's at bottom of form?

Looking for any data on placement of email opt in's & TOC's within user registration forms. Common placement is prior to the form action: I believe the main reasoning to be that interrupting ...
3
votes
7answers
289 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? ...
5
votes
2answers
330 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 ...