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)

1
vote
1answer
327 views

What is the best way to switch between views? [closed]

I am designing a web page for regular drafts.(regular drafts are kind of drafts which are periodic)It means you can define amount of money to transfer from your account to another account in some ...
0
votes
2answers
166 views

What is the best way to display many multiple selection of US states?

I am currently working on a project to create a "wizard" for users to customize dashboard. One step is to select the states they are interested in. There are so many states, but I don't want to split ...
1
vote
3answers
180 views

Mandatory field without default value

While designing a GUI, on the form where I am administering the users, when I add a user I want to be able to select the role among 3 choices and I want the administrator to make a choice. So I ...
0
votes
3answers
111 views

Textfield validation - persist, ignore, correct or delete?

I'm working on a desktop application that has text fields and other form elements scattered on various pages. A global save button saves all inputs from all pages. Since the textfield format/error ...
2
votes
3answers
277 views

floating versus inline alerts

I personally am a fan of floating alerts such as Toasts. I am thinking of using them for the form validation and feedback. I find the inline movement of content terrible, though it seems to be the ...
1
vote
2answers
301 views

Long web form, use multiple “pages” or one long scrollable form?

Do most users find filling out a form to be less frustrating when form chunks are separated into pages (essentially tab navigation), or do they find that annoying and prefer it to be one long ...
0
votes
2answers
70 views

What is the best way to show labels on filters with sliders?

I need to design a filters column to fit in safe area (650px) and I need to understand how to deal with labels. In order to shrink the design I decided to put labels into input boxes and using ...
1
vote
1answer
86 views

Distinguish between a log file and a file logged in the log file

This form has a file upload element which is used to upload a log file, and a drop down to select files that are 'logged' in the log file. The users of this will be familiar with what a log file is ...
0
votes
2answers
114 views

Types of tool tips [closed]

I'm designing a checkout flow for an e commerce website and I need to come up with a set 3 kind of tool tips. while they will look similar they will have variations for the following for providing ...
1
vote
4answers
239 views

Does it make sense to have an “All” option in a filter?

I'm working on an effort to create a set of filters for search results. One of the UX issues I'm currently working out is whether or not to place an "All" option as an item in the filters. For ...
0
votes
2answers
82 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
1answer
159 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
141 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
134 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
115 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
141 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
150 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
6answers
311 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
1answer
116 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
158 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
110 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 ...
21
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
38 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
65 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
105 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
78 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
245 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
2answers
181 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
61 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. ...
15
votes
3answers
1k 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
133 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
276 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
46 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
2answers
117 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
2k 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
212 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
178 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
110 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
58 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
141 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
288 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
179 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
94 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
134 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
262 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
123 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
67 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
86 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
187 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 ...
11
votes
3answers
1k 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 ...