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
82 views

After updating form should redirect back to form itself or to the show page or back to the list?

I am developing an app that consists of the CRUD operations. Lets say I want to create, read, update and delete clients. I have a page that lists all of the clients, page that shows a particular ...
0
votes
2answers
78 views

How best to let a user specify a subsets of a series of really long lists of long titles?

I'm writing a special-purpose CMS. It focuses on brief, rich text content as nodes in a large network of densely interrelated information. There are many different kinds of relationships, like ...
1
vote
3answers
167 views

Help bubble next to a radio button

I have a label as a heading. Underneath that I have a list of radio buttons. Each radio button needs to have a help bubble. When you click on it, it will explain what the product is about. LOREM ...
1
vote
1answer
132 views

Research/Data on mobile interactions vs. desktop forms?

I'm trying to find some usability studies or even anecdotal commentary on the difference in user preferences of interacting with a select list UI on the desktop vs. mobile. Traditionally, on the ...
3
votes
3answers
240 views

Where to place call to action on the iOS mobile form?

I've simple password change form. I'm wondering where to place call to action buttons. 1 option: big blue call to action is placed under the text fields focus on the first text field - we display ...
1
vote
3answers
203 views

Dealing with a large registration form

I'm in the the process of creating a registration form for a company where (quite a lot!) of information is required from the user, but I want to make it as painless as possible, while still being ...
3
votes
2answers
217 views

How to deal with extra space

I'm developing a web application that already use a responsive design(bootstrap) and play well within any small resolution. But that's common that nowadays desktop screens go up to 1920px wide, and ...
2
votes
3answers
86 views

Do password fields on registration forms need to be masked?

Your typical registration page for a web site will ask you for a password, then ask you to confirm to make sure you typed it correctly. In doing so, they typically mask the two fields: Create ...
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 ...
1
vote
1answer
127 views

Persistent form text on refresh and back navigation

Currently on common HTML forms, all the fields are cleared when you refresh the page or navigate away and back to it. Would it be good or bad UX to store values in cookies as you type and restore them ...
0
votes
3answers
62 views

Is there any reason to have a 'cancel' action on a multipage proposal form that will often be done in multiple sessions?

I am working on a multi-page form for creating a higher education course. The likely use cases would be a reasonably long one-session creation, or a multi-session creation. We are currently showing a ...
0
votes
3answers
144 views

Good text for sign-up button for free app/service?

What's a good text to put on a sign-up button for a completely free app/service? Once the user presses the button, they will be asked to fill out a signup form. The button is the only place that ...
0
votes
2answers
62 views

A good way of a user inputting a distributed allocation to several items

In my case I'm using currencies but this could apply to many situations. In my webapp a user is asked to define a currency distribution that (ideally) adds up to 100%. I present the currencies and ...
0
votes
1answer
306 views

Layout of filters in HTML form

I'm struggling to figure out a decent way of laying out a filtering system in an otherwise simple HTML form. For context, the form is used to submit issues, like those you see on an ISP or web host's ...
2
votes
2answers
301 views

Multiselect with Checkbox Strafing

Background A number of problems exist with multiselect list boxes: Existing Solutions Some solutions suggest combining checkboxes, such as: Problem Nearly every (jQuery) implementation I've ...
3
votes
3answers
200 views

How to present a usable checklist with 100+ items plus descriptions to a user?

My school has a form students complete before attending where they can check off what clubs they may be interested in. (There are over 100 possible clubs so it is a rather large form). The current set ...
18
votes
8answers
1k views

Where to put an “add a new item” option

If user doesn't find an item from the list, they should add it using “add a new item” option. Are there any patterns, guides or best practices showing where to put an “add a new item” option?
0
votes
2answers
176 views

Are there any guidelines for having space between the form elements (fields)?

Are there any guidelines for having space between the form elements (fields)?
1
vote
2answers
246 views

Tab index of pages

I am creating a website with lots of form fields and was don't know where things should sit regarding the tab index of the page. As you would expect, the log in fields at the top of the page have a ...
2
votes
2answers
210 views

Changing label of HTML checkbox based on its state

Consider these HTML checkboxes: A member of our design team has proposed that we change the functionality of our checkboxes from yes-no questions to descriptive phrases. For example, as you see in ...
2
votes
4answers
192 views

Hide or disable an Advanced button?

Assuming I have a form with a drop-down list and an "Advanced" button. The last button should be enabled only if certain options are selected in the drop-down list. Now I'm wondering whether to ...
1
vote
1answer
68 views

Validations across multipage form

I have a quite complicated, multi-page form within my ruby on rails application (built with wicked gem). My model have two fields which are being validated against each other - date_of_birth and ...
2
votes
2answers
163 views

Should form fields flow top to bottom or left to right/right to left?

I'm currently designing a small form for a user create experience inside an app. I'm wondering if it makes sense to have the last name field shown to the right of the first name OR down below the ...
1
vote
1answer
244 views

Google places autocomplete with multiple(2) submit buttons

I'll try to make it short, as the problem is simple but long to explain: I'm using google autocomplete on a location search input. It's on the site's header so it should be quick and comfortable to ...
4
votes
1answer
121 views

What is the proper way to provide social media authentication: in login or register form?

We provided standard login/registration forms for providing email and password, but I'd also like to allow user use my website after oAuth authentication. Should they be able to register or login via ...
0
votes
2answers
115 views

Best Pattern for Creating Plans

In my web app I allow users to create payment plans for their subscribers. I currently only support one option: a monthly charge. I am working on adding multiple options, including one-time payments. ...
0
votes
1answer
98 views

Does “Enter” key action is required for web form submission? [duplicate]

working on web form with 5 fields, once i fill all the fields, i usually clicks the submit button. Is necessary to give similar action to "Enter" key for submission?
1
vote
3answers
102 views

Best way to present a quick access option in a login form

I'm building a web app that will require users to do some small data entry. By default, when a user logs in, they are taken to their dashboard to see the status of their account. From here they can ...
1
vote
1answer
132 views

Optional question with one selection from multiple options

I have a form where I have many questions that: Can be left unanswered Have short list of options that should be all visible Only one of the options can be selected at a time The current solution ...
0
votes
2answers
131 views

Helptext area vs Help “Tool Tip” icons on click

In our applications, the users are going through plenty of screens filling out form fields and selecting various options from dropdowns, radio buttons, etc. Because of this, we currently house one ...
4
votes
1answer
350 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 ...
1
vote
1answer
202 views

Best way to integrate validation errors and hints into web form

I'm creating a web form and have followed the best practices laid out here and on other UX sites so far. The one decision I still have to make is regarding the display of error messages and input ...
2
votes
2answers
64 views

Should I trigger an 'unsaved data' dialog on the cancel link?

Here's a question for the group. We are setting up our dirty fields checks for a multi-page form. We are setting it to be triggered when the user tries to navigate away, close tab, etc. One case that ...
5
votes
3answers
476 views

Tests on more “human-ish” forms

Is there any usability test about using the following style of forms? It would be displayed after the user clicks on "register". Welcome, [full name]________ To save your progress, you will need to ...
1
vote
1answer
76 views

Different alignment for elements of two groupBox in a form

I'm trying to design a settings form for a Desktop Application. There is two groupBoxes in the form. Each groupBox may contains some elements(TextBox, ComboBox , ...). Is it force for good design to ...
4
votes
1answer
133 views

Should we fake succesful form submit, display result and then revert if some conditions are not met?

Like on Stack exchange, when you try to vote up your question, it appears like you successfully voted, count goes up and vote up button highlights, but then when form actually completes submitting ...
0
votes
2answers
130 views

Best practice in a fullform page

I've have a page with iss full form. What is the best practice to do this? In the moment title is align to the top menu, with inputs textwith full widht of the page, and selectswith 50% centralized. ...
2
votes
2answers
83 views

Using gradual engagement for collecting reviews

For a product site, I am preparing a pattern to review products. To prevent spam (and due to legal requirements) we need the reviews to be confirmed by users. In my example, I would like to use email ...
21
votes
3answers
1k views

What is a user friendly way of preventing users re-submitting / editing a form while it is submitting?

What is the most user friendly way to block user input to form while form is submitting that can be reused i.e. so I don't have to implement it for each form? For forms with only buttons (I have ...
3
votes
3answers
141 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, ...
0
votes
2answers
225 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

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. ...
0
votes
0answers
75 views

Supporting International Billing Addresses, when they are a small % of user base

Our site is expanding internationally. During our checkout process, we ask customers to give us billing information such as Address, City, State, & Zip Code. This is used both for fraud prevention ...
1
vote
3answers
180 views

Sign In / Registration form

I've seen this topic : Combining Sign in and Registration form It gives me some answers, but let me show you the issue we're encountering. We are doing a small app, and we want users to be able to ...
3
votes
2answers
122 views

Should a check box field be disabled or removed from an interface if is it not going to be used? [duplicate]

I have a web page set up wizard that guides a user through several steps to create an object. One of the steps in the wizard requires the users to pick via check boxes a property to their object. ...
1
vote
4answers
284 views

How to show forms on One page websites

Our earlier website was an old school design with window size fixed pages with a lot of unnecessary content. We shifted to a one page website. We aim at acquiring leads for business through the site. ...
1
vote
1answer
86 views

How to make entering of these data in a ternary relationship more user friendly?

We have a very complex form describing a genetically modified lab animal. One animal can have multiple mutations. A genetically engineered mutation occurs when a researcher inserts a foreign gene ...
6
votes
1answer
155 views

When designing a form, should I favor consistency over optimal usability for each input?

I was reading this question and this thought occurred to me: When I am designing medium or longer length forms in a web interface I often favor consistency in choosing the input mediums for the ...
3
votes
2answers
1k views

What is the best way to hide a Honeypot Captcha?

I was looking for alternatives to the use of captcha due to its annoyance to users especially because they're getting more and more difficult to solve for us, the humans. So I found out that a ...
1
vote
2answers
231 views

Best placement for validation-summary in a form

I'm designing several forms for a web application. Non-validating fields are marked red, and we show the messages in a validation summary. We wonder: what would be the best placement for the ...
10
votes
2answers
313 views

Likert scale radio buttons: default choice?

We are making a simple Likert scale radio group for feedback and will group it as follows: Please rate the service you received: Very poor Poor Average Good Very good ...