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)

3
votes
3answers
249 views

Should I use accordions within a multistep form?

Am looking into crafting an accordion for a multistep form. Like the idea of a single page walkthrough that provides anticipation (ie. what's about to come) and affirmation (ie. what's happened), but ...
2
votes
1answer
74 views

Selecting quite a lot of Size and Quantity

This UI is for a B2B web ecommerce page, where a buyer can enter quantities for multiple sizes of a product. They first click a size in the top row which reveals up/down arrows on the qty, which the ...
3
votes
3answers
136 views

What's the best tab order for a login form?

I was wondering: Should the login button be above the "stay logged in"-checkbox or the other way around? My personal preference is version b as I want to stay logged in most cases. But the more ...
5
votes
2answers
253 views

Best practice: title, given name, surname form fields in one row?

Is there any conclusive research about having multiple form fields in one row in specific cases? Research about filling in speed (or preferably on conversion rate). I am specifically thinking of the ...
3
votes
4answers
156 views

Best practice for choosing an amount for donation on a mobile form

What would be (from a UX perspective) better solution: Use radiobuttons to choose an amount (eg: 2,5/5/7,5/10) and use a large submit button or Use 4 buttons with the amounts on it (eg donate ...
0
votes
3answers
134 views

Did the default positions of OK and Cancel CHANGE in Windows or web browsers?

I've seen the arguments about where things SHOULD be. But my mind tells me that OK and Cancel have "switched places" on either one or both of: popular browsers Microsoft Windows My mind tells me ...
1
vote
5answers
243 views

Checkouts as a multi-step process or as a long form?

Our checkout system has 3 clear steps: Basic Information - Title, Name, Email, Phone Card Details - Payment Type, Card Details Billing/Delivery Address - Company Name, Address I would like to know ...
10
votes
6answers
704 views

Should we avoid negative words when writing error messages?

Does the use of words such as 'fail', 'wrong', 'incorrect' and 'invalid' have a sufficiently negative impact on a users frame of mind to warrant the prohibition of their inclusion in the error ...
6
votes
1answer
197 views

In a mobile app should input fields have a placeholder prompt or a label?

I'm designing an app that is crowd sourced and therefore needs to be as simple as possible to use. One of the big things about the app is that users can upload things themselves using an input form ...
4
votes
5answers
270 views

How to avoid accidental email sending?

I've had this problem a number of times: when writing an email, I accidentally click on the "send" button, thus sending an incomplete email. (E.g. in Outlook, the "send" button is alarmingly close to ...
1
vote
1answer
85 views

Password protected content / Modal dialog or submission form up-front?

I'm working on a page, where a portion of the information is going to be protected by a password. Would it be beneficial to have text that says "Please enter password to view content" right up front ...
0
votes
1answer
111 views

Where do I place my checkboxes in relation to labels?

I'm doing a slight redesign of some forms and I'm trying to get good consistency amongst fields. I've placed the label above the field for most of the forms, as some of the labels are quite lengthy, ...
2
votes
3answers
136 views

Changing error message colours on different backgrounds

On our site, we have different backgrounds colours for various forms, and the designers have assigned different colours for the error messages, depending on the background. I was wondering whether ...
2
votes
2answers
249 views

How to better display a big block of text in a form

I have the following situation: I have to implement a form for a web app with several file upload inputs, that need a rather large block of text next to them (as in the screenshot below). The problem ...
2
votes
5answers
114 views

Entering receipt information for a contest

My town is running a contest. You get one entry for every time you shop local, and the main entry method is writing your contact info on the back of your receipt and dropping that off in a ballot box. ...
2
votes
6answers
206 views

Should I present payment options in an accordion?

I'm working on the payment software, that allows users to make payments to different businesses. To make a payment, a user needs to add the business's bank account and the payment method they want to ...
2
votes
2answers
77 views

Creating new item with ajax

If I have a form which is used for creating data which will be displayed on the same page, I'm unsure how I should present the new item upon creation. The scenario; an item is created, post data sent ...
1
vote
2answers
165 views

Dropdown - Search - Autocomplete

I am working on a payment solution. One of the main actions is adding a Beneficiary (payment receiver). To add beneficiary you need to specify the currency and the country of that beneficiary. At ...
38
votes
14answers
2k views

Should I force the user to enter an email before actually using a paid app?

I am working on an iPad app. It's in the medical field and the app will be sold for $99, which is kind of expensive! The client and the developer want to force the user to give his/her email address ...
2
votes
1answer
163 views

Multiselect value into a table

I apologize in advance if I am unable to explain this requirement more efficiently. The context: User is creating a client Profile. First option is to select of type account. User can either select ...
2
votes
2answers
279 views

What's an alternative UI for an event date?

I'm building a website where a user can set up a webpage for an event. The user needs to select a date without being frustrated from clicking a lot on a date picker. Is it a text-input a good way to ...
4
votes
2answers
144 views

Start form disabled and require “edit” button to enable it?

My company has a history of making pages which start out un-editable, and then only become editable after the user clicks an "Edit" button. On the first such page like this that made a lot of sense, ...
3
votes
2answers
164 views

Tablet/kiosk app - showing the keyboard by default

We have an iPad/Android Tablet input form with a single text input box on it. This is a kiosk app used by tourists and business men. We have two options Option 1) Form loads Input box ...
2
votes
2answers
172 views

Registration or login on the first page?

I'm designing the first page of my website, the one visitors would hit after typing the site address, and I encountered this problem. Given there can only be one, should there be the login form ...
5
votes
3answers
249 views

Permissions and Roles

I'm attempting to implement an interface for managing user roles. Each role can be allowed access to specific modules. Within those modules the user is also allowed access to specific activities. ...
2
votes
0answers
230 views

What's the best method of email verification? [duplicate]

For a registration page, what's the best way to verify a user's email address? Some websites ask you for the username, password and email address all on the registration form and then email you a link ...
4
votes
3answers
611 views

Using radio buttons or drop down list when the number of options can vary greatly

I am designing a web application which consists of several modules, and for some of these modules the user must be able to select how many/which sources of data to display in the module. I had ...
1
vote
2answers
170 views

How to simplify this content upload form? [closed]

There are several options, all of which are necessary, but it's very intimidating and kinda unwieldy -- especially for nontechnical users. A similar form is used to type in plain text.
2
votes
1answer
53 views

Other options than multiple choice and free text to solve a quiz

I currently have to develop a little online quiz: users have to guess the motif of an image which is initially hidden and revealed step by step. It's pretty simple except the way how users should ...
3
votes
2answers
441 views

How to layout form navigation for best usability?

Is there any usability study about layout of form buttons? I have a simple registration process. The user is guided with several forms through the process. Each form has a <next> and a ...
0
votes
0answers
86 views

Going mobile : porting complex forms with logic

we are preparing a mobile version of our system (will be native iOS app). The system uses complex forms with many rules that allow/disallow saving. I'll try to explain this on the example of ...
1
vote
1answer
369 views

How to design a multi-step form for mobile

So I am having a problem designing a usable and clear multi-step form for mobile (iPhone for now). Here are the steps: Step 1: Search for a restaurant - This field will have fields like name, city, ...
10
votes
5answers
967 views

Why do so many credit card forms ask for the expiry date using select boxes?

Why do so many credit card forms ask for the expiry date using select boxes? I'm busy building yet another credit card form for a website, and it occurred to me that quite a lot of sites ask for the ...
2
votes
6answers
214 views

Users Entering Email Address Instead of Mailing Address (Web Form)

Are there any recommended ways to encourage/remind users to enter their mailing address instead of email address into webforms when appropriate? We have been having this problem way more than I would ...
1
vote
1answer
187 views

I have a complicated system resulting in three tasks with a high degree of interoperability. How can I design an interface for this?

Okay, I am not going to go into too much detail about what the system is actually for as I don't think this is entirely relevant. Basically this is a product database with entities called 'groups' ...
16
votes
12answers
4k views

What is the best way to deal with very complex forms?

I'm trying to give the best experience to users of a very huge system (like a CRM). It has a lot of forms and much of these have a lot of fields. My doubt is about if I should use a single column form ...
6
votes
2answers
220 views

In a wizard form, should the data be saved to the server at the end of all step or at the completion of each step?

I am pondering of two approachs to work with my form: Send all data to the server when user has completed all steps. Save data to the server each time user has completed a single step. ...
1
vote
3answers
209 views

Display of disabled input fields

How should an input field appear when it is disabled? One idea is to show 'Disabled' as value within the input field. Is there a better idea to indicate an input text field is disabled? The input box ...
0
votes
2answers
205 views

How to show activity in a UI

I have an application that creates a log file of user activity such as connections, disconnections, queries, submissions, locks, etc. The log file records when each activity begins and ends. Multiple ...
2
votes
2answers
177 views

'same as shipping address' or 'different from shipping address'

In the order process we ask the visitor the address he want us to ship the ordered products and the address he want us to send the invoice Most of the time, both are the same. We don't want the ...
16
votes
7answers
867 views

Should a search button go on the left or the right of the search box

When considering eye-tracking and the cognitive processes of identifying what an interface element is for, is it better for the button that activates the (often unlabelled) search operation to be on ...
1
vote
1answer
98 views

Rationale for placing forgotten password link in the field

On this website: https://www.psd2html.com/order-now.html the forgotten password link is placed in the password field. I'm curious, what, if any, are the user experience considerations that led the ...
6
votes
3answers
865 views

Patterns for sign-in & registration forms that show password as plain text (unmasked)?

Jakob Nielsen suggested it in 2009 (http://www.nngroup.com/articles/stop-password-masking/), and Luke W concurs (http://www.lukew.com/ff/entry.asp?1653), but are there any real-world implementations ...
2
votes
1answer
138 views

UX for specifying & showing mutual exclusive pairs in a group

I'm working on a SaaS/B2B web app that includes forms that allow choosing and later showing mutually-exclusive pairs among a small number of options. Here are some examples: if the customer buys ...
3
votes
2answers
224 views

Are there usability problems with optgroup?

The application I'm working on rewriting has 4 major categories, where 2 of the categories each have 3 subcategories. Any given item can only belong to one of the 8 categories. An optgroup (which is ...
3
votes
4answers
234 views

How obvious is it that an element that looks like a flick switch can be clicked?

When looking at a form element styled to look like a flick switch but that actually behaves like a clickable element, how likely is the user to realise that they can click the element to switch it, ...
7
votes
3answers
520 views

How to display month name in a small form?

I have to display a form with 12 months and for each month a number input and a toggle button. This form is in a pop-up so I don't have a lot of place. I did two columns with six month per columns. ...
1
vote
1answer
65 views

What would be the best format for adding a 'Difficulty Level' selection to the following settings page?

I have a settings page (see screenshot). I want to add a selection of 'Difficulty Level' to it. A drop down or check box(which allows for only one to be selected) or radio button would be fine. The ...
28
votes
3answers
2k views

Tick this checkbox if you DO NOT want.. underhanded tactics?

Very often when registering on a new site I see checkboxes with long explanations saying something along the lines of: Tick checkbox if you want to receive newsletters. This is not unusual but a ...
12
votes
7answers
880 views

Color of destructive primary button

In our app we use green buttons to signify primary actions (located on the right, but that's a whole different discussion) and grey buttons to denote secondary actions ('Cancel'). For example: The ...