Tagged Questions

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)

1
vote
3answers
106 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
122 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
225 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
65 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
79 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
96 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
149 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
63 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
57 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
84 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
164 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 ...
11
votes
3answers
974 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
81 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
75 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
62 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
130 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
130 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 ...
31
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
173 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
62 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
184 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
82 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
151 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
189 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
169 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
96 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
157 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
66 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
157 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 ...
3
votes
4answers
265 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
127 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
157 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
237 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
287 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 ...
21
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
233 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
172 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
98 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
51 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
121 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
54 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
409 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> ...
2
votes
5answers
152 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
0
votes
4answers
156 views

How to indicate primary vs secondary placeholder text in madlibs style form?

I've got a somewhat irregular case: I need a user to fill in two values in a placeholder text. On the screen, there are a total of 4 placeholder texts. two of them are required, two of them are not. ...
1
vote
2answers
362 views

What's the name of this pattern (submitting an entry which gets added to a table)?

In this example the user would enter an item number and add it to the list: Does this particular pattern has a name?
2
votes
1answer
118 views

Layout options for Fast Item Entry

I'm redesigning a parts order entry system that is intended to make order entry simple and fast. Users often add 40-50 parts per order. For various reasons (client resistance, deadline, complex ...
0
votes
2answers
62 views

User can specify a directory for an auto-generated filename or specify an explicit filename

Software function Allow the administrator of a piece of hardware to download the server configuration and store it in a data file for backup / migration purposes. The interface is currently setup as ...
0
votes
1answer
60 views

Wrap input text?

What is the best practice for whether or not to wrap input text if a user enters too much text to fit? It seems to me having the text wrap would be best but this isn't the default browser behavior. ...
1
vote
1answer
99 views

Reverse and optimize the sign up process for double opt-in

The perceived majority of websites have a quite similar approach to double opt-in signups: all information required to sign up is required before sending a confirmation e-mail. The confirmation e-mail ...