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)

0
votes
2answers
19 views

Integrate lookup and edit functionality

I've looked at a few of the other similar questions, but I don't think they are the same kind of problem. I am trying to design to link a person to an item. The page supports free text entry for the ...
2
votes
2answers
113 views

I'm seeing a new instant email-validation tool on registration forms — is it new? And what is it? [on hold]

I've started to see something in the last few months that I don't remember having seen before and want to know just what it is and how it works. When I'm required to register for some BS site (but ...
1
vote
2answers
66 views

Required field asterisk color

In common practice we put an asterisk to signify a field as required. The color of the asterisk should always be red, or we can use any other color ? How to show it effectively, when all buttons ...
0
votes
0answers
33 views

How to handle complex preferences form [on hold]

I'm working on a new feature for an application. The results of a form determine the user preferences which are used to match product buyers with potential brands. For each metric, the buyer can say ...
2
votes
1answer
29 views

Postscript/note/additional info in a form

In most ordinary forms, there is some addition information or notes that the form owner want to tell users. For example, * Required / Staff only I have seen different sets of symbol used in ...
8
votes
4answers
155 views

Canadian Postal Code Input field

The Canadian postal codes is formed from 6 letters and 6 numbers, interposed. Example: M1K 3H7 The Canadian postal code is quite tricky for a user to enter into an input form field, especially on ...
1
vote
1answer
196 views

Displaying custom vs default settings

In many interfaces, there is a set of default settings and then a need for the user to be able to override those with custom settings. Do you have any examples of how to handle this well in an ...
1
vote
1answer
70 views

Single page app - user abandons form

I am developing an AngulrJs single page app with a permanent set of buttons for navigation. Among other things, the user can add some data or edit existing data. What should I do if he pushes a ...
0
votes
3answers
72 views

Input Numbers on Mobile

Some context first. I'm working on a mobile application for law enforcement agencies to track suspects in a real-time manner. When launching a track session, users need to specify how often the ...
0
votes
2answers
94 views

Any good suggestions to alert / remind user to save after editing field on a web page?

I have an asp.net-mvc site and a page that has a large number of editable fields table rows, etc that all can be edited. Because the page is quite long the save button often is not visible on the ...
3
votes
1answer
163 views

Forms? One question at a time or the whole form on one page?

I am trying to create a command line interface for my website, I need to decide whether I should ask user to enter his details in a command line (Which makes it one field at a time) or should I pop up ...
1
vote
2answers
187 views

Single-Field Credit Card Payment. Experience or Published Data?

I'm currently attempting to employ the single-form credit card input solution similar to the one on Brad Frost's website (link below) but I'm facing some reluctance from others on this project due to ...
0
votes
3answers
142 views

Different design patterns for the same action within the same app

I'm working on a large website editor application, and in order to achieve the "best" initial designs I have slightly different versions of UI patterns according to the context in which they're being ...
0
votes
1answer
257 views

Should I remove the site header and footer from a sign-up page?

I've been reading this usability book and it says that the sign up page must be as free of noise as possible and some websites seem to be doing similar things (Last.fm for example). Is the header and ...
1
vote
2answers
52 views

How to show disabled textfields on a form?

I have an HTML form with some textfields and datetime fields. Some elements should be shown readonly for a user group. Unfortunately, site's base color is gray so I could not use that color for the ...
2
votes
0answers
42 views

Best way to ask the user how much something costed approximately?

TL; DR; version: Users are given the possibility to write stories about certain activities they took part in. The price of these activities can vary, so it would be a good idea to give them the option ...
4
votes
5answers
124 views

Is it best to add or remove functionality when using checkboxes?

Suppose there's a system where the user can make a blog post. This user can choose to allow or disable comments to their posts. He's going to make this choice for every post he creates. Now, the ...
1
vote
0answers
24 views

What's the effect of color on responses to a Likert scale? [migrated]

We're implementing comment cards on our site that contain a simple Likert-type scale that uses colored buttons (red, orange, yellow, light green, green), to denote the range of negative to positive ...
3
votes
2answers
138 views

Keyboard navigation through form with multiple tabs

To avoid any confusion, I am not talking about the tab key, I am talking about a form with tabs at the top that can be selected by clicking the tab or by pressing Ctrl+PageUp/Down. The latter is not ...
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 ...
0
votes
1answer
108 views

Customers with multiple locations

We've been creating an admin portal; the user of the portal would only be the staff at the company as this will be an internal tool. The issue we've run into is that we have conflicting opinions on ...
44
votes
10answers
6k views

How can I make it extremely clear that the user needs to take one last action?

I am developing a new checkout wizard for my company's website, and I've added a "confirm your selections" panel as the last step in the wizard: From my perspective as the designer, I feel that I ...
4
votes
4answers
155 views

Is required validation possible on a switch/toggle control?

Scenario I want to make sure a user has made a selection on a switch input. On page load it is either on (1 - in image) or off (2 - in image) depending on what state it is set to in the code. ...
1
vote
2answers
116 views

With 2 types of users: should I provide 2 separate forms or use the same one for both?

I am working on a platform with 2 type of users, transporters and those sending their goods. Our biggest concern is the user experience, reason why everyone is opting for what we call "one profile". ...
1
vote
1answer
53 views

Is it problematic to have dropdown selector options expand above the field instead of below?

I'm designing a product-based website, and I have a dropdown selector at the bottom of one of the pages near the footer. When I went to review development, I noticed that the way the dropdown selector ...
4
votes
2answers
757 views

Inputs for difficult form

we have difficult form in our application. There are inputs for start date, end date, full name, phone and e-mail adress and section for count of persons on rooms (adult/child...). The basic ...
1
vote
3answers
367 views

Best way to display a long form with many dynamic questions

So I need to make a form with about 10 different inputs in it. Normally, I would put this on a single page and have the user scroll down. This seems like the easiest way to do it most of the time. But ...
1
vote
4answers
161 views

Auto-saving when editing a form?

In this scenario, I have a user returning to form and pressing an edit button, then the form is editable a modal window. Should the user have to hit the save button? Any downside to auto-saving after ...
3
votes
1answer
150 views

What are the most common mistakes people make when entering their e-mails in a form?

I want to write some quite specific error messages for an e-mail form field in order for people to find out what they did wrong more quickly. – What are the most common mistakes people make when ...
4
votes
2answers
160 views

Enormous and unwieldy Windows Form

I have this ugly interface in WinForms that is both character-limited and slow. The basic idea is that it needs to be a dynamically sizeable 2D array. Each position in the array can be set ...
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 ...
0
votes
1answer
37 views

What's the best way to present NPS survey questions to users on phones?

NPS surveys generally take the format of: The touch area of each selection seems to be pretty tight when I put my mockup on a phone... Is there a better design pattern that I could be using here ...
2
votes
1answer
57 views

What is the best way to label placeholder call-to-actions?

I'm creating a search input where the user can search for: restaurants, dishes, and cuisines. I was wondering when it comes to placeholder text what is the most proper way to label this ...
2
votes
6answers
356 views

When is redirecting to a “Success” page necessary?

When is it necessary to redirect a user to another page after submitting a form versus just being on the same page but with a "success" message on top? Is this appropriate for small forms like ...
4
votes
4answers
932 views

Popup vs page for contact form

I am working on simple web app site and we have "Contact sales" screen, where we have only a phone number and a small form (~5 fields). Does it make sense to use a popup for that screen instead of a ...
1
vote
0answers
24 views

Daily- weekly-hourly temperature planner [closed]

i'm working on a project where i need to assign different temperature settings for times of the day. There are 4 options that i can assign to an hour. they need to have different colors on the ...
1
vote
2answers
84 views

Providing a user with the option of a drop down or a custom entry textbox on a web form?

On a web form I'm currently working on there are several places where there is a drop down of common entries, and a text-box below which a user can enter a custom entry type. I'm at a loss as to how ...
1
vote
1answer
34 views

Do I still need to keep my “Submit” or “Search” button? [duplicate]

Many sites now provide a search bar without the buttons, and everyone (?) understands that you press enter afterwards anyway. Is it beneficial to keep the Search button for this case? Do I gain or ...
3
votes
3answers
922 views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application (WPF) that has many textboxes contained in a dialog that need to be ...
-2
votes
0answers
29 views

Can my aria-describedby be placed before the input element? [migrated]

I have a form with aria-describedby attributes on the input alements, followed by a span tag with a description/example of the desired input. It also has class to only display for screenreaders ...
1
vote
2answers
76 views

Should I limit inputable characters in an internationalized multiplatform app?

Suppose I am releasing a mobile app and website and make it available to English-speaking and non-English speaking users. We already support UTF8 encoding throughout our technical stack. However, is ...
3
votes
2answers
1k views

One column logistration form OR two columns?

Don't look at me like that, I actually like the way to call both login and registration forms together a logistration form, well it's convenient. I've designed a logistration form, but the problem is ...
4
votes
1answer
121 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 ...
3
votes
1answer
224 views

Pop ups VS Collapse blocks for adding new info

when i want to add a new field for an existing entity, to add a new field it is required to submit a 3 fields form. is it better to open the form in a pop up and disable the background or is it also ...
1
vote
1answer
127 views

Reason behind placement of email opt in/TOC's at bottom of form?

Looking for any data on placement of email opt in's & TOC's within user registration forms. Common placement is prior to the form action: I believe the main reasoning to be that interrupting ...
1
vote
2answers
143 views

How to design a threshold input?

So I've got this fun little component I'm trying to put together. In this application users can set up a quality range which will be used to categorize objects based on where they fall on that range. ...
7
votes
3answers
218 views

“Floating labels” vs “Fixed small labels” on the the web?

On devices with small screens floating labels can improve readability, since the size of the placeholder's text tends to be considerably bigger than the one in the small labels and the latter just ...
1
vote
2answers
64 views

Redundant : enter user id again for forgot password

Many a times, I use forgot password link after trying a password that I think is correct but doesn't work. In other words I have already provided my userid/email address. Since the password is ...
4
votes
3answers
215 views

Should dropdown background color be same as other (text) inputs on a form?

Today I noticed one really annoying thing in a new layout from a designer. In the new design, all dropdowns had much darker background than other text inputs. For one, the contrast was quite poor, ...
5
votes
7answers
627 views

How to enhance bilingual - auto suggest search box?

Our users need to submit a form for submitting a request. Form is available in multiple languages. This form has text box ( the most important field, works as a auto suggest search box). We used to ...