Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button
5
votes
2answers
125 views
Can I reformat personal names obtained from a single form field?
I have been reading this excellent question and its answers, about collecting names from people in forms.
The best answer (the accepted one anyway) seems to be to follow the W3C's advice on ...
2
votes
3answers
59 views
Should I include any other information on a page with a long signup form?
I'm working on a form users will fill out to start a free trial of our product. Unfortunately all of the fields I've included are required for us to put them in our system properly.
What I'm ...
5
votes
4answers
133 views
Is it OK if asterisk is put after label that is above the field?
Look at wireframe:
download bmml source – Wireframes created with Balsamiq Mockups
Does it look OK that labels above fields have asterisks? Or should labels be placed left of the fields?
...
14
votes
2answers
383 views
Most intuitive multi-select component for the web
My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible.
For instance I try to avoid drop down menus and use big ...
6
votes
2answers
88 views
Would it be good to only show invalid fields when showing input errors?
It occurred to me that it might be a clever idea to only show the fields with problems when a user makes a mistake on a form. This would be server-side validation, with the assumption that there is ...
6
votes
2answers
160 views
Is it OK that url is changed after invalid submit of form?
Let's say I am at Create new user page and current url is /users/new.
When I submit this form with invalid data (e.g. mismatched passwords), user is redirected to /users.
Is it OK that user will see ...
13
votes
6answers
621 views
What is the best way to request individual characters from a password?
Frequently, sites that should really value security (especially banks) ask for several individual characters from a password.
Typically I've seen them do it like this:
download bmml source ...
4
votes
2answers
163 views
Designing the sign-up process?
I am starting a website consisting of info on local shops, product catalogs, and coupons. now I am in a dilemma over the vendor sign-up process. I want to know which of the following ways should I do ...
8
votes
2answers
83 views
Handling hashtags in an click-to-edit-record row
Say we have a list of records displayed like this:
Date Description Payer Amount
---------------------------------------
01/01 Rent Maxi $1000
12/01 Lunch with clients Bob ...
4
votes
2answers
154 views
How do I design this form to work most of the time, but allow the user to access additional functionality when needed?
This is a rough draft of a Microsoft Access form contained in an irrigation materials rental system. The business owner rents irrigation pipes to local farms. (I hid the company name from the ...
3
votes
2answers
138 views
Best Method for Adding Ingredients
I have a recipe application that has a "Add Your Recipe" feature that's current implementation looks like this:
Some notes:
Upon clicking "Add Ingredient", a ingredient form is added. Same for ...
2
votes
1answer
47 views
Interface to merge suggested updates with existing information
I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...
3
votes
3answers
100 views
Traditional file upload vs repository
I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...
17
votes
9answers
860 views
Should radio buttons be pre-selected?
I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
8
votes
5answers
281 views
Single page or multi-page forms?
Would it be better to have one long form, and let the user scroll down the page, or split the form into 2 or more pages?
Usability wise, one obvious disadvantage I can think of for having multiple ...
9
votes
3answers
162 views
Having two different label alignments in one website / application
I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
10
votes
3answers
240 views
Opt-ins versus opt-outs in forms - does nobody else care?
Whilst filling out a form on the Royal Mail site this morning, I came across this heresy of form design: the self-negating checkbox...
This required careful (re)reading to ensure that:
I was ...
5
votes
4answers
153 views
Forms: Ensuring the next button is always above the fold in multiple page forms
I'm designing forms in a PPC / landing page style format where the user has arrived from an ad on a search engine page - this user is very likely to be interested in the product that I'm offering.
...
6
votes
1answer
121 views
Ternary Switch - How to implement?
My website gives users a report for their search term, this report contains many different datasets.
Each dataset can be configured via options on their profile page, to either;
Load when the ...
7
votes
3answers
101 views
Behavior of the Enter button in a form
What is a better experience for a user if they press enter when using a form?
Should it submit the form or move to the next field?
2
votes
4answers
167 views
Use a wizard on a simple but big form?
I'm thinking about remaking the registration form on a site I'm working on. The form is simple, but there is too much information to be filled in. It also asks if the user has already participated, in ...
4
votes
2answers
141 views
How to present filters graphically?
I'm creating a UI which allows users to specify filters, such as Age > 18. Until now, this has been quite straightforward as all it required was a simple layout as shown below:
However, besides ...
5
votes
2answers
177 views
Should forms be aligned left or center, if less than full page width?
Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
1
vote
2answers
65 views
Cataloging item during creation vs. updating cataloging information
Lets say it is possible to add an item with come hierarchical cataloging information.
For my use case example the item is a fault report.
The end user is a mechanic who is not an expert with ...
11
votes
9answers
821 views
Does leaving a field blank - mean “everyone”
I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
3
votes
1answer
101 views
Placeholders for format in address form
I am creating an address form and want to add placeholders to the fields to display the format of what the user needs to enter.
For email addresses, phone numbers and credit card details this is ...
0
votes
1answer
114 views
What is the usage rate for users navigating form input fields via the 'tab' key vs. mouse clicks?
On my current project, we are debating the usage of replacing input fields (checkboxes, radio buttons, and select dropdowns) with styled choices via javascript. However, it breaks the support of ...
4
votes
2answers
106 views
Tab order for previous/next buttons in a form
We have a multi-step form that has 2 buttons (Previous and Next) at the bottom of each page.
The Previous button is on the bottom left-hand side, and the Next on the bottom right-hand side.
What ...
2
votes
1answer
71 views
How to show unfilled fields on view mode?
How can i show to user an unfilled fields of a edit mode on a view mode page?
I have on the form, on edit mode, this type of fields.
Label: (input) (type of unit) (button with contextual help)
If ...
2
votes
2answers
76 views
Best option for data grid records that each can have different multiple choices
Below is a mock up of the screen, and I'm not sure of the best way to do the Delay Reasons in this case.
Each service can have multiple delay reasons and each service can have different delay ...
2
votes
3answers
311 views
Best way to align 15 form fields for high conversion
Im currently trying to come up with a better way of laying out the following form:
As it is a lead generating form, and present at PPC landing pages it is currently aligned in columns like that to ...
13
votes
3answers
448 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 ...
6
votes
3answers
257 views
Placement of delete button on form
I have a form which edits a flight, and it should be possible to delete them. I have considered putting a delete button in the index page, which lists all the flights, but the table rows are clickable ...
5
votes
4answers
203 views
Form input types for fast data-entry?
So, I have a form for doing data entry where there is a list of items which have three fields. The first two fields of each item are multiple-choice from five options, the third field is a simple ...
0
votes
3answers
114 views
Where to place registration form and its contents in page horizontally?
In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
5
votes
1answer
103 views
Shipping address layout
Is there any layout recommended for shipping/mailing addresses for an ecommerce website? Currently I have all the shipping addresses out on 1 page along with the account details of the user, which ...
7
votes
4answers
291 views
Is it useful to have all the input controls in a form the same width? [duplicate]
All the input controls are the same size in this question about form design: Why might right aligned field labels be better?
My question is if does it help with something, or it is just a matter of ...
6
votes
3answers
173 views
Group of checkboxes and supporting text fields
What is the best way to layout a group of checkboxes and supporting form fields?
For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
6
votes
2answers
96 views
Two dependent inputs in a form
I have a form where the user would need to input a text field, and then enter pricing based on the first input. I've come up with an idea on how to do this, but not sure if its the best approach:
...
5
votes
1answer
243 views
UI Layout improvement
I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
3
votes
1answer
192 views
Telling users passwords don't match and aren't strong enough
I have two functions in my user registration form
One checks the password and confirmed password are the same.
The other checks if the password is strong enough.
I have two presentation related ...
1
vote
2answers
174 views
Input checkboxes wrapped inside <labels>
I usually tend to wrap my checkboxes and radio button inside their respective labels and was wondering whether this is considered a good UX practice.
Pros/cons ?
One of my main reasons is that it ...
3
votes
2answers
145 views
Why does the advanced twitter search options not using a radio button
https://twitter.com/search-advanced
has the following options
Any of the words
All of the words
Exact Phrase
But the user could make a mistake and enter values for all of them, why didn't they use ...
3
votes
3answers
71 views
Cross validation messages should be symmetric or asymmetric?
Lets let that there is a form in a popup window which contains the properties that are configurable for a chart and as you go on changing the values for the properties the underlying chart is ...
2
votes
2answers
63 views
combining enquiry form with newsletter signup
We have a requirement for a website where there will be a contact form on screen in all pages as well as the ability to signup for a newsletter.
Now, a contact form is something traditionally done in ...
3
votes
3answers
251 views
Input mask on credit card number & SSN
Our company is discussing the use of an input mask (asterisk) on credit card numbers and social security numbers.
I'm completely against masking the CCN, from a UX perspective, especially since our ...
2
votes
1answer
54 views
Association of child items to a parent in a form
My app manages companies data and allows selecting multiple partners (also managed by the user) to associate with a company.
One option would be having two listboxes: one for the available partners ...
7
votes
2answers
138 views
Does inline validation at login create a security risk or a perception of one?
When a user types their email address into a login form, I'd like to validate inline whether the email is associated with an account. The idea here is that, in the system in question, a large ...
5
votes
2answers
82 views
Autosave settings
We are developing an web app. Users can log-in and change their settings. We are in process of making settings page and we are wondering if Autosave option is good idea.
For example:
User edits his ...
0
votes
1answer
151 views
Minimum length for Street Address field in HTML form?
When a user has to enter a street address, to ensure clean data is it a good idea to enforce a minimum number of characters?
For instance, I can't see any possible reason a street address could be 2 ...
