Forms are generally used to retrieve data from user input such as text, selected radio buttons, selected checkboxes and actions like pushing a button

learn more… | top users | synonyms (1)

7
votes
5answers
411 views

Best way to display many yes/no options (checkboxes) and comments

I am migrating a piece of functionality from an old app (for which I only have a screenshot of the UI) to my new app, and this one part I need some advice on. In the current UI there are around 60 ...
4
votes
5answers
164 views

Do we really require a reset button for form fields?

I am questioning the use, in web form design, of reset buttons placed along with "Submit" or "Finish" buttons. What happens if a user accidentally clicks on "Reset" button after filling up all ...
1
vote
5answers
130 views

How to indicate a text field does not contain content?

In the wireframe below, the three containers could contain text. The user can add text to empty containers and edit existing text. Note that this form is not just for entering text, but often the ...
3
votes
3answers
119 views

Color for (error)messages in forms

I've read some questions and answers on a few websites, including this one but it doesn't seem to answer what I'm looking for, which is: What are (generally speaking) the best colors to show both ...
7
votes
6answers
327 views

What is the best way to collect a yes/no answer to a required question?

We've got a form that asks users if they are U.S. citizens. We want to make sure they answer that question. One idea is to make it a checkbox, like this: Are you a U.S. citizen? [ ] Yes, I am a U....
3
votes
3answers
110 views

Should we ask User details/preference before or after Sign up in a Mobile App?

What is the best practice when it comes to asking user details (height,weight,Age,Country). Should it be before signing up or Immediately after signing up ? (To avoid low conversion rate, user height,...
1
vote
3answers
112 views

Booking barber/hairdresser appointments for multiple people

I'm working with a client that wants to allow users to book barber/hairdresser appointments through a web app. Users will be able to book multiple appointments on different dates/times. I'm trying to ...
5
votes
5answers
313 views

Designing an expandable UI with plugins

I'm working on a game server, that will allow mods and plugins to be installed. I'm also working on a creation kit, or content management suite (CMS), to aid in the design of various aspects of the ...
29
votes
4answers
3k views

Is there an obvious way to signal that an action leads to a confirmation?

For instance, a "Delete" button leads to a confirmation message of "Are you Sure - Yes / No". Any tips to make people aware of the fact that clicking on "Delete" isn't a final action. EDIT: I ...
3
votes
2answers
111 views

How To Order States and Countries Drop Down Menus

I have a form where someone would fill out an address for someone, but the form isn't the most efficient to use because eventually a state and a country are a required selection (assuming that the ...
5
votes
3answers
150 views

What do you expect after filling a long form?

I have some forms that have more than 20 fields. The acuracy of the data is important, so I am thinking of a "preview" of the captured data before actualy send it to the database. As the final step ...
8
votes
7answers
390 views

Nested edit states. What to do when edits are save-able at local and global level?

We are making a solution where a user is supposed to evaluate a number of requirements and laws. These evaluations all happen on one page, and the requirement/law is evaluated one at at time - all the ...
4
votes
4answers
131 views

Should I rely on default OS format for field validation?

I have a international webservice (6 languages) with about 1000 people daily who access from any device, from smartphones to internet-cafes. The information displayed are a bit scientific, for ...
4
votes
1answer
59 views

Saving tabbed content individually or as one

So users can login to this system and choose to edit an item from their list. I'm trying to figure out the best way to allow users to save the tabs they edit. From the design below, is it clear that ...
2
votes
1answer
56 views

Forms clutter solution: hide and show panel in forms

I have forms which tend to become always larger in size because of a multitude of fields. In some cases a form relates to a previously created entity and showing the fields of this entity as non-...
0
votes
1answer
62 views

Best practices for displaying status of optional fields that are not filled out by the user?

Lets say we have an app that currently requires manual entry of: Hours Current Firmware Version Compatible Objects (hardware) Serial Number If the user elects not to fill in this information, or ...
3
votes
2answers
146 views

Material design change password behavior

I am using this behavior to make user change password: When a user clicks on the change password button, 3 text fields appear and the button changes into a "cancel" button. Do I have to separate the ...
2
votes
2answers
206 views

Change language dropdown on a login page

Where do you believe is the best place to add a change language dropdown menu on a LOGIN page? Is it below the form? Or is it on the right? Are there any conducted studies you know of? Thanks in ...
0
votes
1answer
68 views

Mandatory fields in each group [closed]

We need to design a form where user can dynamically rearrange the fields. From the attached image, The scenarios are, Need to show the grouping of fields, eg., File number, City and Zip are a group ...
1
vote
3answers
165 views

Save/Cancel buttons position above or below table?

I am building a software which has a lot of tablets fill out. There are situations where a table row has a lot of settings. A consistency throughout the software is that there is an action menu on ...
4
votes
1answer
84 views

Ordering of an Eligibility Funnel during application onboarding process

I am designing an onboarding/registration process for a mobile app/service that has fairly restrictive qualification requirements. Over time, these requirements will be come substantially less ...
7
votes
2answers
162 views

How to make long forms engaging?

In a form I have over 30 fields on a single section of an application these 30+ fields can't be broken up into two parts along with the other sections. Long forms like this are really exhausting to ...
0
votes
2answers
75 views

Should form navigation with many fields go down columns or across rows?

I have seen this work well both ways, and users accept both ways. Is there a general standard though? What is the Principle of Least Astonishment here? Does it have to do with how things are grouped ...
2
votes
1answer
111 views

How best to show a document preview

I have a fairly basic web form that gathers information such as name, address, description, yada, yada. I have to do a rewrite and so am wondering what the best practice currently is to show a ...
1
vote
3answers
87 views

Should a 3-field <select> date input use fieldset for grouping?

I am trying to do the best for usability and accessibility I use fieldset to group input radio-button and checkbox elements. When I have a date input that is actually 3 select dropdown fields, one ...
1
vote
4answers
133 views

Order of login and registration methods: should the social media login and registration be above or below?

In a login page, should the "log in using x social media" precede the local site log in prompt, or the other way around, as shown in the image below? I'd like to ask the same about the registration....
1
vote
1answer
47 views

Page Life cycle, dealing with dependant controls

I have a web form, with two typeaheads: Customer Typeahead Item Typeahead The user can select only 1 Customer and can add multiple Items to the form, via an asp gridview control and a bootstrap ...
2
votes
2answers
71 views

Group input fields in form

I have a form with six different input fields. Two of these fields are an either/both case, i.e. the user does not have to fill out both, but one of them is required. My problem is the design of them. ...
1
vote
0answers
15 views

Contact form or mailto for Portfolio? [duplicate]

I'm currently thinking about my portfolio design and I would like some advices from experts. For a personal and professional portfolio, is it better to have a contact form or a mailto? This is my ...
5
votes
3answers
108 views

Using a Wizard for initial input and later edit

My Windows application uses Wizards for creating business objects like persons or real estates. The Wizard is perfect, since it allows the input in the most logical order with the ability of ...
1
vote
2answers
54 views

Displaying multiple validation messages

Let's say my password field has the following validations (not limited to) on my Sign Up form, Password length should be 6-12 characters. Password must contain at least 1 number. Password must ...
2
votes
2answers
87 views

Should clicking a checkbox in an indeterminate state check it or clear it? Why? [duplicate]

Below I have provided an example of a checkbox group including a parent checkbox in an indeterminate state. Some of the child nodes in the Tall Things tree are selected and some are not, therefore ...
1
vote
3answers
164 views

Making it easier for users to fill out form on mobile apps

I am working on a mobile app and we are experiencing significant dropoff when asking users to add their bank account details. The form is quite long but unfortunately these fields are mandatory. It ...
0
votes
0answers
34 views

Editing related text groups

Consider an application which allows an administrator to enter information about cities which could be viewed by others. There are only three groups (continent, country, city) which they can (but not ...
0
votes
1answer
44 views

Designing date inputs that can also be null

I am developing an application in which administrators can report absence for people. Absence can be planned absence, like a week of conference or so, this would be entered with a period. Eg. two date ...
3
votes
2answers
156 views

passive detection of a mistake between two fields in a form

I'm creating a password generator that derive password from personals informations. I need to help users detect any mistake on one of the two fields username and password. For now, users have to ...
0
votes
2answers
34 views

Handing Maximum Limit of Object Creation in Nested Object Form

Assume a scenario where you can multiple projects under each course object. There is a nested object creation form like the one below Given the maximum limit of 5 Projects. Which is a better ...
26
votes
1answer
3k views

Google and Yahoo require you to enter your username first, then password. Why is this? [duplicate]

For a while now, logging onto your google account has required you to enter your username and hit next, before entering your password like this: Recently yahoo has implemented a similar system. ...
1
vote
1answer
62 views

Select option to unassign value

I have a form where I can assign a bundle to an user. In the select are all selectable bundles listed. But I need the possibility to unassign any bundle from an user. Where to place the "...
0
votes
2answers
85 views

Asking for a phone number + type of number

I'm working on the onboarding steps a user has to go through to access a service. I cannot say much about that service. Let's say that it gives them access to some kind of high-end customised services....
2
votes
2answers
72 views

Suggestion List via list-box

I want to provide a suggestion list via list-box, it is not a search-suggestion. User can choose an item from suggestion list which will then copied to a input textbox. How to make it clear to user ...
1
vote
1answer
169 views

Wizard pattern vs. Accordion pattern in a long form

Wizard pattern (multi-step) vs. Accordion pattern in a single long form? Q1. What is the best pattern to chose for the following scenario Scenario In an Admin console, Admin have to create an ...
0
votes
4answers
147 views

Which is better to disable, the confirm e-mail field or the sign up button?

Background I'm working on an application where users have to use a specific email domain to sign up (Either @a.com or @b.com. Anything else gets rejected). In order to prevent my users from going ...
0
votes
2answers
39 views

Inline visible vs. User prompted Popup for registration form

On the homepage of a site we want to show the registration form to sign up. My boss wants the form to be already visible facebook/twitter style. I prefer to have it open in a popup when the user ...
1
vote
3answers
220 views

How to illustrate a “saved, but incomplete” state

Right now I have a form that is broken into multiple sections. Beside the form, there is a sidebar with a list of every section's name. Each section will experience 5 states: unsaved edit(s) ...
7
votes
2answers
139 views

Is inline validation convenient on pre filled form fields?

I have a form which partly pre-fills after filling in an address field. Is it convenient to give green check marks on the fields they didn't fill in themself?
1
vote
5answers
302 views

Design Pattern for displaying read only form data

Description: I have two views(editable and read-only) of my form. User will initially see the read-only view. Then, to go to the editable view, he needs to click an "Edit" button at the bottom. This ...
3
votes
2answers
107 views

Form with locked and unlocked controls

I've just inherited an application where there is a form. It opens, in the unlocked state it is like If I click the padlock toggle button, the form will look like The arrows at Up Position and ...
1
vote
2answers
81 views

Adding multiple options to a list

In my web app there is a section for users to add packages to send products to us. Currently, there is a blank package when the user first arrives at the screen. After filling out the package ...
2
votes
1answer
212 views

How to design a form with lots of possible values

I am working on a technical application, used in the industry. I have been asked to redesign the GUI for it, but I am having trouble. The program is basically just a way to set the values for a large ...