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
5answers
804 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.
5
votes
2answers
548 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 ...
5
votes
2answers
376 views

Form creation application: how to differentiate the “save form” button from the “submit button” in the form

I have a web application for creating forms. Currently, the create form interface looks like so: download bmml source – Wireframes created with Balsamiq Mockups The interface is ...
4
votes
1answer
119 views

Search field with or without a button?

I can see two broad patterns as far as the design of the search field is concerned. One like we see on Google has a button that the user can hit to initiate Search. (They could also hit enter to do ...
1
vote
1answer
302 views

Improve design for master-detail interface

INTRODUCTION AND RELEVANT INFORMATION I am programming application that writes data about contracts into database. It is similar to banking software. Contract is very complex data, so let me ...
1
vote
3answers
3k views

Keyboard shortcut for “Submit form”

I use a form maybe 100 times a day. I can tab between the fields with no problem but most of the time I don't have to fill out the entire form and would like to submit it without having to touch the ...
1
vote
3answers
1k 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 ...
32
votes
12answers
17k views

What is the best way to deal with very complex forms?

I'm trying to give the best experience to users of a very huge system (like a CRM). It has a lot of forms and much of these have a lot of fields. My doubt is about if I should use a single column form ...
58
votes
13answers
6k views

Best UI to allow expert users to enter an ip address? (IPv4)

I am working on a web application which requires users to enter an IPv4 address (in dotted-quad decimal notation) for most of the primary tasks they need to perform. Our primary target "user" is a ...
89
votes
12answers
20k views

Removing placeholder text on focus

Chrome, Safari, and Firefox 15+ remove placeholder text after pressing first key in the text input. Opera, IE, and Firefox 14 and below remove placeholder text immediately after focusing the text ...
32
votes
7answers
2k 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 ...
36
votes
9answers
10k 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 ...
9
votes
2answers
2k views

How can we visually improve the nested rule/predicate builder?

This has been discussed a bit here: Building logical criteria (with AND , OR, etc) - but we felt the examples left a lot to be desired. Apple (with their hidden nested rules/predicate builder) in ...
22
votes
5answers
14k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
23
votes
6answers
1k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
41
votes
21answers
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 ...
21
votes
10answers
4k 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 ...
10
votes
5answers
754 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 ...
5
votes
5answers
7k 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 ...
20
votes
5answers
6k views

Do we really need a “Remember me” option on a Login page?

I'm wondering why do we need to ask user to make a decision, for how long he want to be authenticated? This is done by having "keep me signed in" option login page: Why can't we simply "predict" ...
15
votes
3answers
1k views

Should I clear a form after the user submits data?

This is just a general question. I have a single-page web application that does not navigate away after form submission. My question is whether I should clear form data after a successful submission ...
8
votes
2answers
3k views

Inline editing vs Edit view

I've seen this question asked a few times, but none that relate to my particular scenario. I'm working on a large, complex UI that involves many user types. For this screen, there are 4 types of ...
39
votes
15answers
4k views

Slider control when there is no maximum value

I'm trying to design a control where the user can enter a figure that has no maximum value. For example, how many miles that person wants to travel that year. There's a text field there for direct ...
15
votes
8answers
943 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 ...
14
votes
3answers
2k 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?
14
votes
4answers
2k 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? ...
12
votes
6answers
3k 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 ...
7
votes
3answers
1k 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 ...
4
votes
2answers
1k views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a ...
28
votes
2answers
8k 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 ...
23
votes
10answers
6k 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 ...
16
votes
10answers
4k views

Multiple vs single field capture for phone number form input

Working on a form dealing with phone numbers, I've seen two methods to capture user input . In past practices example 2 (image below) has proved effective in controlling phone number lengths on ...
15
votes
6answers
985 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 ...
15
votes
6answers
3k views

Credit Card input format

Somewhere, in one of the Usability books I read ( probably Donald Norman ), there was a suggestion that the normal format for entering credit cards was wrong. The usual format is 16 characters in a ...
15
votes
4answers
3k views

Does the average user understand the standard HTML multiple select box?

If I want the user to select one or more items the HTML symantecally correct form element would be <select multiple>. So the code would be: <select multiple id="sel"> ...
13
votes
4answers
7k 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 ...
9
votes
3answers
2k 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 ...
9
votes
6answers
3k 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
4answers
389 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. ...
4
votes
4answers
2k views

Single checkbox or yes/no radio button

For the form items below, which interface control is the best option? A single checkbox or yes/no radio button? Read EWLS advice letter? Checked images / report on PACS / CRIS? Pacemaker? Unable to ...
23
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 ...
22
votes
5answers
668 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 ...
19
votes
12answers
1k 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
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 ...
17
votes
7answers
1k views

Should a search button go on the left or the right of the search box

When considering eye-tracking and the cognitive processes of identifying what an interface element is for, is it better for the button that activates the (often unlabelled) search operation to be on ...
14
votes
7answers
1k views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...
11
votes
7answers
2k views

Should Forms Auto Submit (Auto Advance) When Questions Are Correctly Filled In?

Here's my form. Now, I'm curious if I could remove the 'Continue' button and just have the form move to the next stage when someone correctly fills everything in. This is a bit different than When ...
7
votes
2answers
450 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 ...
7
votes
1answer
4k 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 ...
5
votes
1answer
339 views

Placeholder : field label or sample data?

I am designing a generic form. Every input has a label positioned right above it. My question is about using input fields placeholder : Should they be a reminder of the label (Ex : Label : Username ...