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
1answer
70 views

Auto focusing erroneous form input fields

I'm auto focusing the first input field of my Sign up and Log in form before the page is displayed, but I'm not sure what to do as far as auto focusing erroneous fields after validation. I have a ...
0
votes
1answer
83 views

Responsive Design / Is it a good UX for a multi-step form?

I've got a responsive web app that displays a multi-step. There are 4 steps: What?, Where?, When?, With?, that are indicated on each step to let user know the progress. For instance, here's what it ...
0
votes
1answer
20 views

Tab sequence in dynamic forms

This question is about usable tab sequences in dynamic forms. Is it possible to exclude conditional fields from the tab sequence when they are hidden, and include them when they are visible? Assume ...
0
votes
0answers
24 views

Screen flow for adding items to a list in a mobile app?

What is the recommended (optimal) screen flow for adding items to a list in a mobile app? The two options I came up with are: (Shopping Cart Style) Start with a blank form for adding or finding a ...
3
votes
3answers
1k views

Top-down hamburger menu / is it a cool experience regarding my application?

I own an application managing some meetings (conceptual example). Of course, my website is responsive so that it's fully usable on mobile devices. Before showing some screenshots of my navigation ...
4
votes
2answers
99 views

How to show the relationship between two input fields with different units

In an internal retirement site, I am working on improving the flow that employees go through to change their contribution amounts. One challenge is that users can contribute both pre-tax and ...
0
votes
2answers
103 views

How to improve the UX of this filter area?

Let's suppose an application that manage meetings between employees of various companies. A meetings list is shown to any logged employee, and this one may mark himself as a participant if he's ...
1
vote
3answers
88 views

What's the best design to get a number from a small range from user?

I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from ...
1
vote
0answers
57 views

Require input if there are any [duplicate]

My client is registering customer data and wants to make sure that they register their customers e-mail addresses when ever a customer has one. So the input textbox should be required to have valid ...
0
votes
3answers
94 views

ux for multiple forms submit by user

What is the best suggested way to handle the UX for submitting multiple forms by user, The user need to submit forms. Example form here: http://jsbin.com/zogeqebilohi/1/edit. **EDIT : ** ...
1
vote
2answers
135 views

Two toolbars in master-detail view

We're creating a new version of an application that is based on a master-detail view of data. So basically there is a list of records at the top and detail information about selected record at the ...
1
vote
1answer
38 views

Is there a recommended height for text fields on high density mobile screens (retina, etc)?

I can't seem to find any information about whether text field sizes should be at least a certain height on a high density mobile view like retina or high density android devices. I try to make my text ...
0
votes
1answer
65 views

Form with an image upload required

I have a form to add an item. I don't consider the item worthy of showing up in the application until an image is uploaded for it. I can add a 'choose file' selector, but if other validation fails I ...
1
vote
1answer
78 views

How To Point User To Form Control In Help Text HTML/CSS

I'm sure that this has an "answer" somewhere, but I find myself having difficulty articulating what I'm looking for in a search query. Is there a standard text formatting to use when directing user ...
2
votes
1answer
102 views

How to design a dynamic form with fields that are taken from the database?

My team is working on this particular Order Request project that would require a design to support the application form. The fields would be generated based on the database. Here is a static mock up ...
0
votes
1answer
37 views

Datepicker (or other) widget with close “x” button: delete choosen values?

I have a complex search form with some fields to fill out for a search over products. Some of them are fake fields and open widgets (like the jquery UI datepicker widget etc). I tweaked the standard ...
1
vote
1answer
50 views

Criteria selection : use empty for ALL?

We have the following criteria screen. Based on these criteria data are fetched. Empty From/To Date field means that no date criteria will be used, but for the type criteria we have two options : ...
0
votes
2answers
74 views

When registration fails due to server problems, how to preserve entered data? [closed]

Imagine you're a user filling in a registration form on a website. The form has about 20 required fields, so it's not a small form. Because the entire form uses inline validation, you're confident you ...
1
vote
1answer
73 views

Handling bad input in an autocomplete

Due to browser compatibility reasons and some issues with specific forms, in one of the products I'm working on we included a custom control for autocompletion of the Recipient field of an email ...
9
votes
3answers
929 views

Placeholder text vs. disabled text

I currently develop some forms in a desktop application. There is the idea to use placeholder texts in some input fields (edits) as known from HTML forms or touch systems like smartphones. But ...
0
votes
2answers
67 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
1
vote
1answer
61 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
0
votes
1answer
49 views

Payment screens as part of a multi-step form

I am designing a series of multi-step transactional forms which appear in the context of a web page with a progress bar, site header, footer, nav etc. Each form contains a payment step. There are two ...
1
vote
1answer
60 views

Would it be bad to display missing fields before the user clicks submit?

Imagine a form where the user has some required fields, and after scrolling down a way hits the "submit" button. On most forms I've seen, trying to submit with missing required fields will trigger ...
1
vote
2answers
107 views

Which Remember-Me option is the best?

Basically, there seem to be three different behaviours of "Remember Me" authentication: Definite: After a successful login, a user doesn't have to provide their credentials during a time span with a ...
30
votes
5answers
3k views

How to tell a user that a search is being performed when they stop typing

I'm developing a web application and inside this application I have the following form Whenever the user changes the value of the Tax Code field and there is a pause in typing, a database search is ...
1
vote
3answers
131 views

How to reduce complexity of nested form interface?

I have a complex design on my hand which is essentially a wizard. Following mockup should give you a fair idea: download bmml source – Wireframes created with Balsamiq Mockups ...
0
votes
1answer
50 views

how to deal with dynamic long forms going off the screen?

I'm working on a new feature that allows people to share items. To do this i'm overlaying a modal on our site with 10 e-mail address input fields. As you can see, because of the spacing on this ...
0
votes
3answers
160 views

How to better represent this multi selection?

Suppose a web application showing a form where user is expected to specify the friends he wants to share with (conceptual example): User can select either: No friends at all (no sharing) within ...
0
votes
0answers
64 views

Simplifying repetitive form workflow

I am in the midst of creating a new application for some users in a manufacturing environment. They are not new to technology, but not power users by any means. I am concerned about my current idea ...
0
votes
6answers
141 views

“Find” or “Search” to display a list of results

Before displaying a table of results on a page I first require the user to select some options from some dropdowns. I have a button after the dropdowns which when clicked/tapped will work out which ...
2
votes
2answers
105 views

Title Case or Sentence case for dropdown options in web form?

We're adding dropdown boxes (HTML <select>) to several forms to allow users to choose between several options. Should dropdown options be Title Case or Sentence case? In our web application we ...
5
votes
6answers
160 views

Is it better to show questions one-by-one or all at once?

I'm building a quiz system online which features simple text questions, slightly longer-form text questions, multiple choice questions, and fill in the blanks style questions. Each quiz could have up ...
1
vote
2answers
78 views

Multiple forms of the same type in one single screen

I have to re-design (migrate) a Silverlight form into html. The current form looks like this, Old Design The form has a list of Product Types on the scrolling bar in the left. I can select as ...
1
vote
2answers
116 views

Is 'billing address' required for e-commerce checkouts?

Why do we need to input a billing address when purchasing online? Can this step be removed from the checkout process? Is 'shipping address' sufficient? The website only sells to individuals and ...
0
votes
1answer
53 views

Providing similar login experience while logging in with a button and with enter

It regards standard login forms - I mean those which include login/email field and password field and "remember my login" checkbox, which is often forgotten to click although user would be actually ...
2
votes
3answers
141 views

Improving speed of data entry in a single page calculator form

I've been asked to try and improve a one page calculator form. It is used by telesales people to work out what sort of deal they can offer to a customer and how much commission (called LTR) they stand ...
2
votes
3answers
160 views

Why are two forms on one page bad?

I have been requested to put two forms on one page. The page is directed to from a "Pay Bill" link on our home page. The user currently lands on the page and they have a log in form with two inputs, ...
1
vote
2answers
70 views

Including both Stripe Badge and SSL badge for credit card form?

I am currently reading up on credit card form design best practices, and giving visual cues for security seems to be a recurring issue. I use Stripe for credit card processing, and I have not seen ...
2
votes
1answer
101 views

How to design a credit card/payment form for a site filled with non-standard fonts?

Looking over many credit card form design best practices, they stick to very simple/standard fonts and designs. However, these sites use the same fonts throughout the whole site. If my site design ...
5
votes
3answers
198 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
5
votes
3answers
281 views

Omiting label element on self-explanatory form

I have a form that consists of an input box and a button. The button says "Search". For sighted users, it seems that no label element is required for the input box as it is obvious that you enter ...
20
votes
4answers
3k views

How many required fields are too many?

Is there a general number of fields where people will likely be turned off and not even fill things out? When does frustration begin to set in in a long form with a lot of required fields? I ...
2
votes
2answers
116 views

Should we allow special characters or numbers in name field?

I need a generic validation for first and last name field that will be used everywhere. Currently I'm using: /^[A-Za-z]?[A-Za-z ]*$/
1
vote
2answers
109 views

Presentation of long form in iOS

We're designing a very long form in an iOS app. Our first conclusion is that the form must be split into multiple pages, since follow-up questions depend on previous answers (see here: Long pages vs ...
0
votes
4answers
91 views

Pattern to show related fields with Boolean value

I am working on an application which show the employee's personal detail in a read only format. The form contains some fields which contains closely related fields where the answers are generally Yes ...
0
votes
1answer
48 views

Which component should I use to select user's friends in order to notify them?

I'm building a responsive webapp (mostly in Javascript/AngularJs). I would like to build a form component easy to use whatever the device is (website desktop or mobile). The use case is to expect the ...
1
vote
1answer
117 views

Is the ELMER form design guidelines still current? Any other good government guidelines out there?

I came across the ELMER form design guidelines published by the Norwegian Ministry of Trade and Industry, which gives a pretty comprehensive and reasonably well documented set of guidelines for the ...
0
votes
1answer
50 views

Multiple page forms

What is the effect of using a multiple page form; as compared with a single page form with a lengthy content? What is most important in making the right choice of form format for tech-savvy users ...
3
votes
4answers
291 views

How to make HTML5 number input field more user friendly?

I am upgrading my website to adopt HTML5 standard. I have a field that only accepts integers from 0-99. Originally it has the following code: <input name='age' type='text' size=2 maxlength=2> ...