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)

2
votes
3answers
87 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 ...
2
votes
3answers
140 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
475 views

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

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?
2
votes
0answers
35 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 ...
2
votes
1answer
30 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 ...
0
votes
3answers
144 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
34 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 ...
9
votes
3answers
823 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
76 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
68 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
47 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
72 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
238 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
110 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
169 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 ...
10
votes
4answers
950 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
2answers
58 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 ...
2
votes
1answer
64 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
142 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
56 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
72 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
111 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
86 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
107 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
1k 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
43 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 ...
19
votes
4answers
1k 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
99 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
154 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
0answers
57 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
86 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
65 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
84 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
42 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
58 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
138 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
49 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
70 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
157 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
198 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 ...
1
vote
3answers
55 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
59 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
54 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
122 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
50 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
82 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
211 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
180 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
978 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?