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)

8
votes
6answers
761 views

Showing the full path to a folder when changing its name

I have a form where a user can enter a new name for a specific folder. The full folderpath is displayed on the form for informational purpose which leads to a problem. I don't want my form to expand ...
0
votes
1answer
69 views

Additional textboxes on click of an element

In my application you can map certain fields by drag and drop. As soon as they are mapped I want them to be clickable to show textboxes into which the user can write additional information for the ...
1
vote
2answers
100 views

Best practices for address item ordering for user forms

We are currently re-designing a profile portion for user signup to our Saas, and was looking for some insight into best practices for ordering location information. Right now our currently ordering ...
3
votes
2answers
120 views

Where should the «clear» would work on one or multiple drop-down list on a row?

Allowing a clear button to appear when the user begins typing characters in regular input is very welcome for the touchscreen enable app I'm building. The challenge is to "reset[ear](The clear button ...
3
votes
2answers
146 views

How to show range sliders on mobile

This is my first UX question and Im a noob to UX and this forum so please let me know if you require more detail... I'm designing a responsive order form, which has a range slider for quickly picking ...
3
votes
2answers
83 views

Using a contextual drawer for form options on mobile

I'm designing an app for submitting media content to a site. This app is HTML5 for both Android and iOs and it is being developed with PhoneGap. The example below is for the iOS layout. Do you see ...
0
votes
1answer
154 views

Error message text/buttons?

I have an iOS app where users can save contacts. There is a minimum of first name and last name to save, so when they try to save without filled out all the required fields, an alerts pops up that ...
1
vote
1answer
113 views

Double opt-in confirmation link or confirmation code?

I read everything about double opt-in on this site and I saw on Sign up: Double opt-in still best practice? What about mobile? answers someone speaking about sending a confirmation code instead of a ...
9
votes
7answers
973 views

Email as username during signup/login? Your experience? [duplicate]

I currently have a signup form that has a username and an optional email field. I want to make this form appear simpler by getting rid of a field. What has been your users' experience with only using ...
2
votes
3answers
201 views

Best practices for name search?

I have an app that will allow you to lookup the salaries of public officials. I have a few multiselect boxes to narrow the search by role and department. I am thinking about how to design the name ...
2
votes
3answers
156 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
0
votes
1answer
72 views

Margin in the mobile web site

I'm working on a survey web site, which I already have a responsive design. Survey questions are sometimes array type, that options are columns, and questions are rows. As you can see in the image ...
0
votes
3answers
309 views

Complex forms design - space vs look

I've got form that has around 40 inputs (text inputs, selects, some checkboxes). This are "Vehicle Data" like, registration number, brand, model, fuel type and so on. I can't make it smaller (less ...
1
vote
2answers
206 views

big form VS steps/wizard

In a form to insert products/services (in wich products will have extra data for products that are composed by a mix of quantities of other product(s)) is it better to have a large form with all the ...
1
vote
2answers
170 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
3
votes
1answer
157 views

When are clear/reset actions in forms useful?

I was wondering when a "Clear" / "Reset" action in a form is needed. Example at the bottom right. What would be a common scenario for needing a "Clear" / "Reset" action? When would a "Clear" ...
12
votes
4answers
692 views

Text Field Validation vs Prevention

I've been having a debate (mostly with myself) over the best approach to deal with invalid input in text fields -- validation versus prevention. Taking a numeric text field as an example, is it ...
5
votes
2answers
203 views

“soft” error messaging. Is that a thing? Precedence?

We're on a project where the concept of a 'soft' error for a web form came up. It's an interesting idea, but I can't actually think of an example of it being used in the past, so perhaps it's not a ...
2
votes
3answers
245 views

Which browsers allow users to reveal passwords in password fields?

Which browsers allow users to reveal passwords in password fields? I already know that Windows 8, Windows 8.1, Internet Explorer 10 and Internet Explorer 11 (1). Cursory research did not reveal any ...
3
votes
2answers
236 views

Can a button be too wide?

I have a form which has been designed as mobile first. Currently (most) of the form field are set at 100% width, including the submit button. Some people are of the opinion that the submit button is ...
6
votes
5answers
1k views

Where is the best place to show validation/error messages in a form? [duplicate]

Where is the best place to show validation/error messages in a form? Beside a field? underneath a field? Reserve an area on the top/bottom of the page, and show any error/successful message there?
4
votes
1answer
98 views

What is the best practice for enter key form submission on sites that use IMEs (i.e. Japanese)

I've got an enterprise app with various forms, some single input forms like global search boxes and other longer data entry style forms. For the West it is clear that pressing enter is a preferred ...
3
votes
1answer
70 views

Accessibility - Keyboard Focus order - tab directly to form or tab through all elements?

Background info: I'm performing an Accessibility Audit as per the new AODA law in Ontario: http://www.e-laws.gov.on.ca/html/source/regs/english/2011/elaws_src_regs_r11191_e.htm#BK15 It follows the ...
1
vote
3answers
219 views

Managing Huge Lists of Checkboxes/Permissions without Groupings

I'm working on the design for a Multi-Tenant SaaS app. I've run up into an interesting usability challenge. Here's what the user is trying to accomplish: Within the administrative area, an admin ...
1
vote
1answer
57 views

loading/processing operation, full-page or localized?

In a web aplication with lots of possible operations is it better to have a full-page overlay while loading/processing opertations or to have localized loadings for each operation. I think the ...
10
votes
4answers
1k views

Allowing every password of 6+ characters. Good practice?

I am developing a file sharing and hosting service, and right now I don't have any requirements set other then that a password has to be at least 6 characters long. I also accept all characters. I'm ...
0
votes
1answer
102 views

UI when having many-to-one table relations

Let's say I have a database employees-manager and that I have two tables: employees and salaries. Also, let's say that employees table have only 2 columns (emp_id and name_of_employee) and salaries ...
0
votes
2answers
95 views

When do we ask the user to try again on form input error?

I have a form whereby users are required to fill up several fields. Upon validation error, error messages would be shown. Example: The selected location is out of range. Please try again. The area ...
1
vote
1answer
106 views

What are the benefits/disadvantages of splitting up checkout process

The purchase page (https://staging.volcanicpixels.com/ssl/buy) has quite a few fields on it and I'm considering splitting it up however I'm not sure whether that would actually improve the process at ...
3
votes
1answer
95 views

Rich interaction experience in forms

The guys say that by adding their animation plugin the experience is improved: https://medium.com/ui-ux-articles/3d1b0a9b810e Now, of course it is prettier, but what about the whole theory of ...
5
votes
2answers
275 views

Anything I could do to improve my sign up form?

So I think that I'm finally at a point where I can say that my sign up form for desktop users is pretty much done. I've tried to make it user friendly at first sight by keeping it as short as ...
3
votes
3answers
128 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
0
votes
4answers
263 views

Sign up with Google/Facebook/Twitter/LinkedIn

I have been trying to figure out which sign up buttons would be the best. For me it would be important to get real information, so I thought that signing up with Google and LinkedIn is the best ...
11
votes
4answers
1k views

Should forms always appears within a box?

The main form of my webapp looks like this: With the next colors: Background color...: #F4F9FD Tittle color.......: #3C325C Button color.......: #DE373D Why do forms usually appears within a ...
1
vote
3answers
158 views

Which fields should be pre-filled with previously input information when there are form errors?

I've got a form with the following inputs: First name Last name Email New Password ReCaptcha Terms (checkbox) I'm thinking about pre-filling the following for sure with the same values that were ...
3
votes
2answers
160 views

How does the visual size of a text input field affect users' expectation of how much they should write?

It's well-known that you should size your input fields to the amount of text you want the user to write. There's an example of that on this very page: even though the "Your answer" field can stretch ...
0
votes
3answers
183 views

Are my Sign Up form error messages correct?

I just got done with my Sign Up form set up for my File Sharing & Hosting service and now I'm at a point where I'm developing the returning of form errors. There are 6 fields, and they are all ...
1
vote
1answer
66 views

Where should i place the helptext on a form designed for tablets?

Im designing a form for tablets. The helptext needs to appear dynamically (i.e. on focus on the field) & cannot be hidden behind help icons etc. I have space to allow the helptext to appear on ...
1
vote
3answers
120 views

Quiz in a HTML email - alternative for displaying form elements

One of our clients wants to send a HTML mail containing a quiz. I don't know how this sort of quiz is called in English, but i will try to explain: There are questions in one ordered list, each ...
2
votes
3answers
136 views

How to present a form where all fields are optional but at least one must be filled out

I have a form like this: The user must fill in the first or third field. They can also fill out two fields or all fields. Essentially they need to provide a link or comment for the form to submit. ...
4
votes
3answers
125 views

When is it a good idea to force a format in a text box for currency?

Is this a good idea to format a text box if it's only for currency? It makes sure the user does not enter unwanted characters, including the decimal character. What I have now is this. For example, ...
1
vote
1answer
151 views

Auto agreement to the ToS by clicking “Sign Up” button in sign up form

I'm developing a Sign Up page for an online service I provide. And I'm at a point where I need to decide if I'm going to have a checkbox for the user to check to make clear that the user agrees with ...
13
votes
8answers
2k views

Should I never ever use only placeholders in forms?

I have a form that the users will use a lot of times becouse is the main funcionality of my webapp. It has select boxes with large options, so they are quite wide. Looks something like this: May ...
0
votes
1answer
58 views

adding new users VS existing users

let's say that i have a form to enter members subscriptions in a fitness center club. the "Add member" form contain the member personal data (first name, last name,phone, ... etc) and the club plans ...
21
votes
4answers
2k views

What should the character limit(s) for first/last name inputs be? [closed]

We want to create input fields for a user's first and last names. What should the minimum and maximum limits be, if any, and why?
1
vote
2answers
141 views

Mobile Form + Master/Detail list

I'm currently working on an automotive review app which I have to display all the information related to the review in only one context. The review structure is based on a form of 4 fields and a list ...
0
votes
3answers
179 views

What's the best way to get users to read a set of instructions for filling out a form?

I have a simple form that the user fills out, and I want the user to read a simple 5-step set of instructions on how to fill out the form and what happens after they hit "submit." I'd love to know if ...
0
votes
2answers
165 views

Differentiating quick-contact and full-contact in a website design

I am designing a commercial website which is very elegant, thinking about adding a quick "sliding" contact form with the essential fields, to be available in all pages of the site, in addition to my ...
2
votes
1answer
93 views

Onfocus on a filled out textfield. Select-all or not?

Let's say I have a title textfield in an edit environment. The user has saved the title before but wants to edit it now. I've read up on some design principles and one of them stated: When a user ...
1
vote
1answer
157 views

How to solve a space/content conflict in a paper form

Imagine a form that tradespeople use to manage safety on worksites. The form helps the worker identify potential safety hazards and suggests techniques for minimising risk. It also guides the worker ...