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)

4
votes
1answer
411 views

Submit button of form in material design

There is no description for submit buttons in material design. The most closest by meaning are floating action buttons. The buttons are located in top part of screen, but I don't see any sense in this ...
4
votes
2answers
89 views

Keyboard Dismissal On Non-Interaction of Input Field

We're having a debate at the office. One of my developers is adamant in having the keyboard dismiss when there is any interaction with anything on screen that is not an input field. In other words ...
1
vote
2answers
91 views

Is use of disabled option on select a good approach for showing existing invalid value?

Sample scenario to illustrate the type of problem I'm trying to solve: Online store has orders and in the order it refers to a product. Users can edit existing unsubmitted orders and one of the ...
0
votes
0answers
24 views

Disabling main call to action on signup form [duplicate]

I am working on a sign up form that contains 5 fields - I am sorry, it's too much but those are the business requirements.. I though a good option to keep an optimal UX is to display errors as the ...
5
votes
2answers
214 views

Form validation - When should error messages be triggered?

I'm working on a registration form with real-time inline validation. I'm wondering when we should trigger error messages: before, when the field is in focus and until the user has entered a valid ...
1
vote
3answers
167 views

Single user registration vs multiple users registration form

I'm working on a registration process and have wireframed a single user registration process (see below my wireframes). We want to promote our product and encourage users to invite others. In a first ...
2
votes
1answer
53 views

Adding multiple products to an enquiry and the submitting once [closed]

I am working on a website that has 200 products. It is NOT an e-commerce site so the user cannot purchase the products on the site. The idea that I am exploring is that the user can add multiple ...
2
votes
1answer
100 views

Should you autofill a textbox if there's only one possibility? What about a minimum?

We have a UI to allocate resource: In the UI, users must check a box to enable the textbox. They can then enter any integer between 1 and the amount remaining. If the box is checked, the user must ...
1
vote
2answers
180 views

What is best practice for driving users to a web form?

Our website's #1 goal is getting people to fill out a form. What is the best practice to achieve that type of conversion? Popup that links to form page Popup that asks for basic info and then sends ...
3
votes
3answers
133 views

Progressive Disclosure on Credit Card Form

I'm toying with the idea of completely hiding the submit button on a credit card form until the user enters valid card info (checksummed number, expiration date, security code). As soon as invalid ...
0
votes
1answer
48 views

Is it advisable to have a countdown for a limited free account in a register form?

This is a register form, it offers free account for the first 50 users, I wonder if it's good or common to put an account countdown for it.
0
votes
1answer
66 views

Arranging a tall narrow rectangle with a short wide one

One of the hardest UI things I tend to encounter is fitting a tall narrow rectangle with a short wide one. (In my current situation each rectangle is a sheet of controls.) It seems to be impossible to ...
1
vote
1answer
121 views

One interface for adding users to groups and groups to users

So I'm struggling with coming up with a way to do this. Basically, right now, there are two interfaces: One allows you to create and manage groups, and the other allows you to create and manage users. ...
1
vote
2answers
179 views

Guiding the user through a multi-step form

We are building a kind of wizard driven by rules which will assist the user to complete a number of stages each consisting of a set of steps - I asked a question about this earlier on a different ...
2
votes
1answer
220 views

Show submit button only after the form has been validated?

I'm building a store-like site and users can publish their own ads and I was wondering if not showing the submit button until the form has been completeley validated is a good idea, for example if the ...
2
votes
2answers
78 views

what is the best way to show required fields for different actions on the same page?

I have a page to create orders on which the users can take any one of two actions - send to design and send for invoicing. Different groups of users take these actions in different order. The fields ...
2
votes
2answers
94 views

Save/cancel or automatically save on long settings page. Especially on email notifications settings.

Sometimes on long list one might miss the buttons after clicking edit or opening an accordion to see more details and then make changes. There's a dilemma what to do on long profile settings. The ...
3
votes
5answers
306 views

Should icons be used to represent “name” and “surname” in a form?

Maybe I'm wrong, but it seems to me that the use of icons inside form fields is becoming very popular, especially in signup and login forms: Now, for email and password fields, I can see that the ...
0
votes
2answers
69 views

Account creation with other important part. 2 or 1 form?

I believe the most important part of a whole app is the account creation process. This is what will convert your potential user to customer. My project, which is an email marketing service, asks for ...
1
vote
3answers
171 views

Shouldn't the “Remember Me” option be before the inputs?

When I'm logging into a website, I ALWAYS forget to tick the "Remember Me" checkbox. While the system is logging me in, I always want to go back and tick that, but by the time I'm being redirected to ...
0
votes
1answer
112 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 ...
70
votes
12answers
7k views

Should form 'Continue' button be disabled if validation is incomplete?

In forms we often see the 'continue' button inactive until all the required fields are complete: download bmml source – Wireframes created with Balsamiq Mockups Is this actually a help ...
2
votes
1answer
55 views

Some ajax vs full ajax and user feedback

I'm sorry if this is a duplicate, but I have yet to find a solution for this specific scenario. We have a Rails application where most forms use a regular form submission. However, we also have ...
3
votes
1answer
70 views

Layout options for document review, form data entry on web application. Monitor(s) resolution not known

We have a need to allow the users to open a document from the web application and enter data from the document to web forms. We don't know the monitor setup for the users (dual vs single / monitor ...
3
votes
2answers
145 views

Should I verify e-mail format in login form?

My B2B web app's login form has an email and password field. So far, I'm only checking if the fields are empty. I then make my authentication request, if there's a problem I return only one kind of ...
1
vote
2answers
124 views

Best way to register and login within the same form

I have an app in which users add items to a database that is synced across all devices. I need users to login in order to attach an author to each item and to record how many "points" each user has ...
3
votes
2answers
238 views

Is it true that people expect tooltips in 'old looking' systems but not in 'new looking' systems?

My hypothesis is that if you have old plain HTML forms, users are more likely to hover over elements and read tooltip texts giving more details about them. But if you style the forms to look ...
3
votes
4answers
90 views

Where in the registration wizard to select the type of user?

Currently I deal with registration for an educational web site. I came across a problem with registration. The web site has different sections for five different audiences: candidates - students - ...
10
votes
5answers
479 views

What is the best way to show conditional fields?

We are creating a desktop app where (business) users can enter contracts. The issue is that the contract form contains a very large number of fields, with some of them being conditional. An example ...
1
vote
3answers
202 views

Best practice for inputting a date on a mobile device

Of a few options, I'm wondering what the most user friendly way to have a "date of birth" selector on a website viewed on a mobile device. Nearly all users would be from about '85 on, but could ...
1
vote
0answers
427 views

Does material design form fields provide good UX? [closed]

We recently changed our website design to use Google's Material Design. Quite a good number of long time clients had problems with the new forms layout. Problems identified by us; Presented with a ...
14
votes
2answers
2k views

Which is the better UX for a user to see their password at the login screen?

These are the two options I'm considering. Having a tickbox for a 'show password' option, which would let the user see their password. A 'caps lock' icon would be in the password text area which ...
1
vote
1answer
98 views

Saved Search vs Ad Hoc Filters

I'm looking for a way to allow the user to perform a search quickly & easily, most of the time using saved searches with relative dates. Frequently the user will want to perform ad-hoc searches ...
2
votes
1answer
144 views

Simple POST Form for car insurance agency

I'm trying to figure out what is the best way to add data for a simple backend for a car insurance agency. I have three tables: clients, cars and insurance. Clients can have multiple cars. Each car ...
0
votes
2answers
83 views

What is the philosophy in terms of UX to keep all of these buttons in the header above all other sections?

I have been experiencing with few admin interfaces until I saw Shopify's admin interface. I noticed that there are two kinds of buttons, in my opinion, there are "call to action" buttons like Add a ...
1
vote
2answers
199 views

Loading message

I have page that contains a list of tenants that are currently active. To add a new one, there is a link to a full page form that adds the new client to the list of active tenants. This operation ...
1
vote
1answer
94 views

Where is the best placement of the form to see a results?

I am creating this form with the results to be shown, not really sure though if it is exact way to put at the right side.
1
vote
3answers
155 views

How display multiple date fields inside a form?

I am developing a web application for a soccer Association. One requirement is the possibility to enter and modify registration periods, that is the time ranges (2 per year) where the association can ...
3
votes
5answers
252 views

Any downsides of preferring wildcards *, ? over %, _?

In my database application I'm intending to give the users simple glob pattern search possibility besides standard search of text literal. (Let's not mention other search options to keep this question ...
0
votes
1answer
131 views

Edit and Add sections on the same page [closed]

I am trying up to come up with a good solution to add items and options on the same page. This will be done via Ajax and jQuery. This development is for the Admin back-end system. The reason I am ...
2
votes
3answers
212 views

Accordion registration form - Should the user be able to go back to the previous step?

I'm working on a step by step registration form. We are exploring an accordion style approach at the moment. (Below are my wireframes.) Because we are using inline validation, the user cannot go to ...
2
votes
1answer
105 views

Newsletter lightbox one page load

I have a client that wants to have a newsletter sign-up light box when the page loads. I'm not sure what the best practice on this? I know that having a newsletter lightbox on the site in delayed ...
1
vote
1answer
227 views

Is a wizard the best design pattern for this problem?

So my web app lets users charge monthly subscriptions for email newsletters. In my next update, I am completely retooling the user experience and need some advice. Users can create multiple plans for ...
2
votes
3answers
82 views

Searching in whole site or subsection

We have a search form in a sidebar that currently looks like this: Now, we'd like to add an option to this to let the user choose whether he wants to search the entire site, or only the section ...
2
votes
1answer
78 views

Order of keyboard tab navigation within a form with help links

Situation: I am supporting some old web forms and each input box has an icon next to it that opens up a description section directly below the field. Right now, tabbing through the form alternates ...
5
votes
3answers
179 views

How should I place 3 equally important CTA buttons?

This is an airport transfer quotation form I've created. The user will first select the pick up, destination and number of passengers. Then, they will retrieve the type of vehicle, price and ...
4
votes
3answers
328 views

How should one communicate invalid/valid telephone numbers?

When filling in a form with real time validation and contextual help, how should one communicate the logic behind the telephone number validation? For example, then contextual help would give hints ...
2
votes
2answers
132 views

How to avoid that “Path to Completion” results in “Previous” becoming the next logical action?

Here's my current situation: download bmml source – Wireframes created with Balsamiq Mockups It's a typical wizard that follows this Path to Completion advice. However, regardless of how ...
0
votes
0answers
68 views

Partial date/offset picker

There is list of records with partial date (y/m/d, y/m, y, null). User enters record to start edit it's content (real interface is not english, so don't point to rough "offset" word): User can ...
0
votes
2answers
73 views

Minimum or ideal amount of information gathered in a purchase form

On a web store I have a purchase form that only asks for email, credit card #, expiration date & CCV (security). This is the minimum requirement to make a transaction. However, my instinct is ...