Forms are generally used to retrieve user input such as text, selected radio button, selected checkboxes and actions like pushing a button
19
votes
4answers
627 views
Is it a good/acceptable practice to combine checkboxes with radio buttons for one question?
I work on a form, in which there are questions allowing either multiple choices or selecting just one. An example:
Which of the sweeties do you like:
[ ] chocolate
[ ] lollipops
[ ] cookies
( ) ...
2
votes
2answers
255 views
Quick Booking UX/UI design [closed]
I am using Twitter Bootstrap UI for developing screens for my application.
I created the booking / appointment page.
This page will be used by hospital staffs. They want to quickly fill the data, ...
11
votes
6answers
251 views
How to present weighted values
I have a formula which is used to calculate certain scores. The formula has some parameters (shown in the image below) including a Weight parameter that is changed dynamically (the rest of the inputs ...
3
votes
2answers
132 views
How do I simplify my complex form? wizard vs. scrolling
In making recommendations for a lengthy registration form, I am faced with the challenge of how to lay it out without confusing the user.
In the current implementation, there are many possible pages ...
8
votes
4answers
247 views
How can I split up a really long application form on a mobile website?
If the number of questions this form asks is fixed by legal/business reasons (it's a loan application form for a bank), what is a good way to break it down into bite sized chunks?
The two options I ...
3
votes
3answers
87 views
A single form with multiple workflows
I'm designing a form to schedule a specific job to run. However, one of the requirements is that the user be able to run the job without scheduling it, and then either abandon the job or continue onto ...
6
votes
4answers
137 views
Merge multiple table entries
I am building a widget to merge Records. Lets say, this table is information on Cars. There are variable/data points like VIN, Milage, etc..
Now, there may be more than one entry of the same car in ...
7
votes
3answers
353 views
When is it okay to give a form inconsistent label placements?
I am attempting to redesign an internal form that we use to set up new clients.
I am repositioning the labels on the left hand side of the form elements to being on top of the elements. I think this ...
7
votes
4answers
441 views
Can a button be 'secondary' on one page but 'primary' on another?
For example, an "Edit" button. In most pages, it is a secondary button ("Submit" may be the primary one). But there can be a case where in "Edit" is primary action for the page.
Is it good practice ...
4
votes
1answer
100 views
How to direct users through a multi-step payment process?
I'm trying to develop a payment process for my users. Here are the steps that are required:
User views the page that outlines all the awesome features that you get if you pay for the premium ...
5
votes
2answers
114 views
Forms: Is it right to show empty fields in an info page?
In an application i am designing, there is a form, where the user completes the fields and some of them might remain empty (not filled by the user). Then we have the info page showing all these fields ...
6
votes
3answers
224 views
Are extensive validations necessary on mundane input forms in a website?
I'm having a rather bitter affair with my client who also happens to be my boss at office. He is a completely non-technical dumb muggle in terms of application development. The frustrating thing is ...
0
votes
2answers
284 views
GUI Design advice on Add/Remove/Edit form
I am building a GUI that needs to allow the user to:
Add entries
Remove entries
Modify Existing entries
Each of these "entries" hold very simple information:
Outlet Number (Non editable, ...
10
votes
2answers
734 views
Good UX for a page
I am working on a UI design. I have good CSS/HTML knowledge. But not good in UX.
Attached image is the UI I created for one page.
I tried alter it nearly 10 ways, still my customer says it looks ...
8
votes
3answers
99 views
Showing sub check boxes on a form?
I have a form where I have a group of check boxes that are only applicable if a 'master' check box is ticked. At the moment, when the check box isn't ticked it looks like this:
When the text box is ...
4
votes
2answers
206 views
Why do websites use “you are being redirected…” pages?
Frequently after logging in a website - specially old ones - I see the following:
Welcome! You are being redirected, please click here if your browser
does not redirect you.
And similar pages ...
4
votes
0answers
56 views
Is it ok to give “OTHERS” as an option in gender category? [duplicate]
Normally we have sex as:
1) male
2) female
I just added "others" option in the list.My teacher when checked the form, she was
annoyed and suggested it should be removed.
So is it really an bad ...
2
votes
1answer
74 views
Submitting form to new window
On websites, links can be opened in new windows/tabs using the middle-click button, CTRL+left click or Context Menu->'Open in new tab' option. However, this behaviour seems to be not implemented for ...
9
votes
1answer
96 views
Marking contact as primary?
Currently in the application that I am designing, we are displaying just a short amount of contact information, which means that if the contact has 4 different numbers (i.e. mobile,home,work,fax), ...
7
votes
2answers
97 views
Saving: Global save vs Sectional save vs Item save vs Instant save
I have been modifying my Facebook and Gmail account settings when I come across several types of saving strategies. Take for example, at the time of this writing, Facebook:
Instant save - saves upon ...
3
votes
5answers
121 views
I have to track activity start and end time shall i track in mins and sec?
I have to create a form to track activity start and end time. Which format is more appropriate. While filing the form the time passes by and it gives a warning - "Start time should be greater than ...
2
votes
4answers
208 views
Do “add” or “edit” functions need a confirm button?
I am designing a UI that includes a list of items that you can add to or edit. When you click on an item it turns into a text dialogue. When you click off or hit "enter" it saves the changes. Does ...
5
votes
2answers
130 views
Can I reformat personal names obtained from a single form field?
I have been reading this excellent question and its answers, about collecting names from people in forms.
The best answer (the accepted one anyway) seems to be to follow the W3C's advice on ...
2
votes
3answers
64 views
Should I include any other information on a page with a long signup form?
I'm working on a form users will fill out to start a free trial of our product. Unfortunately all of the fields I've included are required for us to put them in our system properly.
What I'm ...
5
votes
4answers
154 views
Is it OK if asterisk is put after label that is above the field?
Look at wireframe:
download bmml source – Wireframes created with Balsamiq Mockups
Does it look OK that labels above fields have asterisks? Or should labels be placed left of the fields?
...
15
votes
2answers
475 views
Most intuitive multi-select component for the web
My target audience are users that are not familiar so much with computers so i try to simplify the UI elements in use as much as possible.
For instance I try to avoid drop down menus and use big ...
6
votes
2answers
89 views
Would it be good to only show invalid fields when showing input errors?
It occurred to me that it might be a clever idea to only show the fields with problems when a user makes a mistake on a form. This would be server-side validation, with the assumption that there is ...
6
votes
2answers
161 views
Is it OK that url is changed after invalid submit of form?
Let's say I am at Create new user page and current url is /users/new.
When I submit this form with invalid data (e.g. mismatched passwords), user is redirected to /users.
Is it OK that user will see ...
13
votes
6answers
623 views
What is the best way to request individual characters from a password?
Frequently, sites that should really value security (especially banks) ask for several individual characters from a password.
Typically I've seen them do it like this:
download bmml source ...
4
votes
2answers
184 views
Designing the sign-up process?
I am starting a website consisting of info on local shops, product catalogs, and coupons. now I am in a dilemma over the vendor sign-up process. I want to know which of the following ways should I do ...
8
votes
2answers
90 views
Handling hashtags in an click-to-edit-record row
Say we have a list of records displayed like this:
Date Description Payer Amount
---------------------------------------
01/01 Rent Maxi $1000
12/01 Lunch with clients Bob ...
4
votes
2answers
156 views
How do I design this form to work most of the time, but allow the user to access additional functionality when needed?
This is a rough draft of a Microsoft Access form contained in an irrigation materials rental system. The business owner rents irrigation pipes to local farms. (I hid the company name from the ...
3
votes
2answers
138 views
Best Method for Adding Ingredients
I have a recipe application that has a "Add Your Recipe" feature that's current implementation looks like this:
Some notes:
Upon clicking "Add Ingredient", a ingredient form is added. Same for ...
2
votes
1answer
50 views
Interface to merge suggested updates with existing information
I'm building an application that will let a record administrator merge updates submitted by the general public with an internal record. Records include contact information, qualifications, etc. ...
3
votes
3answers
108 views
Traditional file upload vs repository
I'm working on a b2b web application where users might want to upload files for several purposes: assigning images and/or documents with specifications to their products or businesses, attaching files ...
17
votes
9answers
887 views
Should radio buttons be pre-selected?
I am working on a re-design for a eCommerce site and they have a section where they offer a free gift card if the user makes a purchase over $1000. The idea of the gift card is to get users to ...
9
votes
5answers
327 views
Single page or multi-page forms?
Would it be better to have one long form, and let the user scroll down the page, or split the form into 2 or more pages?
Usability wise, one obvious disadvantage I can think of for having multiple ...
9
votes
3answers
167 views
Having two different label alignments in one website / application
I've come to learn that label alignments have their purposes: top-aligned / right-aligned for faster completion (usually for forms asking common information) while left-aligned for slowing down ...
10
votes
3answers
250 views
Opt-ins versus opt-outs in forms - does nobody else care?
Whilst filling out a form on the Royal Mail site this morning, I came across this heresy of form design: the self-negating checkbox...
This required careful (re)reading to ensure that:
I was ...
5
votes
4answers
164 views
Forms: Ensuring the next button is always above the fold in multiple page forms
I'm designing forms in a PPC / landing page style format where the user has arrived from an ad on a search engine page - this user is very likely to be interested in the product that I'm offering.
...
6
votes
1answer
123 views
Ternary Switch - How to implement?
My website gives users a report for their search term, this report contains many different datasets.
Each dataset can be configured via options on their profile page, to either;
Load when the ...
7
votes
3answers
106 views
Behavior of the Enter button in a form
What is a better experience for a user if they press enter when using a form?
Should it submit the form or move to the next field?
2
votes
4answers
172 views
Use a wizard on a simple but big form?
I'm thinking about remaking the registration form on a site I'm working on. The form is simple, but there is too much information to be filled in. It also asks if the user has already participated, in ...
4
votes
2answers
148 views
How to present filters graphically?
I'm creating a UI which allows users to specify filters, such as Age > 18. Until now, this has been quite straightforward as all it required was a simple layout as shown below:
However, besides ...
5
votes
2answers
187 views
Should forms be aligned left or center, if less than full page width?
Our web application has a small header and nav menu at the very top, and below, there is simply a large area of open space. We have no need for an always-present sidebar, so there is just one column. ...
1
vote
2answers
66 views
Cataloging item during creation vs. updating cataloging information
Lets say it is possible to add an item with come hierarchical cataloging information.
For my use case example the item is a fault report.
The end user is a mechanic who is not an expert with ...
11
votes
9answers
840 views
Does leaving a field blank - mean “everyone”
I'm beating myself up over this one, since we had just that discussion today. We were arguing why a customer was eager to pay a week of work for something that could be trained. And to me it’s pretty ...
3
votes
1answer
106 views
Placeholders for format in address form
I am creating an address form and want to add placeholders to the fields to display the format of what the user needs to enter.
For email addresses, phone numbers and credit card details this is ...
0
votes
1answer
120 views
What is the usage rate for users navigating form input fields via the 'tab' key vs. mouse clicks?
On my current project, we are debating the usage of replacing input fields (checkboxes, radio buttons, and select dropdowns) with styled choices via javascript. However, it breaks the support of ...
4
votes
2answers
117 views
Tab order for previous/next buttons in a form
We have a multi-step form that has 2 buttons (Previous and Next) at the bottom of each page.
The Previous button is on the bottom left-hand side, and the Next on the bottom right-hand side.
What ...
