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
0answers
3 views

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

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
127 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 ...
4
votes
3answers
65 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 ...
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
94 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 ...
42
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
139 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
51 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
752 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
360 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
160 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
152 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
35 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
54 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
348 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
925 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
23 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
80 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 ...
0
votes
0answers
24 views

How to simplify the chain of adding a new event on our site? [closed]

We have a problem on our event management service: Until now users were being registered as a offline companies, providing offline events with certain address (or addresses if we talk about school ...
1
vote
1answer
33 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
906 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
118 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
223 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
142 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
209 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
63 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
625 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 ...
1
vote
2answers
588 views

Scheduler Design with Slots

I am trying to create a UI design for recurring events. Example: John, cuts hair on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do it ...
3
votes
2answers
139 views

Mobile Web: Remember Me Checkbox?

For many desktop sites, the Remember Me checkbox is a very useful and important part of signing into a site. And, it is unchecked by default (there is a lot about this on several UX-based sites). On ...
1
vote
4answers
644 views

What are some ways to manage more data on single page without scrolling?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
1
vote
1answer
72 views

Create new record and add (lengthy) details in one step? (Accordion Forms)

I was hoping to solve this data entry problem with an accordion form, but now I'm not so sure if this is the right way to do it. I am concerned that information might get lost if I place the save ...
2
votes
1answer
57 views

Mobile proof input control for long list of options with a lot of text

I'm letting users choose one option from a set of choices. My data set is much like a list of countries: many options (about 50 - 200) the user will know what options are there because of the ...
3
votes
1answer
41 views

Persisting form field error messages in a fixed header

I'm currently redesigning an onboarding flow and i've come to this question with an engineer about designing an error message form field box that persists in our fixed header. This would of course ...
1
vote
3answers
74 views

Social sign up or a short field?

hi, I have a very simple form to get users signed up. My MD (not the brand stakeholder) wants to use social sign-in as he thinks it's easier. I feel that because this is a small form, users are ...
1
vote
3answers
271 views

Using mixed radio and checkbox buttons - is there any efficiency or usability gain in the design?

I have noticed that many online forms and surveys these days are starting to use a mixture of radio and checkbox buttons for the same question, that is, for a question that gives the person a number ...
8
votes
3answers
121 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 ...
7
votes
6answers
5k views

International Phone Number Field Layout and Design.

I have a form that asks for the customer's phone number number. The customer's are international and not limited to the U.S. and Canada. Does anyone have any best practices on how to layout (and ...
6
votes
1answer
871 views

How to design a progress tracker for a mobile environment?

I currently have a web form that is designed for full screen desktop/laptop/tablet displays. As it is a multi-step form, there is a progress progress tracker at the top of the page, highly designed ...
2
votes
2answers
105 views

Need better terminology for 'Save Form' and 'Submit Form' [closed]

It is a Registration page for a Hackathon event. Please have a look at the wireframe below. Team leads can register there team and save the form before the final submission. The "Save changes" button ...
2
votes
1answer
24 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 ...
1
vote
1answer
187 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 ...
0
votes
2answers
71 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 ...