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)

0
votes
2answers
43 views

Male Female Selection [duplicate]

I am building a form. What is the best practice to ask a gender of a person in a form. In a dropdown? In radio buttons? or in some other forms? Please also tell some techniques to style these fields. ...
1
vote
0answers
38 views

Complex data input form on mobile device

I need to create an Input form that allows a user with a mobile device, to insert informations with this structure: output = { context: ‘Context Title’, products : [ { name : ...
0
votes
1answer
80 views

Best control for display boolean readonly data

Now we are using readonly checkboxes for displaying some information about other users: Mike Angel And I feel that using input elements for displaying readonly data is wrong, but I cannot think of ...
1
vote
1answer
32 views

Pattern for showing the dependency with dependent fields below a radio button or checkbox?

I have a form where there is a field with two options. Depending on which option is chosen, there are 1-4 additional fields that need to be filled out, as shown: I think there are two problems ...
2
votes
3answers
97 views

Should I use questions or statements in my web form?

I'm designing a web form that allows you to schedule events on a calendar. There are about four pages of input required for each event, such as: Name Start date End date Employees involved Budget ...
1
vote
2answers
94 views

Acceptable maximum number of steps for sign in or sign up before using the service

Note: This is for a service mainly powered, or should I say funded, by video ads. Not really UX-friendly, I suppose, but what can we do Here's the flow right now: Sign in Home -> Login form ...
0
votes
1answer
45 views

How to show static (user initiated) and dynamic help text for radio buttons and dropdowns?

I am bit confused while showing help text in a lengthy form. Please refer to the image for below query: Where we can show user initiated static help (left side of the mock): How to show help icon ...
2
votes
3answers
118 views

Radio buttons menu with radio button submenu

I have three different radio buttons, each one of them contains a submenu with three further options. User can only choose one option in the submenu. So it seems that i have a radio button menu ...
0
votes
0answers
46 views

Security questions vs secret password/passcode when logging in or retrieving login details?

I am currently in the process of re-designing a login process which uses security questions to verify the identity of users before they are successfully logged in, and also to allow them to reset ...
-1
votes
1answer
42 views

Use one page design for website with a detailed “request a quote” form?

One page website design seems to be the popular trend nowadays based on emerging websites and articles online. [1][2] But should one go for one page website design for a website that has a long ...
0
votes
2answers
64 views

Using slider component (TrackBar) as data navigation

I'm finishing an application and the UI of the approval was quite bad. Because the program is hitting production, I'm changing that UI. Ignore the foreign language, this is just a code+description ...
20
votes
3answers
2k views

Login and Register in one form

We have been seeing more sites following this UX enhancement: where login form actively checks for registered username/email, if a user entered an unknown email/name, then the form inputs are updated ...
0
votes
1answer
30 views

When is it appropriate to change a site's tabindex?

I'm building a sign-up form filled with multiple input fields. To increase the rate in which the form is filled out I decided to dynamically set the tabindex at the first input field. Naturally after ...
1
vote
1answer
45 views

Registration form inline password generation?

A client has given me "design direction" for their site's account creation form (it's a utility site) that includes an option to have the system generate a password for the user inline on the form, ...
0
votes
2answers
59 views

Select any combination of items, but at least one

Quite often we allow to choose multiple items, this what are checkboxes are actually exist for. But in some scenarios something always had to be chosen. For example, quite often user can have may ...
1
vote
2answers
54 views

Filtering by distance based on an address as reference

Being aware that HTML geolocation API does not work on every browser without using Wi-Fi, I'm trying to use an alternative more accurate to present nearest items from the user location. I'd ...
0
votes
3answers
154 views

Best way to present the user a way to select multiple entries in half a million options

We have an already very complex form that represents a contract between a dealer and multiple retailers. Until now, choosing the Retailers was done using a multiselect dropdown with a search textbox ...
1
vote
1answer
32 views

Selecting an item from a hierarchical tree

First and foremost this is a web application. Basically I'm looking at the concept of editing a record. Each record is tied to a tree node path. I'm kind of at a loss as far as what would be the ...
2
votes
2answers
55 views

How to show this long input with prepend in Mobile which allows user to choose url name?

I'm working on a responsive website where I need to inform users that information he will fill in input will be used to create url for his campaign he is going to create. That input looks like this. ...
13
votes
3answers
960 views

Should I clear a form after the user submits data?

This is just a general question. I have a single-page web application that does not navigate away after form submission. My question is whether I should clear form data after a successful submission ...
2
votes
1answer
79 views

Auto focusing erroneous form input fields

I'm auto focusing the first input field of my Sign up and Log in form before the page is displayed, but I'm not sure what to do as far as auto focusing erroneous fields after validation. I have a ...
0
votes
1answer
106 views

Responsive Design / Is it a good UX for a multi-step form?

I've got a responsive web app that displays a multi-step. There are 4 steps: What?, Where?, When?, With?, that are indicated on each step to let user know the progress. For instance, here's what it ...
0
votes
1answer
24 views

Tab sequence in dynamic forms

This question is about usable tab sequences in dynamic forms. Is it possible to exclude conditional fields from the tab sequence when they are hidden, and include them when they are visible? Assume ...
0
votes
0answers
32 views

Screen flow for adding items to a list in a mobile app?

What is the recommended (optimal) screen flow for adding items to a list in a mobile app? The two options I came up with are: (Shopping Cart Style) Start with a blank form for adding or finding a ...
4
votes
3answers
1k views

Top-down hamburger menu / is it a cool experience regarding my application?

I own an application managing some meetings (conceptual example). Of course, my website is responsive so that it's fully usable on mobile devices. Before showing some screenshots of my navigation ...
4
votes
2answers
180 views

How to show the relationship between two input fields with different units

In an internal retirement site, I am working on improving the flow that employees go through to change their contribution amounts. One challenge is that users can contribute both pre-tax and ...
0
votes
2answers
111 views

How to improve the UX of this filter area?

Let's suppose an application that manage meetings between employees of various companies. A meetings list is shown to any logged employee, and this one may mark himself as a participant if he's ...
1
vote
3answers
98 views

What's the best design to get a number from a small range from user?

I have a system where I have to get a number, between 1 and 10, from the user in a web application. (The actual use case is the user has to say which group he is from, and group names are numbers from ...
1
vote
0answers
57 views

Require input if there are any [duplicate]

My client is registering customer data and wants to make sure that they register their customers e-mail addresses when ever a customer has one. So the input textbox should be required to have valid ...
0
votes
3answers
102 views

ux for multiple forms submit by user

What is the best suggested way to handle the UX for submitting multiple forms by user, The user need to submit forms. Example form here: http://jsbin.com/zogeqebilohi/1/edit. **EDIT : ** ...
1
vote
2answers
147 views

Two toolbars in master-detail view

We're creating a new version of an application that is based on a master-detail view of data. So basically there is a list of records at the top and detail information about selected record at the ...
1
vote
1answer
41 views

Is there a recommended height for text fields on high density mobile screens (retina, etc)?

I can't seem to find any information about whether text field sizes should be at least a certain height on a high density mobile view like retina or high density android devices. I try to make my text ...
0
votes
1answer
69 views

Form with an image upload required

I have a form to add an item. I don't consider the item worthy of showing up in the application until an image is uploaded for it. I can add a 'choose file' selector, but if other validation fails I ...
1
vote
1answer
82 views

How To Point User To Form Control In Help Text HTML/CSS

I'm sure that this has an "answer" somewhere, but I find myself having difficulty articulating what I'm looking for in a search query. Is there a standard text formatting to use when directing user ...
2
votes
1answer
112 views

How to design a dynamic form with fields that are taken from the database?

My team is working on this particular Order Request project that would require a design to support the application form. The fields would be generated based on the database. Here is a static mock up ...
0
votes
1answer
44 views

Datepicker (or other) widget with close “x” button: delete choosen values?

I have a complex search form with some fields to fill out for a search over products. Some of them are fake fields and open widgets (like the jquery UI datepicker widget etc). I tweaked the standard ...
1
vote
1answer
52 views

Criteria selection : use empty for ALL?

We have the following criteria screen. Based on these criteria data are fetched. Empty From/To Date field means that no date criteria will be used, but for the type criteria we have two options : ...
0
votes
2answers
77 views

When registration fails due to server problems, how to preserve entered data? [closed]

Imagine you're a user filling in a registration form on a website. The form has about 20 required fields, so it's not a small form. Because the entire form uses inline validation, you're confident you ...
1
vote
1answer
90 views

Handling bad input in an autocomplete

Due to browser compatibility reasons and some issues with specific forms, in one of the products I'm working on we included a custom control for autocompletion of the Recipient field of an email ...
10
votes
3answers
945 views

Placeholder text vs. disabled text

I currently develop some forms in a desktop application. There is the idea to use placeholder texts in some input fields (edits) as known from HTML forms or touch systems like smartphones. But ...
0
votes
2answers
69 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 ...
1
vote
1answer
65 views

Form Label - disabled or enabled?

What is the best practice when it comes to a form having disabled fields? Should we show the associated labels disabled as well? 1) If labels are also disabled then it'll give a stronger clue to the ...
0
votes
1answer
50 views

Payment screens as part of a multi-step form

I am designing a series of multi-step transactional forms which appear in the context of a web page with a progress bar, site header, footer, nav etc. Each form contains a payment step. There are two ...
1
vote
1answer
111 views

Would it be bad to display missing fields before the user clicks submit?

Imagine a form where the user has some required fields, and after scrolling down a way hits the "submit" button. On most forms I've seen, trying to submit with missing required fields will trigger ...
1
vote
2answers
117 views

Which Remember-Me option is the best?

Basically, there seem to be three different behaviours of "Remember Me" authentication: Definite: After a successful login, a user doesn't have to provide their credentials during a time span with a ...
30
votes
5answers
3k views

How to tell a user that a search is being performed when they stop typing

I'm developing a web application and inside this application I have the following form Whenever the user changes the value of the Tax Code field and there is a pause in typing, a database search is ...
1
vote
3answers
147 views

How to reduce complexity of nested form interface?

I have a complex design on my hand which is essentially a wizard. Following mockup should give you a fair idea: download bmml source – Wireframes created with Balsamiq Mockups ...
0
votes
1answer
51 views

how to deal with dynamic long forms going off the screen?

I'm working on a new feature that allows people to share items. To do this i'm overlaying a modal on our site with 10 e-mail address input fields. As you can see, because of the spacing on this ...
0
votes
3answers
166 views

How to better represent this multi selection?

Suppose a web application showing a form where user is expected to specify the friends he wants to share with (conceptual example): User can select either: No friends at all (no sharing) within ...
0
votes
0answers
69 views

Simplifying repetitive form workflow

I am in the midst of creating a new application for some users in a manufacturing environment. They are not new to technology, but not power users by any means. I am concerned about my current idea ...