0
votes
2answers
67 views

Applying features and add-ons for multiple lines

I want the user to have the ability to add features and add-ons for each line on the website (order page). If you look at the UI wireframe, it will ask you how many lines do you want from a ...
5
votes
3answers
197 views

Should all fields in a web form be the same length? [duplicate]

Attached is a screenshot of a web application I am building. It shows where the user can enter input to perform a search. My question: should the text boxes/comboboxes all be the same width? The ...
0
votes
1answer
55 views

Best way to allow user to create a table

What's a good way to allow users to create a table? Originally, I was thinking markdown, but I'd really like something simpler. One idea I had:
2
votes
3answers
158 views

Buttons for a process with multiple or optional parts/stages/segments

What is/are the best UI practices for a process that has 2+ stages or optional segments? And how does the amount of stages, and the popularity or likely use affect the layout? For example, if I want ...
0
votes
3answers
322 views

Complex forms design - space vs look

I've got form that has around 40 inputs (text inputs, selects, some checkboxes). This are "Vehicle Data" like, registration number, brand, model, fuel type and so on. I can't make it smaller (less ...
3
votes
3answers
129 views

Do users object to homepages which contain a full section consisting of a contact form?

I've recently had users test a prototype for a new portfolio site for my company. The homepage is almost like a one-page site in that it has distinct sections, although each section links to another, ...
1
vote
1answer
159 views

How to solve a space/content conflict in a paper form

Imagine a form that tradespeople use to manage safety on worksites. The form helps the worker identify potential safety hazards and suggests techniques for minimising risk. It also guides the worker ...
0
votes
1answer
250 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
145 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
2answers
208 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 ...
1
vote
2answers
229 views

Scheduler Design with Slots

I to create a UI design for recurring events Example: John, do hair cut on week days monday-friday, from 02 Feb 2014 to 04 Apr 2014, only between 10 A.M to 1 P.M. Also he will do 45 mins slot ...
0
votes
1answer
104 views

Displaying checkboxes with large labels vertically or horizontaly

From a user experience perspective what would be the most intuitive layout for checkboxes and labels on this form? (Click here for full size image.) What would you guys think is the best way to ...
2
votes
3answers
205 views

Multiple choice with Yes/No but some are not mandatory

I am looking for UI patterns for scenarios where the answer to a question can be Yes or No but the user can also choose to not answer the question. The meaning is different in all the 3 scenarios. ...
2
votes
2answers
510 views

Where should the submit button be for these type of compact forms? (bootstrap 3 module)

So Im creating a compact forum module for bootstrap 3. The project is opensource on github. This type of forms are good in two ways: Its so 2014 and very user friendly on mobile devices. But Im ...
4
votes
1answer
131 views

Fixed form button bars

Recently I've been designing complex multi-page forms for financial institutions and up until now they've been designed with a fixed navigation bar at the bottom of the screen, like so: The forms ...
1
vote
5answers
407 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 ...
2
votes
2answers
885 views

How can I display multiple forms and lot of important form information on an Android application?

In my app, one of the main feature is to complete 'forms'. One form contains a lot of read-only information, described by the following mockup. On this UI everything is read-only: Titles ...
8
votes
4answers
314 views

Multiple email address field in a simple form

This is a survey site, and after completing the survey the user has the option to send a copy of the report to themselves. There is a small container on the page, with a text field and a submit ...
7
votes
3answers
330 views

select from predefined list if exist ,else insert a new item to the list?

What's the best experience to do the following: The user will insert a new subject(text) only if it isn't in the existing list. So, it will be added to the existing list for all users. I have ...
3
votes
2answers
352 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 ...
3
votes
4answers
182 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
683 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? ...
0
votes
3answers
317 views

Where to place registration form and its contents in page horizontally?

In a registration form I'm having trouble guessing where I should put the text and input fields. Obviously the default is flush against the left side of the screen which looks terrible. I noticed ...
6
votes
3answers
292 views

Group of checkboxes and supporting text fields

What is the best way to layout a group of checkboxes and supporting form fields? For instance, in this form the user can select several choices for a report delivery method. Some of the choices ...
5
votes
1answer
349 views

UI Layout improvement

I'm currently implementing a database querying tool, and am currently working on a section which would allow users to specify ORDER BY and Aggregate clauses. My biggest challenge has been to represent ...
1
vote
3answers
265 views

Text layout in forms [closed]

I'm in the process of creating some design guidelines for a big form based application. The application has its fair share of "this information is vital to the users and can't be missed". I've seen ...
5
votes
3answers
1k views

large amount of data on a single page

I'm a member of a team developing a business application. Basically - it is all about data entry. There are people (thousands of them) sitting whole day and filling the form below over and over in ...
1
vote
3answers
188 views

Where is the best place to put example input for a form? [duplicate]

Possible Duplicate: Where should form instructions or hints be placed? Which of the following is the best place for the example (e.g. 12345) on long/short/busy/simple forms? (...and why?) ...
3
votes
5answers
2k views

Form layout. Vertical Labels vs Horizontal Labels. Images inside

After reading http://www.lukew.com/ff/entry.asp?1502 and http://www.uxmatters.com/mt/archives/2006/07/label-placement-in-forms.php Placing labels above input fields is preferable, but if you choose to ...
4
votes
2answers
680 views

Multiple forms on a single screen

I have about 5 sets of forms to be filled up by the user, one by one. Most of the fields in these set of forms are mandatory so it is obvious that the user has to check out all these 5 forms. Now I ...
7
votes
2answers
376 views

Layout for adding one or more contacts to a record

The context: The user is creating a client record. Against each record their could be one or more contacts (people) provided. Often this will be adding 1 or 2 but could sometimes be up to 5-10. The ...
2
votes
1answer
241 views

Advantages of big forms (especially in ecommerce)

What are the advantages or disadvantages using big forms? (especially in ecommerce) I notice sites like Stack Exchange are using big form input fields with big bold labels inside of them ...
2
votes
2answers
60 views

Should selections of 'other' always auto generate fields for the user to populate

As per conversations already on this site such as What's the best placement for an "Other" box I am guessing the answer to this might just be a quick 'Yes' but I figured I would ask! I ...
10
votes
5answers
2k views

Where should form instructions or hints be placed?

I was browsing Forrst and came about a screenshot of a form designed with Twitter Bootstrap that had the label on the left, the input field on the right, and the instruction that it's required under ...
5
votes
5answers
280 views

Scaling an Address Form on Resize

My application has a form for filling in the names and addresses of a donor. Each donor gets a closable tab and each tab has an address form. The problem is that the application runs in a regular ...
4
votes
3answers
2k views

Are there any recommendations for the layout of Metro forms UI with hierarchical data on a website?

Most of the guidelines I find regarding Metro design deal with read-only or media content with few text input controls. Are there any design guidelines/examples/screenshots showing good layout of ...
5
votes
1answer
157 views

What is the optimal layout for a form with two respondents?

download bmml source – Wireframes created with Balsamiq Mockups I'm redesigning a form that is used by office workers who interview respondents in person. In some cases, there will be two ...
7
votes
2answers
917 views

What is the optimal layout for a mobile search form with a large number of fields?

I'm working on the layout for a search form that has approximately 8-10 fields. At this point, the search form fills nearly the entire viewport. My research has turned up general strategies for large ...
9
votes
3answers
3k views

How to organize a form with many fields?

Where I work, we have a system that has a screen with several fields. There are approximately 50 fields and all are important and should appear. //edited in gimp :D Any suggestions on how to ...
8
votes
3answers
369 views

Default input labels and text sizes

Looking to get community feedback on a few small related form questions: For standard forms: How long should a standard text box input be? These text boxes would be for first and last name? Should ...
0
votes
2answers
970 views

Date picker button placement: inside or outside the right bounds?

Which of these is a better approach for placement of the date picker button: Having the button outside the right bounds of the other textboxes: Or having the picker inside: I'm also thinking of ...
5
votes
2answers
829 views

How to lay out a list of lot of checkboxes that may vary in length?

I have a list of checkboxes under header titles (at least three, one of them has sub headers, all in one page), something like this: Problem is, these checkboxes may end up with 10 elements per ...
7
votes
6answers
465 views

Making contact detail form more friendly

I have a windows based form in my project for adding contact details. Here's a screenshot I have added textbox for First name, Last name , var and cst (vat and cst are numbers related to ...
5
votes
3answers
514 views

Login Form Placement/Isolation

If you go to http://www.notableapp.com/, you will see that when you click the Sign In button, it takes you to a completely new page with only the login form on that page. Why did the designers ...
18
votes
5answers
9k views

Best Design/Order/Layout For Mailing Address Form

Is there any standards out there when it comes to a mailing address form? I need to collect the following fields: address line 1 address line 2 city postal code (or zip) province(or state) country ...
156
votes
23answers
24k views

OK/Cancel on left/right?

Should OK button be on left of Cancel button or vice versa? Are there any studies suggesting either of the solutions?