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
0answers
8 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 ...
2
votes
2answers
78 views

Best way to display 60 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 ...
3
votes
5answers
112 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 ...
3
votes
4answers
230 views
+50

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 ...
8
votes
7answers
307 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 ...
1
vote
2answers
51 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
5answers
112 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 ...
5
votes
5answers
190 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 ...
3
votes
2answers
80 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 ...
0
votes
1answer
95 views

Multiple preferences 3 layers deep

I'm trying to come up with a solution for the problem that is the ability to select multiple preferences with upto 3 layers deep. The primary layer would affect the options shown for layer2, and ...
5
votes
3answers
91 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
3answers
102 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 ...
3
votes
3answers
96 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 ...
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 ...
0
votes
1answer
106 views

Ideal default content area width for a site with tons of forms

I'm doing work on a staffing related website that uses lots of forms. The forms are pretty integral to every aspect of the site--from entering work history to filling out job applications. This has ...
3
votes
2answers
102 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
140 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 ...
23
votes
7answers
2k views

Placement of buttons for Previous, Next, and Save Draft actions

I am designing a five step form. The user can exit the form and return to it later. So I have a Previous, Next, and Save Draft action. What is the ideal placement of the buttons/elements? I want ...
4
votes
4answers
127 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 ...
13
votes
7answers
8k views

Reasonable character limit for a comment field on a site feedback form?

I have a simple feedback form (see screenshot) on each page on a site. The user has to select whether the page was helpful or not (radio buttons yes/no) and there is also a text area input where the ...
4
votes
1answer
54 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 ...
1
vote
1answer
48 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 ...
17
votes
3answers
3k views

Why does * (asterisk) mean Required on a form field

Watching a video from DIBI conference and Jared Spool mentions the mysterious origins of the asterisk (*) on a required form field. Where does this come from, why does an asterisk mean required?
3
votes
4answers
150 views

Names for filters that show 1) all non-blank values vs. 2) blank values specifically vs. 3) all values including blanks

I have a basic reporting system when you can choose filters from a collection of SELECT fields. An example of this might be to filter the report by Country. The SELECT field would obviously include ...
2
votes
2answers
263 views

With 2 types of users: should I provide 2 separate forms or use the same one for both?

I am working on a platform with 2 type of users, transporters and those sending their goods. Our biggest concern is the user experience, reason why everyone is opting for what we call "one profile". ...
1
vote
5answers
890 views

Best way to display a long form with many dynamic questions

So I need to make a form with about 10 different inputs in it. Normally, I would put this on a single page and have the user scroll down. This seems like the easiest way to do it most of the time. But ...
2
votes
3answers
214 views

how to indicate mandatory group in IOS -UPDATED

I have a form where fields are marked (*) to indicated they are required. But there is a strange use case where Level and Space have a dependency on each other such that either space or level or both ...
0
votes
1answer
58 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
117 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 ...
7
votes
1answer
266 views

Decision tree / flow diagram for mobile email / password confirmation

This UI design pattern keeps coming up and I'm wondering whether there are any best practices out there that can improve the quality of my solution. The pattern is: type your email (or password), ...
0
votes
1answer
77 views

How can I address forms that require many similar interactions?

edit: I just noticed there was a very similar question asked as I was typing up my question, but still hoping for some feedback on mine I have a form that has many inputs. Two of them are very ...
2
votes
4answers
219 views

form length: is one click worth more if it helps to format a step by step mindset?

In my company we have a page with 8 call to actions! in detail: product detail page product detail pdf product request 100% online (this assures you some product feature missing in the next point) ...
8
votes
5answers
898 views

Why do web designers force users to enter credit card numbers without hyphens or spaces?

Credit card numbers on the cards themselves seem to follow a pattern--four clusters of digits separated by spaces. This seems to comport with "human factors engineering" that I think shows people have ...
2
votes
2answers
187 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 ...
2
votes
1answer
90 views

Flexible design for a general form facility

I'm designing a general form facility - so when a customer comes in and requires certain forms to be made, then our engineers have customizable tools to create a form for that customer. My design goal ...
0
votes
1answer
59 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 ...
2
votes
1answer
190 views

How best can I indicate conditionally required fields?

I often work on pages containing forms with complex requirements and subforms. The example below has these attributes: The default button -- that is, the button that will be "clicked" when the user ...
4
votes
4answers
2k views

Best practice for desktop application input validation

I've been reading through some of the other questions tagged with validation and similar. We have a Windows desktop application (WPF) that has many textboxes contained in a dialog that need to be ...
1
vote
3answers
134 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 ...
3
votes
5answers
756 views

Improving the “booking page” for a taxi booking mobile application

I'm currently working on a taxi booking application and have got to the stage where I need to design the "Book" page where the user can create a new advance taxi booking. The features are as follows: ...
0
votes
2answers
2k views

Bad error message for required field: “Please enter value”

I just watched someone struggle with a form. The form was part of a normal online shop. It had reloaded after submitting, annotating the required field for the phone number with a red text above, ...
19
votes
6answers
8k views

Single page or multi-page forms?

Would it be better to have one long form, and let the user scroll down the page, or split the form into 2 or more pages? Usability wise, one disadvantage I can think of for having multiple pages, is ...
3
votes
1answer
61 views

Has anyone statistics for the number of users completing a registration for a service?

I have a client and their website has a registration form the user needs to complete before they can use a service. The registration has 3 steps. The percent of users completing this process once ...
1
vote
1answer
50 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 ...
0
votes
1answer
86 views

Supporting base64 as image input

I have a feature on my website which allows users to upload images via the image URL such as http://www.website.com/image.png. Users who have no knowledge of the way Google Images works expect that if ...
7
votes
2answers
138 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 ...
4
votes
1answer
77 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?
0
votes
4answers
224 views

UX/UI Translation in many lanuages

I'm currently working on the back-office of an application, used mainly on desktop. Final users are not necessarily "tech friendly", the interface has to remain simple and clear. I try to design an ...
0
votes
2answers
66 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 ...
1
vote
3answers
82 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 ...