Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button
8
votes
5answers
578 views
“Clear all” button history
Has anybody ever used "Clear All" button on the page?
Maybe someone know the history of this "magic" UI component.
I opened my eyes after this answer.
6
votes
2answers
646 views
Guidelines for when to auto-save settings vs “save” button
In our web application we have a number of pages to do with user settings, in different categories. For most of them we have a display page with an edit button/link, which takes them to a form which ...
5
votes
2answers
211 views
Floating submit/cancel buttons
I have a form in the system I am currently working on which loads in a dialogue window within the system. The form is about 3 times the length of the window it shows in, which obviously scrolls.
I ...
0
votes
3answers
582 views
Which is the best design practice for edit data in RIA?
Which is the best design practice for edit data in RIA, for example in Flex or Silverlight?
I would like to show customer's details, but there will be an edit window, than the datas of customer will ...
25
votes
17answers
5k views
Form for inputting operating hours of a business
I am designing an interface where restaurants need to input their operating hours. I am thinking of using a slider control for timings for a single day, and then let the user choose days of the week ...
25
votes
7answers
746 views
How do you sort a list of languages?
A website is available in 100 languages. There is a form to select a language, and it includes these 8
English
Русский
日本語
עברית
العربية
বিষ্ণুপ্রিযা় মণিপুরী
მარგალური
አማርኛ
Normally, I would ...
32
votes
11answers
10k views
Why is it impossible to deselect HTML “radio” inputs?
Previous title: Default behavior of HTML “radio” inputs: Did they get it wrong?
In HTML, there are currently two types of "checkbox" style controls:
Checkbox: Allows toggling on/off, multiple ...
21
votes
10answers
1k views
When client and server side validations occur, doesn't it make for a better UX to only do server validations?
I find a problem on the MVC4 project I am working on now, using Fluent Validation, in that some validations are delegated to the jQuery client side validation, while some, such as the NotNull rule for ...
38
votes
20answers
3k views
Do I really need a login button?
We've been having a discussion in the office surrounding a login page we're developing for a new web application. The web application is in intranet-based application, and is mainly used by users who ...
7
votes
8answers
9k views
what is the best UI for multi select from a list
we have a web form and one of the fields is a multi select list. Our options are:
list of checkboxes
Listview (select box but allowing multi select)
both seem to be a big ugly when the list is > ...
28
votes
9answers
3k views
Is a confirm email address field still considered a best practice?
Having an input field to confirm an email address is pretty standard. However, I would like to know if using a confirm email address field still considered a best practice.
The Email/Confirm email ...
14
votes
8answers
452 views
Is it ok to change the (US) address input field order in favor of a pre-fill feature?
I am working on an international site that requires the user to enter his postal address. I am wondering if it makes sense to have a slightly different order of input fields in favor of a time saving ...
8
votes
5answers
528 views
What's a clean way to implement two checkboxes that can be “ANDed” or “ORed”?
I have a pretty standard search form on a web site that will return records based on various criteria. Let's assume each record corresponds with a person. A person can have a dog, a car, neither, or ...
4
votes
5answers
3k views
How do you design a registration form?
I am trying to learn about registration forms, what should I be careful about when designing one? Is there any "best practice" or do you know any great websites with great examples of registration ...
37
votes
8answers
1k views
How do we stop users overpaying in financial web forms?
Submitting my online council tax payment last week, I made a mistake. Instead of specifying £63.00 in a freetext payment field (about $100USD), I missed the dot and am now poorer by £6,300 (about ten ...
14
votes
3answers
832 views
Why does * (asterisk) mean Required on a form field
Watching a video from DIBI conference and Jared Spool mentions the mysterious origins of the asterisk (*) on a required form field.
Where does this come from, why does an asterisk mean required?
13
votes
3answers
728 views
Labels above the field or to the side of the field? What about prompt text and validation messages?
Which layout works best for your users?:
Field labels on the side of fields
Field labels above the data entry fields
What about prompt text, format tips, examples and validation or error messages?
...
11
votes
5answers
1k views
How to represent optional fields?
I've read somewhere, that if you have more required fields than optional, best practice is to mark the optional form fields.
However I think that asterisk notation for required fields is a widely ...
6
votes
3answers
478 views
How does having multiple stages of a form affect conversion rate?
Say I have membership and donation forms on the website of a not-for-profit organisation. The form is split into multiple stages such that the user submits the first stage (eg. details) and then the ...
16
votes
7answers
944 views
Should “gender” be required, or is there a better way to collect this information?
I believe in keeping a registration form as simple as possible so that we "grease the skids" toward conversion. Every field on our signup form is required, or else we wouldn't ask it. Here's what we ...
15
votes
4answers
425 views
Case-study for hiding the optional fields?
I am currently designing a web form for the Online Travel Insurance System and I am thinking of hiding the optional fields since there were so many of them. Like the image below.
I put a Show More ...
9
votes
5answers
2k views
Multi step form vs single complex form
For a website that sells things, it's often needed to fill in a lot of information. When it comes to these types of forms you want the user to complete which one is the best?
A single form with all ...
8
votes
4answers
293 views
How do I add the ability to cancel editing without a button?
We currently have an interface pattern that consists of a list of rows; clicking on one row activates "edit mode", where the lables turn into text-boxes, afterwards you can either save or cancel.
...
21
votes
5answers
561 views
Are verbs necessary on field labels for a survey?
This is slightly different than this question regarding a small form. I have a multi-page survey that can take up to 10 minutes to complete.
Right now, all of our prompts start with verbs, but I feel ...
21
votes
10answers
998 views
DD/MM/YYYY - do people know what that means?
Just finished reading Caroline Jarrett and Gerry Gaffney's Forms that Work and I noticed that while the publisher used a screen shot on the front cover with that date format the authors didn't ...
18
votes
5answers
980 views
When form submission fails, password field gets blanked, why is that the case?
I've seen many registration forms where if fields don't pass validation, the password fields are blanked as well.
Why is this the case? I understand why you'd blank the password in a login form, but ...
16
votes
2answers
2k views
Is the color red really appropriate for form validation errors?
It seems to be taken for granted that the color red is appropriate to highlight errors. In the case of serious system errors, I agree. However, I'm having doubts that it's the right choice for user ...
8
votes
3answers
791 views
What's the Best Placement for Save/Cancel Buttons on Very Long Forms?
I have a big project creation form having atleast having 30-40 fields where i have already grouped the relevant fields as a set(splitting into 3 columns) with proper headers, but still i have a long ...
8
votes
6answers
1k views
Difference between 'modify' and 'edit' buttons
Is there a difference between the words 'modify' and 'edit'? I am creating a form that will allow users to make changes to their order - what should the call to action button name be - 'edit your ...
8
votes
5answers
1k views
Required field validation
How should required field validation be handled visually?
NOTE: assume asterisk is red
*Name:[_______]
or
Name:*[_______]
or
Name: [_______]*
or
Name: [_red bg_ ]
or
Name(<- font color ...
7
votes
3answers
786 views
tables with lots of columns
I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
6
votes
2answers
169 views
Layout for adding one or more contacts to a record
The context:
The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10.
The ...
4
votes
1answer
585 views
What are the best practices of designing a validation message on an iPhone App?
I am working on designing an iPhone app and I need to know which validation message style is the most recommended for the forms included.
I don't prefer to use a pop up window i need something that ...
23
votes
5answers
3k views
Dropdown vs radio button
User have to choose type of food (from 3 or 4 choices) in our application. Default selection is used in 60 - 70% of cases. What will be better: dropdown or radio buttons?
20
votes
12answers
2k views
Should date validation allow “091011”?
Should I allow users to input the MMDDYY or MMDDYYYY format for a date?
That is, should any date validation logic not trigger a validation error if the user just wants to put in the numbers without ...
18
votes
12answers
990 views
Should form labels be placed inside of input boxes and slide out of the way?
Is it good idea to put form labels inside input boxes? In this case, the labels slide out of the way when the user clicks on the box.
See here live example of form
14
votes
5answers
2k views
Why isn't the “remember me” checkbox in login forms enabled by default?
On most part of sites "remember me" checkbox in login form is disabled by default. Most part of users after login would like to stay logged in. It annoys users each time to enter username and password ...
12
votes
4answers
3k views
What are the advantages and disadvantages of multi-window functionality vs single-window functionality?
I am considering porting a windows application to a web application for one of my clients. The windows application is an MDI app (multiple forms open at once), but obviously the web app would be much ...
11
votes
11answers
324 views
How to tell a client in a form that they can enter their email OR their tel # (but both are not necessary)?
In a contact form, I need either their number or email. I've thought of these ways:
Have field label be "Email or Tel #", or "Email / Tel #"
Have the above, but placeholder text in the input saying ...
11
votes
3answers
337 views
Should I put view and edit on the same form?
We're working on a new management console for an online service. The management console consists of about 30 forms as well as lots of reporting and various other goings-on.
My developers have moved ...
11
votes
8answers
251 views
What's the best placement for an “Other” box
If I have a dropdown with several options, the last of which is an "Other" option, and I want to have a textbox associated with that option, what do you think is the best place to put it? Here are the ...
10
votes
3answers
411 views
FORMS: When to use dropdowns, and when to use dynamic lists?
Interesting that I couldn't find a discussion of this already.
When should we use dropdown selects, and when should we use dynamic lists (updated as you type) in web forms?
My opinion:
Dropdowns ...
9
votes
3answers
160 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 ...
8
votes
5answers
280 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 ...
8
votes
4answers
275 views
Is autotabbing in forms helpful or harmful?
I work in an environment that makes heavy use of mainframe systems. These systems are costly to maintain, so a decision was made years ago to replace the mainframe with web based systems.
As more ...
8
votes
3answers
1k views
Are “submit” buttons important for forms on iPhone and Android apps?
When inputting text on the last text field in a form on an iPhone and Android app, the enter key can be highlighted or (on iOS anyway) renamed "done", so that tapping it will submit the form. ...
6
votes
1answer
270 views
Many-to-Many associations - Edit in place or on new screen?
I am trying to design an interface to do two things:
Create Items and Objects
Create links between Items and Objects (in a many-to-many association)
An Item is a simple attribute that must be ...
6
votes
2answers
695 views
(One to many) to many form?
What is a good pattern for displaying a form with a One-to-many-to-many relationship in a web form for data entry?
One parent element (a case - 15 data fields)
One or more 2nd level elements ...
5
votes
3answers
112 views
Form for property rent prices depending on season and length
Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue.
We run a holiday property rental website. Properties can be rent on ...
5
votes
1answer
168 views
Interface for linking multiple email addresses and addresses to an account
In a web application I am building, I need to allow users to link multiple email addresses and addresses to their account.
The requirements are:
Users can add and remove email addresses and ...
