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)

6
votes
4answers
813 views

Should the selection of a Radio button control the display of two different forms?

I am working on a reporting form for an electronic healthcare record application used by physicians to generate reports on usage. There are two different report types. Only one type of report can be ...
4
votes
3answers
225 views

What are some ways to visually communicate hierarchy between two different select elements?

The use case having two input elements, in which second select input depends on the first one; so when first one is updated, options on the second changes. Conceptually; both of these elements are ...
1
vote
2answers
270 views

How can I improve this simple form?

I have a simple form with 2 text fields and a search button. I.e. something like this: I don't like the checkbox as it is. How could I improve this better?
-1
votes
2answers
278 views

Best scenarios to use ajax [closed]

I'm building a website application where users post contents using a form similar to blog-entry forms, this form allows uploading of files, has a wysiwyg editor, etc. Now since it will be posting a ...
12
votes
3answers
3k views

How can we visually improve the nested rule/predicate builder?

This has been discussed a bit here: Building logical criteria (with AND , OR, etc) - but we felt the examples left a lot to be desired. Apple (with their hidden nested rules/predicate builder) in ...
2
votes
2answers
232 views

Managing User roles as admin

I'm working on a UI where there are multiple roles, with two (Finance and Legal) that are constrained to only support one user. I'm using a fairly standard matrix, with checkboxes that become ...
5
votes
2answers
360 views

How to make file download progress more obvious

We have forms on our site that we're using for lead generation. When submitted, the user is directed to the requested piece of content and the file begins downloading right away. We track user ...
1
vote
1answer
3k views

iOS and UITableViewCell: best practices when requesting user input as a form

Firstly, I'd like to make a general question regarding table view cells' customization: are there any restrictions about the controls they can cointain, and/or its number? I read in iOS HIG iOS Human ...
5
votes
1answer
422 views

Long select dropdowns

I'm working on a responsive landing page where users arrive after clicking on online ad. On the form, users need to select a location (105 possible) at which they would like their service. ...
0
votes
1answer
602 views

Success and error message placement and colors

I'm working on a responsive landing page users arrive on after clicking on an online display ad for the spa chain I work for. Currently I validate the fields on blur. If the input is valid on blur, ...
11
votes
4answers
1k views

Form Design: Mutually Exclusive Tabs vs. One Form

I am working on a form design that currently has two mutually exclusive forms accessible via tabs (Option 1). During usability testing my team noticed that users missed the tabs and only noticed them ...
7
votes
4answers
323 views

How to unobtrusively confirm a user's choice in a survey?

I'm running a survey on students to collect their feedback of the courses of study they've undertaken in a college. They have to answer the same question for every course they study. There are some ...
10
votes
2answers
310 views

Asking for multiple postal addresses

I need to design an intuitive form to get one or more (current and previous) postal addresses. I have created a quick mockup of the current idea When a user clicks 'add another address' the idea ...
2
votes
1answer
81 views

How to provide translations alongside untranslated iframe?

I have a site that is translated into 4 languages. We accept credit card information via an iframe (because we don't want to deal with PCI compliance, so we're letting a 3rd party receive and store ...
6
votes
3answers
287 views

Is Successful Validation useful for step forms

We've been designing a registration form with 5 steps. The form has many input fields, some required and some not. The validation is client side and is represented with red text for errors. I was ...
27
votes
5answers
2k views

Is constantly updating the formatting of a numeric input box a good idea?

I have a numeric input box, as part of a form. I'm implementing delimited splitting, to make large numbers easier to read. ie, 1000000 would become 1,000,000. Would it be a good idea to automatically ...
7
votes
3answers
3k views

Time Scheduler UI

I am working on a doctor availability schedule page. In this page I need to setup the available times for each day in a week for a doctor. This is a one-time activity. Something is repeated for every ...
12
votes
5answers
964 views

When soliciting donations on a website, should you start by providing a box for the donation amount?

A coworker forwarded me some feedback she had come across during an annual giving network discussion regarding website design for online giving websites: I'm jealous of this ...
11
votes
3answers
611 views

What's a good alternative to cascading checkboxes?

We have a web interface for running a report. The report can be pretty complex. There are various topics that can be included in the report, and each topic has sub-topics. Right now, the interface ...
2
votes
1answer
3k views

iOS multi-step form and user input validation

I need to design a form that may consist of 3 or 4 steps, all of them requesting both mandatory and optional data. The overall form contains a lot of data inputs, so I thought it would be better to ...
24
votes
5answers
2k 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
1k 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, ...
13
votes
6answers
382 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
726 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 ...
9
votes
4answers
729 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
189 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 ...
7
votes
4answers
460 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 ...
8
votes
3answers
612 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
791 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
364 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 ...
6
votes
3answers
548 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 ...
7
votes
3answers
304 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
1k 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, ...
16
votes
2answers
2k views

Good UX for a form

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 ...
10
votes
2answers
440 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 ...
10
votes
3answers
5k 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 ...
5
votes
0answers
89 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
181 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 ...
10
votes
1answer
139 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), ...
9
votes
1answer
285 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
352 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
491 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 ...
7
votes
2answers
539 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 ...
3
votes
4answers
297 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 ...
6
votes
4answers
1k 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? ...
21
votes
2answers
5k 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
161 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
229 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 ...
14
votes
6answers
745 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 ...
5
votes
2answers
836 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 ...