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)

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
227 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
149 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
150 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
178 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
112 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
132 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
119 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
142 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
55 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
136 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
175 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
146 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
92 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
137 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 ...
1
vote
1answer
113 views

Registration form with payment processing

I am developing a web app whereby registered users will have a dashboard where they can manage their ads, after payment... so they have to register and pay to use the app. The registration processes I ...
2
votes
1answer
68 views

After updating form should redirect back to form itself or to the show page or back to the list?

I am developing an app that consists of the CRUD operations. Lets say I want to create, read, update and delete clients. I have a page that lists all of the clients, page that shows a particular ...
0
votes
2answers
69 views

How best to let a user specify a subsets of a series of really long lists of long titles?

I'm writing a special-purpose CMS. It focuses on brief, rich text content as nodes in a large network of densely interrelated information. There are many different kinds of relationships, like ...
1
vote
3answers
161 views

Help bubble next to a radio button

I have a label as a heading. Underneath that I have a list of radio buttons. Each radio button needs to have a help bubble. When you click on it, it will explain what the product is about. LOREM ...
0
votes
1answer
96 views

Research/Data on mobile interactions vs. desktop forms?

I'm trying to find some usability studies or even anecdotal commentary on the difference in user preferences of interacting with a select list UI on the desktop vs. mobile. Traditionally, on the ...
2
votes
2answers
135 views

Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering where to place call to action buttons. 1 option: big blue call to action is placed under the text fields focus on the first text field - we display ...
1
vote
3answers
186 views

Dealing with a large registration form

I'm in the the process of creating a registration form for a company where (quite a lot!) of information is required from the user, but I want to make it as painless as possible, while still being ...
3
votes
2answers
211 views

How to deal with extra space

I'm developing a web application that already use a responsive design(bootstrap) and play well within any small resolution. But that's common that nowadays desktop screens go up to 1920px wide, and ...
2
votes
3answers
76 views

Do password fields on registration forms need to be masked?

Your typical registration page for a web site will ask you for a password, then ask you to confirm to make sure you typed it correctly. In doing so, they typically mask the two fields: Create ...
18
votes
11answers
3k views

Is red an acceptable colour for a submit button on a form for a purchase or booking?

I have been drafted in to provide UX feedback on a recently completed website. One point I made was that red was not a suitable colour for a positive action, i.e. completing a form. The reply cited ...
1
vote
1answer
94 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
0
votes
3answers
60 views

Is there any reason to have a 'cancel' action on a multipage proposal form that will often be done in multiple sessions?

I am working on a multi-page form for creating a higher education course. The likely use cases would be a reasonably long one-session creation, or a multi-session creation. We are currently showing a ...
0
votes
3answers
137 views

Good text for sign-up button for free app/service?

What's a good text to put on a sign-up button for a completely free app/service? Once the user presses the button, they will be asked to fill out a signup form. The button is the only place that ...
0
votes
2answers
55 views

A good way of a user inputting a distributed allocation to several items

In my case I'm using currencies but this could apply to many situations. In my webapp a user is asked to define a currency distribution that (ideally) adds up to 100%. I present the currencies and ...
0
votes
1answer
196 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
1
vote
2answers
272 views

Multiselect with Checkbox Strafing

Background A number of problems exist with multiselect list boxes: Existing Solutions Some solutions suggest combining checkboxes, such as: Problem Nearly every (jQuery) implementation I've ...
3
votes
3answers
192 views

How to present a usable checklist with 100+ items plus descriptions to a user?

My school has a form students complete before attending where they can check off what clubs they may be interested in. (There are over 100 possible clubs so it is a rather large form). The current set ...
18
votes
8answers
1k views

Where to put an “add a new item” option

If user doesn't find an item from the list, they should add it using “add a new item” option. Are there any patterns, guides or best practices showing where to put an “add a new item” option?
0
votes
2answers
163 views

Are there any guidelines for having space between the form elements (fields)?

Are there any guidelines for having space between the form elements (fields)?
1
vote
2answers
170 views

Tab index of pages

I am creating a website with lots of form fields and was don't know where things should sit regarding the tab index of the page. As you would expect, the log in fields at the top of the page have a ...
2
votes
2answers
203 views

Changing label of HTML checkbox based on its state

Consider these HTML checkboxes: A member of our design team has proposed that we change the functionality of our checkboxes from yes-no questions to descriptive phrases. For example, as you see in ...
2
votes
4answers
187 views

Hide or disable an Advanced button?

Assuming I have a form with a drop-down list and an "Advanced" button. The last button should be enabled only if certain options are selected in the drop-down list. Now I'm wondering whether to ...
1
vote
1answer
58 views

Validations across multipage form

I have a quite complicated, multi-page form within my ruby on rails application (built with wicked gem). My model have two fields which are being validated against each other - date_of_birth and ...
2
votes
2answers
121 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
1
vote
1answer
184 views

Google places autocomplete with multiple(2) submit buttons

I'll try to make it short, as the problem is simple but long to explain: I'm using google autocomplete on a location search input. It's on the site's header so it should be quick and comfortable to ...
4
votes
1answer
100 views

What is the proper way to provide social media authentication: in login or register form?

We provided standard login/registration forms for providing email and password, but I'd also like to allow user use my website after oAuth authentication. Should they be able to register or login via ...
0
votes
2answers
102 views

Best Pattern for Creating Plans

In my web app I allow users to create payment plans for their subscribers. I currently only support one option: a monthly charge. I am working on adding multiple options, including one-time payments. ...
0
votes
1answer
82 views

Does “Enter” key action is required for web form submission? [duplicate]

working on web form with 5 fields, once i fill all the fields, i usually clicks the submit button. Is necessary to give similar action to "Enter" key for submission?
1
vote
3answers
99 views

Best way to present a quick access option in a login form

I'm building a web app that will require users to do some small data entry. By default, when a user logs in, they are taken to their dashboard to see the status of their account. From here they can ...
1
vote
1answer
111 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...
0
votes
2answers
105 views

Helptext area vs Help “Tool Tip” icons on click

In our applications, the users are going through plenty of screens filling out form fields and selecting various options from dropdowns, radio buttons, etc. Because of this, we currently house one ...