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
2answers
25 views

When do you save and editable form when you have an editable grid that autosaves?

I'm designing a webapp that basically is patient tracking. We are in a claimant's "clip board" and it has all of the patients information. There are forms, and their are some grids. We currently ...
1
vote
3answers
65 views

Progress bar in a multi-page form in an app

We have an app wherein we need to ask a number of data from the user. We have split this into multiple pages and we put a progress bar on top. However, because of the screen estate, we can only ...
7
votes
0answers
313 views

Is there any reason to disable paste password on login? [migrated]

Today I logged in to pay my cellphone bill, and I found that the site has disabled paste functionality in password field. I'm a webdev and I know how to fix this, but for regular user is REALLY ...
1
vote
1answer
48 views

Best form for asking places destination and vehicle type

I am creating a layout that will ask user enter destination(google places address), vehicle type, price offering and an optional message. Is there any best way of making it simple for bike/car ...
1
vote
5answers
101 views

How to prevent user form entering password to next to password field?

Being long time internet users I tend to fill forms barely looking at field labels, especially if it is as common and seemingly predictable as registration form. It often leads me into entering ...
1
vote
1answer
36 views

Error message- display in a Modal vs display in the form

Generally, in a forms, when some field is invalid, the error message shows next to the field. However I am not sure where/how to display errors that are not directly related to the fields. We have a ...
4
votes
1answer
111 views
+100

In a survey, will the size of buttons for choices bias the responses?

I'm working on a survey platform, and I am wondering, with a design such as would the differing button size for different answers introduce a bias into the responses? Note that the survey platform ...
0
votes
1answer
38 views

Why do contact forms fail to handle line breaks?

It's been my experience over the past few years that the majority of contact forms on web pages of both large companies as well as governmental institutions fail to handle line breaks properly in one ...
3
votes
1answer
84 views

3 Column CRUD layout

At my company we are developing an windows desktop application (WPF) and we are using 3 column as default of our system CRUD's. In the first column, at the top there is the buttons to add " + " and ...
0
votes
0answers
20 views

on my site I want the form to fill the screen on mobile phones [closed]

I tried setting max-width:95% on my form for screen with max-width:760px, but something is overriding it, maybe because it doesn't see my device as smaller than 760px? Or because the max-width:600px ...
3
votes
2answers
58 views

Edit button for a text area layout

I have an edit button next to a text area but there is something I am not sure about. Is the button position suitable? If not, where should it be ideally and how to position it there?
3
votes
2answers
82 views

Good UX patterns for data entry on a tablet

Users of my product are farmers and farmhands, and will be entering lots of different types of data about their cows via tablets (likely in portrait mode) whilst out in the field. How can I optimise ...
6
votes
5answers
935 views

Should search display results by default or should users land on an empty page?

We are currently redesigning employee search for a web app and we are debating whether the search page should display some employee records by default or not. In my opinion displaying a portion of ...
5
votes
2answers
152 views

How to allow users to use an app's major functionality (without overwhelming them with forms)?

We are building an app for consultancy (online conference). However, before the customer can engage / connect with the consultant, to best serve the customer, there are several questions that the ...
11
votes
8answers
529 views

Validation of scanned images

I have been asked to appraise an interface On the right is a scanned image and it contains information about a user. It contains a unique ID, name fields and an address. The user has to find out ...
0
votes
2answers
95 views

How can we show the user that something exists but is no longer required?

Background We are working on a system that's primary function is for users to upload / store data. As part of this, we have a section where we generate suggested documents to upload based on what ...
1
vote
4answers
101 views

Lot of forms in a single app view, how to handle?

I need to put about 20 <input type="text"> in a single form in my ionic app and i can't use tabs view. I also need to ask user to select some data in a dropdown list that load data from the ...
1
vote
1answer
66 views

What should be the UX for ellipsis on a text in list mode?

In a list mode, I have a description column. Each record can contain a lot of text for this description field. Even if it is considered secondary information by the user, I still need to display it. ...
1
vote
1answer
23 views

Address Form Inputs: Text vs Select/Dropdown (Dependent)

I know it's common to let the users type in their address, city, province, etc. I found this website (local one) that uses dropdowns. First it will ask your province Then the city/municipal ...
0
votes
3answers
90 views

number input vs range slider

what are the advantages and disadvantages of range slider type input as compared with the classical number input? When it is better to use them?
3
votes
0answers
78 views

Dividing steps in Form Wizard

I have this category input in my form. If a category is not found on the list the user would need to create a new one obviously. If they would need to create a new, there's 2 options: Category or ...
0
votes
2answers
38 views

Group/split form based on user role and button placement

Like the title say... Say there are 4 different role of user (Warehouse Staff, Sales Staff, Purchasing Staff, Managers) that need to edit an [Item]. And the fields in [Item] form that can be filled ...
3
votes
2answers
89 views

Notify the user that all form fields are required

I've been using React for a while now for creating forms, and for some reasons I cannot do some inline validations because I'm not yet that experienced on self-created inline validations and I'm also ...
1
vote
2answers
123 views

Best Practice of radiobutton alternatives

Ok I need to add a new filter option to my page. The first option to choose are steps (6 steps in total) and the second one is the desired status of the steps (Success, Warning, Info, Error). You ...
0
votes
2answers
63 views

Is asking the “I certify that information submitted is true?” question worthwhile?

I recently watched a documentary on Netflix called (Dis)Honesty – The Truth About Lies. In it, there was an example about how simply reminding the user about attesting to submitting honest ...
2
votes
0answers
128 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
1answer
95 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
82 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
63 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? ...
8
votes
5answers
2k 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
131 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
40 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
95 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
77 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
401 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 ...
89
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
81 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
77 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
44 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
60 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
258 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 ...
5
votes
2answers
222 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
71 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
87 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
132 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
93 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
214 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
84 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
215 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 ...