Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Forms are generally used to retrieve different types of qualitative and quantitative data from user input through controls such as text fields, radio buttons, checkboxes, sliders, buttons, or any type of custom control used to collect data input. Form- and field-level validation, error and status ...

0
votes
1answer
47 views

Can a contact form be too short?

So we all know how much users dislike completing forms... even when it's to get to something they see value in. We're told that, in a general sense, the shorter the form, the better the chance of ...
1
vote
2answers
97 views

First Name & Last Name VS Given Name & Family Name

Why facebook and google use First Name & Last Name when some countries have family name first followed by their given name ? Why not just use Family Name and Given Name, and I think this is more ...
5
votes
4answers
648 views

Should a Search Icon Inside a Search Bar Be Tabable?

I'm developing a search bar. The input field and the icon are uniform in design, and thus a tabable icon feels superfluous because the default behaviour when pressing the enter key while the input ...
0
votes
2answers
48 views

Synonym for action of filling out a form

I can't believe I'm essentially begging Stack Exchange to find a synonym, but I'm stumped. I've tried every thesaurus and synonym dictionary. So, the Customer Service Representative (CSR) has created ...
0
votes
1answer
65 views

How to handle users editing the amount they want to pay

I am currently working on a payment form. It's absolutely required that our users are allowed to edit the amount they want to pay. Currently, the way I am handling this is to have an editable '...
1
vote
1answer
38 views

Get the user to accept Terms & Conditions when signing up with OAuth

The register form I'm working on allows the user to sign up using their Facebook account or to create a new account by typing their email and password. Here a mockup: Currently, clicking on the ...
0
votes
1answer
67 views

Is it a bad practice to display both editable and non-editable fields together in a CRM-style interface?

Hi! I'm designing a CRM-style experience to help nurses manage their daily tasks, and I'm running into a bit of a dilemma. I want nurses to be able to quickly edit the "Due Date" and "Task Status" of ...
1
vote
1answer
53 views

When do you choose a long form with a stepper and when do you choose for one-form-per-screen (like typeform)?

Situation I'm designing a flow where a user needs to fill in multiple types of data to let us know they're moving to a new place. Currently I've divided it up into 4 steps. In each step they have to ...
0
votes
1answer
34 views

Best practices for forms for leaving contact info

I'm designing a form for leaving contact information—ideally email and phone number, with both being optional (but requiring at least one entry). What are some best practices for such a form?
1
vote
2answers
58 views

Numbers alignment in a table and in a topdown label placement

Hello UX Stackexchange, Recently I'm facing an issue in terms of forms design. My developer has insisted that numbers should be aligned right. But I think that since the input for numbers are far ...
5
votes
2answers
189 views

When is it appropriate to use disabled inputs?

It seems best to avoid disabled controls entirely, though I realize there are sometimes technical reasons where people are forced to style some disabled controls instead of removing the fields or ...
2
votes
1answer
85 views

How can I search in Miller Columns?

I have an interface using Miller columns like this: And I'm trying to implement the search feature to it. What are my options? The first method that I can think of is on blur search triggering with ...
0
votes
2answers
207 views

How to properly communicate admission form on website?

We are struggling with a returning issue for a webpage I am designing. I work on a university’s admissions portal for upcoming students. It is difficult to explain the exact criteria for why students ...
1
vote
2answers
104 views

'Yes to all' or 'No to any' with multiple individual questions - The best way to present to the user

I have list of approximately eight questions that need to be answered on a form (yes/no). If the answer to any of these questions is 'no' then the user is taken to page x, while if the answer to all ...
0
votes
1answer
129 views

UI Ideas to allow user to select the alignment of text

I have a feature in my application which allows user to select alignment or location of the text before printing. E.g. Top Left, Top Right. Right now, I have created a simple switch like the image ...
0
votes
0answers
41 views

How do we prevent users from typing unlimited number or character in fields? [duplicate]

How do we prevent users from typing unlimited values? We could use form validation or present users with an error message. But how do we restrict users from typing unlimited values in other ways?
48
votes
7answers
9k views

Showing “this is secure” on credit card entry screen

Should I show some sort of "this site is secure" puffery (e.g. lock image, or some brief "this site is secure" boilerplate) on my credit card payment screen? If so, what should it look like? If not, ...
1
vote
4answers
103 views

Is this a good concept: “Select one or multiple items using checkboxes and use a radio button to select all”?

We have found a component on a website* with a selection that works like this: There's a radio button All. There are multiple checkboxes, one for each value. It's possible to select one ore more of ...
1
vote
1answer
37 views

How could I make this sheet more intuitive?

I recently wrote an open-source application that lets you practice Chinese writing and the decisions I made about its inner workings were related to my theories of how human memory works. I'm not sure ...
0
votes
1answer
54 views

Inline validation on smaller forms

I'm trying to redesign the forms on our web app and run into an issue with inline validation messages. I started with putting the error message in the top right corner above the input and this worked ...
0
votes
2answers
48 views

Need examples of applications similar to TurboTax [closed]

I'm currently working through an application very similar to how TurboTax functions. I have a paper form that needs to be entered by users into my application (see example" https://www.cms.gov/...
3
votes
3answers
170 views

Radio buttons vs button groups

I'm interested in what people know about UX regarding horizontal button groups and radio buttons. There seems to be a wealth of stats around when and where to use radio buttons as opposed to select/...
0
votes
1answer
74 views

Best practice for checkout process where users need to meet certain criteria to make purchase?

In a multi-step checkout process, what's the best practice for basically filtering out people who do not meet 3-4 certain criteria for purchase? One criteria is country of residence for example. So ...
1
vote
1answer
89 views

Noun(adjective) or adjective noun with multiple nearly same labels

When desinging labels with items that are nearly the same and only differ in a detail, what's the best approach to name the labels (desktop, not mobile)? vs vs To take a more abstract approach: ...
1
vote
3answers
130 views

How can I design a registration form with 10 fields for multiple users?

I'm in a situation to design registration form that asks A Dad [a user] to register his "Son or Sons" in a sports activity and pay for this registration. In order to enable Dads to pay one time even ...
0
votes
0answers
35 views

Registering people on mobile at an event - form field best practices

I’m working on a mixer event where we hope to get people registered for our community. We have a lot of young people so working on doing an text-to-register option. They text a code, and get a link to ...
0
votes
1answer
132 views

How to help users keep the effort when filling a long (160+- questions) questionnaires?

I am lending a hand on a project of my friend who is designing a questionnaire for high school students to determine what kind of higher education they are suitable for. There will be over hundred ...
2
votes
1answer
52 views

How can I force a space into the six digit Canadian Postal Code?

Our back-end system only accepts Canadian postal codes as "XXX XXX." Is there an easy way for me to customize the form field to force in that middle space so that the data is collected and exported in ...
0
votes
1answer
48 views

Contact Form - UX after Submit [duplicate]

When submitting a form in a contact page, what do you prefer? For me it's better to keep the data in the fields, disable the fields, disable the submit button and give a feedback message to the user.
2
votes
1answer
59 views

A better way to display repeated selections in a form?

We currently have a large form spread over 4-5 sections. One section can be repeated n times as it's a list of the users qualifications. Currently the best way I could think of to display their ...
0
votes
1answer
78 views

Two 'directions' in form

I'm creating a form that has a 'split' section, where the user either has to fill in 'Section A' OR 'Section B'. These sections are quite large, with around 6-7 fields in both. Another requirement I ...
1
vote
1answer
68 views

Is there a good non-language specific (international) way to describe Yes/ No or Present/Absent?

For example, each row in table has Y or N to denote the presence or absence of something. This could be changed to a check or "x". Check means present, "x" means absent. Does the check vs "x" make ...
0
votes
2answers
54 views

How to apply add/save from modal window

I've got a web application where I want to be able to add qualifications to a user. When I open the Edit Employee form there is an Add button and a Delete button. When clicking on the Add button, a ...
3
votes
3answers
87 views

Grouping problem

I need to design a commercial information form for a project. Client section is read only data and is loaded with select button. It opens a search dialog and client and receiver data are loaded. I ...
1
vote
2answers
53 views

Text Messaging / Email Interface

I'm looking to design a single interface for composing & sending a message via text and email. Given email fields/options like subject, bcc, cc are not valid in a text message, I've been leading ...
3
votes
1answer
87 views

What is the best form of wildcard indication in UI?

Can anyone help me figure out what is the best way to represent that wildcards are allowed in a field? Also, is there a best practice to represent 'enter exact match' as well? Thanks in advance.
1
vote
2answers
100 views

Sign-up and Log-in for two different sets of users

TL;DR / PROBLEM SUMMARY Business users should only sign up and login with the email/password option using their work email address. They cannot login with social login options. Personal users can ...
1
vote
2answers
65 views

Getting a UK postal address

What is the bare minimum information needed to determine a user's full UK postal address? From: Address line 1 Postcode there is generally enough information to determine the user's town, city and ...
0
votes
2answers
82 views

Label width in horizontal forms

In a horizontal form, each label and its corresponding form item are in one line. To make these labels aligned properly, they must be of equal width. Then what width should we choose? There're at ...
0
votes
2answers
107 views

Alternatives to modal dialog for simple forms

I have a button that pops a simple modal form. The form takes a name, description and has a save button. I am not a fan of having a button to the left of the screen, a dialog that pops in the center ...
2
votes
4answers
158 views

Radio button which includes a text field. Should I add a label?

I'm currently adding a new section to a form which consists of two radio buttons, however, I'm struggling to decide if I should include a label for the sake of clarity. Above both of the radio buttons ...
1
vote
3answers
53 views

Best way to indicate usage of 'points' to offset an amount?

I'm having a bit of a dilemma on how to properly do the interface for using points to offset an amount. Let's say I have 5000 points in my wallet. Of course, I need to indicate that I have 5000 ...
0
votes
3answers
148 views

Retaining a value after hiding and un-hiding a field

We have a screen when we hide/disable a comment field based on a value in some dropdown. For some values of the dropdown the comment is shown, for other values it's hidden. For example, imagine a ...
0
votes
1answer
39 views

Should we ask for area code or just the country code?

When asking for phone number (open to international users), which is better? Have a separate field for area code. Let them choose just the country code and let them type in whatever comes next (area ...
0
votes
1answer
21 views

One check for “meta”

My site has a form where you can select a Stack Exchange site from a drop-down-menu. Every site has a meta, and including a "Meta X" option for every "X" in the menu (I think) is redundant. To make ...
0
votes
0answers
17 views

Add/edit panel that slides up from button

I need to display a pretty simple data entry/edit form, two fields and a save button. I don't like the idea of using a modal dialog as it appears in the middle of the screen, far removed from the ...
0
votes
0answers
23 views

Statistics on whether users save and come back and finish an account opening application?

I'm redesigning some account openings for financial products that have fed regulations requiring many many fields and am skeptical users take the time to decide they can't finish then click 'save for ...
0
votes
2answers
61 views

Data Validation - Positioning

I have discovered that users are struggling with signing into our site due to data validation. Currently, the system has this logic: Wrong email/ID = display error Wrong password = display error ...
0
votes
1answer
63 views

Best way to ask frequently used infromation?

I have a requirement for a web form (desktop) where user is asked to enter "Three Frequently Dialed Numbers (Last 30 days)". What would be the best way to handle this? Three different input fields or ...
2
votes
1answer
63 views

Displaying report based on data table selection

First, hello to everyone since this is my first post in ux.stackexchange.com. Now to my question: Right now I have really simplistic view containing a search input + button and a jQuery datatable ...