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)

3
votes
1answer
172 views

Submission Forms design

I am working on a web application that allows curators or users to publish/edit articles, papers etc. They can use external services (like ArXiv etc.) to import data directly to the forms and they can ...
3
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
83 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
1answer
52 views

Providing similar login experience while logging in with a button and with enter

It regards standard login forms - I mean those which include login/email field and password field and "remember my login" checkbox, which is often forgotten to click although user would be actually ...
19
votes
6answers
841 views

How can I make a form look simpler?

I am designing a web-based application where you can add entries, and each of them have some 20 fields. For the most part, after adding an entry, it won't have to be edited afterwards. But the option ...
0
votes
1answer
18 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
23 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 ...
0
votes
2answers
95 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
86 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
93 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
192 views

Should we use form button color to indicate task outcome?

I work in large company and We are building our UX guidelines for new applications. We have lots of legacy LOB applications with workflows that assign tasks to humans. Some of them are simple tasks ...
1
vote
2answers
131 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
349 views

I have a complicated system resulting in three tasks with a high degree of interoperability. How can I design an interface for this?

Okay, I am not going to go into too much detail about what the system is actually for as I don't think this is entirely relevant. Basically this is a product database with entities called 'groups' ...
2
votes
2answers
104 views

Title Case or Sentence case for dropdown options in web form?

We're adding dropdown boxes (HTML <select>) to several forms to allow users to choose between several options. Should dropdown options be Title Case or Sentence case? In our web application we ...
4
votes
2answers
222 views

Best way to include multiple upload fields in crowded form?

Context: I'm working on a four step form, each step has between 4 to 10 input elements of various types, from text fields to dropdowns and checkboxes. I've managed to keep it gradual and easy so the ...
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 ...
1
vote
2answers
190 views

Tab index of pages

I am creating a website with lots of form fields and was don't know where things should sit regarding the tab index of the page. As you would expect, the log in fields at the top of the page have a ...
1
vote
1answer
37 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
0answers
28 views

Cancel button on dialog box in spring mvc+jsp [closed]

I have some record in one drop down on my web page, on left side of it I am providing one link By clicking on that link user can change the sequence of records and also provision to delete any record ...
0
votes
1answer
65 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
78 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 ...
49
votes
13answers
3k views

How can I guard against users accidentally sending emails without attachments?

I often dash off emails to people and still I forget attachments. I am using an email client which does keyword sniffing, e.g. if I type 'attachment' or similar it will pop up a warning, but more ...
1
vote
2answers
128 views

Need to notify users that the form has recently been edited?

We have a list page where users see a list of data and can select one to edit. The data opens up in an editable form. Here is the scenario: User 1: Loads the list of data and selects to edit form ...
2
votes
1answer
102 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 ...
1
vote
1answer
208 views

Interaction with remote validated form

I have a form with one or more fields which must be validated by hitting a remote (ajax) service. I can validate at several different points, each of which seems to present pros and cons: On keyup ...
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?
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
37 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
73 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 ...
1
vote
1answer
50 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
6answers
140 views

“Find” or “Search” to display a list of results

Before displaying a table of results on a page I first require the user to select some options from some dropdowns. I have a button after the dropdowns which when clicked/tapped will work out which ...
0
votes
2answers
73 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
5answers
142 views

Top labels alignment on forms: Align with text (typographically) or with input borders (geometrically)?

EDIT: I've added a psd of the screen making the issue clearer. See how the text is flapping[*] on the right while he is aligned and actually seems to be more easier to read on the left? Original ...
16
votes
9answers
21k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi -elect list. Our options are: List of checkboxes Listview (select box but allowing multi select) Both seem to be a bit ugly and unweildy when ...
9
votes
3answers
927 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 ...
1
vote
2answers
166 views

Using a modal to display information

I am working on a dashboard to display menus. Throughout the site, we use modals to display important or separate information that prompts user action. Now, there is possible design for a modal to ...
0
votes
2answers
210 views

Can we Combine Repetitive Columns or how to manage data having more column on single page without scrolling to right and down?

Good Morning to all. i have to manage say more than 10 column on single page, for Ex= It is application say student want to give feedback for teacher and according to fields student have to answer. ...
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 ...
1
vote
1answer
61 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 ...
7
votes
3answers
776 views

Should user registration be tabbed or part of a multi-step form?

I am trying to find a good way to design my registration form. I have looked at the idea of having multiple steps for the form. Or using a tabular layout. Both of pros and cons. I am wondering which ...
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 ...
2
votes
5answers
200 views

Displaying to the user a radio button before it has been selected

I've always had this problem but never cared to much until now. Let's say, you want the user to say if the lights were on or off using a simple click. So it's on with the first click, a second click ...
0
votes
2answers
170 views

Differentiating quick-contact and full-contact in a website design

I am designing a commercial website which is very elegant, thinking about adding a quick "sliding" contact form with the essential fields, to be available in all pages of the site, in addition to my ...
0
votes
1answer
49 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
60 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 ...
0
votes
2answers
181 views

How to design a long list page in Android?

I am designing an Android application for people who haven't used Android before. This application contains a long form that these users should fill out. What of the following methods is the best way ...
1
vote
2answers
107 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 ...
10
votes
5answers
2k views

Pros and Cons for having same form for login, register and forgotten password

I have notice some sites have the same form for login, register and forgotten password. Below the form you have 3 buttons i forgot my password register log me in What are the pros and cons on ...
1
vote
3answers
129 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 ...