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)

0
votes
0answers
19 views

UX/UI Responsive - Long forms with multiple language content

I want to know the preferred (and why it is good/bad) way to show a long form with multiple sections, which have content that should be in multiple languages (if multiple language is supported) The ...
2
votes
0answers
43 views

UX for allowing different details for each item on an order page

I’m designing a food ordering application to be used within my company wherein co-workers can order food from our in-house catering service for meetings and what not. Today, this is done via paper ...
1
vote
1answer
69 views

Should I keep or remove the title for this form?

As the Log In button is in the toolbar the title seems like repetition. Do I keep (A) or remove (B) the title Log In? Or do I change the title and/or button text? Screenshots from an iPhone 6S but ...
0
votes
1answer
55 views

Should select inputs have labels?

I'm currently redesigning a large form on our site and was wondering if it makes sense for select inputs to have their own respective labels in order to guide or smooth the UX? What do you think? ...
6
votes
5answers
1k views

Best way to display two way relationships between users

Background We are working on a web application where users can connect with eachother and, as part of that, choose how they are related to each other. As an example, I can connect to Joe Bloggs as ...
3
votes
4answers
121 views

New and Existing Addresses in Form

I have working in designing and implementing a form for adding the address in the Shopping Cart for our website, the form initially for first timers or without existing address will looks like the ...
1
vote
0answers
37 views

Which form widget for (seemingly) linear input without default value?

For answers in digital questionnaires, is there any reasonably well understood form widget between a horizontal group of radio buttons (or check boxes) and a slider gauge that lets the user input a ...
0
votes
1answer
85 views

User must change password but changing username its optional. Best UX design for this?

i have to design a page where the user (after login for first time) must change the password but its optional to change the username. I am not sure which is the best approach from UX perspective, if ...
0
votes
1answer
55 views

Designing an address form for U.S. and international addresses

I am tasked with designing an address form that will function with U.S. as well as international addresses. There are multiple instances where our application may ask for an address. Also, the person ...
4
votes
4answers
374 views

Are Placeholders good for default values?

I read (and believe) this article that data entry tips in HTML placeholders are generally harmful and should be avoided. In-context descriptions or hints can help clarify what goes inside each ...
88
votes
5answers
11k views

Why do dialogs have grey backgrounds?

Most Windows/Mac/Linux dialogs I've seen have grey backgrounds. About-dialogs, settings pages, wizards, confirmation and error dialogs etc. Is there a reason from a usability perspective or is this ...
3
votes
3answers
69 views

What is the recommended way to display a form field in an error state that is also on focus?

I've seen a lot of tips on good error states, but I haven't seen much on best practices for when the error state field in on focus. Here is an example of a sign up form with multiple errors (...
4
votes
2answers
71 views

View Blockage vs disable button in mobile app form submission in cases of slow server response time

I am developing a mobile application. In cases where the server takes too long to respond during form submission, what is considered a best/widely acceptable practice to prevent users from trying to ...
0
votes
1answer
31 views

Proven UX practices for fast data input and further association

I am investigating the ways of solving the following UX task: There is a user (sales person). They have a tablet. They want just a multiline edit field where they can enter any text about their ...
1
vote
1answer
56 views

How to display additional information in a form

I have a rather complex form that might require some additional information to the user so (s)he might be able to fill in the form correctly. Just above the form, there is a piece of brief ...
4
votes
5answers
228 views

Keep long form, or separate into multiple steps?

We are developing a price comparison website and are struggling with the attached form. The registration process is: Eshop owner clicks on "Add eshop". Registration page 1 shows, with the basic ...
4
votes
2answers
182 views

Should tags be inside or outside the input field

So tagging inputs are pretty common but there are generally 2 different approaches I see for displaying the tags: The tags are below the input outside of the type-able space: The tags are ...
1
vote
0answers
67 views

How long should the debounce timeout be?

When using the debounce() operator for form validation how long should the debounce timeout be? I currently have mine set to 400 milliseconds but idk if that is too short.
1
vote
1answer
81 views

Should fields be marked as required if all are required? [duplicate]

If I have a registration form on a responsive website with only 3 text fields to fill and ALL of them are obligatory, should I put a star key on every label or should that star key only appear if the ...
1
vote
2answers
131 views

Helpers in form

I am inserting about what is the best way to show help in form inputs. This is what I am doing in my site: download bmml source – Wireframes created with Balsamiq Mockups I have a ...
14
votes
5answers
2k views

How to briefly indicate textarea field will not be submitted if another field is not checked?

I have two fields. The first is a checkbox, checking this checkbox enables the textarea below it. Un-checking the checkbox disables the textarea below it. I'm looking for a suitable way to indicate ...
1
vote
3answers
92 views

Pre-filled textarea's are perceived as un-editable

TLDR: When prefilling a textarea for endusers, they take it as un-editable, while in fact it is only there as a suggestion. How do I fix this? I am working on a form where you can approve or decline ...
8
votes
4answers
207 views

How can we go about deciding an appropriate filesize upload limit?

Our web application includes a form where a user can upload supporting documentation. It is anticipated that many users will use the camera on their mobile to snap a photo of a receipt or certificate ...
3
votes
1answer
83 views

Order of buttons when on the right of the page

I've been going through various posts on this board to clarify my doubts but I haven't found anything yet. As I understand, there are 3 methods of positioning buttons, by importance of the action. ...
3
votes
2answers
198 views

What's the meaning of a disabled form field?

I'm working on a desktop UI that uses a lot of form elements like input fields, spinners, radio buttons etc. to fill out what is basically one big form. This form has a lifecycle with different check ...
2
votes
2answers
79 views

Suggestion required for max width of a form

My team is building a form builder tool. Once published there might be several input devices a user can use to fill a form, from a mobile phone to a 27" monitor. I would like to hear your ideas on ...
3
votes
1answer
70 views

Best practices for collecting employment wage history

I am developing an application that tracks a person's employment, wages, and how they change while within a program the person has enrolled in. This also means there are three types of jobs: Jobs ...
2
votes
3answers
78 views

When should a system partly fill in a form for a user?

I have a part of a system used for searching for / viewing recent or past transactions. The system will be used in more than one store, and transactions could have happened in any of the stores. You ...
5
votes
1answer
114 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
102 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
101 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
23 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
51 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
92 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
81 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
68 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
109 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
84 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
161 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
81 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
62 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
73 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
91 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
76 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
53 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
38 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 ...