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)

5
votes
1answer
117 views

handling UI distortion caused by localization

We have a web client for our product with translations in 3 languages: English, French and German. This web client has a way to send emails to one of 3 different target groups: All connected users (...
5
votes
1answer
112 views

Where to place controls in user account form?

I'm creating an user account window for my instant messenger application. User have to: enter name, password, server press button "Connect". Also user can: close this form without connection ...
-1
votes
3answers
108 views

What are some alternative ways to record data instead of a long form? [closed]

How to deal with long forms (Not conventional ways like form wizard etc) and what could be some alternative ways to gather information instead of a form layout? I really liked how TypeForm looks at ...
4
votes
1answer
103 views

Do users choose randomly for mandatory fields with no default, just to get through the form?

I am working for a non-profit that wants to collect its donors' reason for donating, via a long dropdown of 'What prompted you to donate?' options like 'Received an email', 'Saw a TV ad', 'Friend or ...
1
vote
1answer
25 views

Input new item with details (one or many) - e.g. company with employees

As a back-end developer trying to broaden my knowledge for a more front-end oriented position, I am struggling with a design. I'm trying to create a form for the creation of a new company. A company ...
1
vote
1answer
61 views

Field allignment with error labels

I am looking for possible solutions that could be used to make our forms look better when displaying errors. Our application is using Government of Canada Intranet Theme (WET 4) with bootstrap. The ...
49
votes
9answers
9k views

What color for error messages for a form with a red background?

I have a big website with some forms. There are four background-colours for the form components. One of them is pink/red. Here the image and the error message: I can't change the form background-...
4
votes
2answers
97 views

Does it matter that iOS capitalizes the first letter of form fields?

I am in the process of redesigning the UX of a website for the mobile and tablet users. Do users generally notice or not notice that when entering a username in a login prompt, an iphone capitalizes ...
3
votes
1answer
95 views

What's the best way to work with master/details when inside a tabbed control?

I am working on a Windows Forms desktop application and I'm trying to come up with a good design for the whole application. I am using a sort of vertical ribbon on the left side of the main ...
2
votes
2answers
73 views

Showing information message on multi step form

This is a long configuration page (form) which can have multiple steps as for each product, configuration needs to be done. (each step can represent each product) Now if there is/are few information ...
0
votes
2answers
122 views

pros and cons of multi search box vs one search box

I have been asked to come up with a search mechanism for a database. The database stores details about electors. Is a multiple search field interface better than a single search field interface? The ...
2
votes
1answer
102 views

Best approach to show and insert nested data

I have 2 tables, one is company and the other is salesperson. The requirement is that "one company can have many salespeople. Also a company and salesperson can have many phones" I have a datatable ...
4
votes
3answers
162 views

How should I present 2 search tools that cannot be used together?

I have a page displaying details regarding a specific piece of equipment. To view the details of an individual piece of equipment, a user has to filter down to only one piece of equipment. The plan ...
1
vote
1answer
93 views

How long should a session be when “remember me” is enabled?

Greetings great people on the Internet. I present to you, a question we are dealing with. Case: The user checks the "Remember Me" checkbox Question: How long should the session be active? So the ...
1
vote
1answer
64 views

Which of these two user interfaces would be more efficient in summarizing a support ticket?

I'm creating a user interface that will enable a support agent to send ticket information from their support system to another application where a group of users can help them solve a customer's ...
1
vote
1answer
55 views

What should happen after a successful submit on an admin content creation page?

I am creating a website in which its admins have elevated privileges to create articles and other content through forms. Using the article creation scenario, what behavior would be most ideal for an ...
20
votes
6answers
3k views

Name on card, or Card number first?

We have a fairly simple credit card form on a public website for users to add a new card, but in the process of adding support for American Express we found they require the collection of the "Name on ...
3
votes
2answers
81 views

Should a required SELECT have a placeholder OPTION?

I have a small form for a search function. There is a "Search By" select in the form and, depending on the option selected in "Search By", a related "Search For" select is generated with respective ...
4
votes
4answers
93 views

Reducing repetitive actions in cataloging software

I have inherited a piece of software that is used to catalogue objects using a series of 6 dropdown menus with around 3-15 options in each. Once all selections are made the user can click a button to ...
2
votes
2answers
78 views

AutoFill + Undo Versus Button with AutoFill

We are building an application which requires a user to make an online payment for (possibly) his/her account. We'd like to keep track of the payer's name. We note that the payer may differ from the ...
0
votes
2answers
68 views

How to group common (to a list and other input groups) input fields

Here's my scenario - I have the following three input fields: Type Remarks Uploads (Popup which allows users to drop files) Now, these three fields are associated to a person object. The user has ...
0
votes
1answer
44 views

How to make wide form into small group

I'm new on this company and they assigned me to redesign existing web app UI. First is the basic info page. Also they are going more on material design. This is the new design. Let me know if I'm ...
7
votes
5answers
419 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
177 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
140 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
338 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
124 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
113 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
316 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 ...
30
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
115 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
152 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
410 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
60 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
61 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
64 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
161 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
214 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
74 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
198 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
2answers
113 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
187 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
83 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
123 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 ...
2
votes
3answers
94 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
149 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
88 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. ...