Input fields are several different controls such as textboxes, dropdown lists and radio buttons who reside in a (web) form.
1
vote
4answers
60 views
Does retyping an email to confirm really mitigate errors?
I've seen a lot of sites ask for email confirmation on the page, mostly by retyping the same email.
Does this reduce error rates or just infuriate users and what are the best ways to reduce errors ...
1
vote
1answer
69 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:
...
2
votes
1answer
48 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
0answers
25 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
4answers
105 views
Select every Nth element or N element input
There is list of things, for example books. User selects which books should be highlighted. We do not know how many books there are, so user uses index, for example:
The second book should be ...
2
votes
2answers
83 views
Converting from 2 year capture to 4 years without a 100 year?
Any tips on how to capture a full year age when converting from two years to a four year digit? Without asking for manual input?
The problem I think lands specifically for a 100 year age.
E.g. if ...
5
votes
3answers
172 views
<input type=“number”> or <input type=“text”> for entering an ID?
My website has a form with an input box to enter a long, random, numeric ID. Should it be a text input or a number input?
The problem with <input type="number"> is that it has useless up/down ...
5
votes
1answer
94 views
Should I clear form data after a new form is selected?
In my web app we have an area where you can choose the type of "query" you want (left block) and then you see the selected form with the fields in the right
As you can see, 'Risk' field may appear a ...
4
votes
2answers
107 views
Web form field - Select box with free text
I've been tasked with building a component to allow the selection of some sane defaults or optionally allow the user to enter free text.
Semantic UI offers an Allow Additions option which enables the ...
1
vote
1answer
91 views
Which colour to choose for 'updated' field?
I'm designing a user interface, which will contain fields that the user can edit.
Each field can have 4 states:
Unchanged (field has the same value).
Added (field has a value, where it didn't before)...
1
vote
1answer
70 views
Should a field display it's value in its tooltip?
Should a field display it's value in the title attribute (tooltip)?
For example, lets say we have a text input field and a select menu, both have a value that is fairly long, but the field width is ...
2
votes
1answer
67 views
What are the best UX practices to show that an autocomplete data for an input field in a form is loading?
I'm a developer working on a form, which fills an autocomplete input field with available choices.
What would be the a good UX take to show that those suggestions are loading?
I'm thinking on ...
2
votes
1answer
38 views
How best to visualize an either/or choice between different types of actions
So I have a modal window with some tabs. On one of the tabs there is a single input field for an identification number. Now we are adding some new functionality which will let the user snap a photo of ...
1
vote
3answers
60 views
How do I get a chart input from a user?
I would like to get a chart input from a user:
download bmml source – Wireframes created with Balsamiq Mockups
One way could be to let the user manually enter (X, Y) values like here but that ...
0
votes
0answers
29 views
Forms: distinct fields and masks (dates, phone #s) don't support copy/pasting
This is Business Banking Application form - very long, several pages. It's an agent filling out the form for a client, so they are trained and fast. It is not their personal data, it's the client's; ...
0
votes
1answer
57 views
Inform user to press escape key
We have a rich text editor that has become fairly complicated due to client requirements.
Because of this I have created the functionality of pressing the ESC key to exit the current element. ...
2
votes
2answers
100 views
Should I require starting name with a capital letter in form
I'm part of a team developing small web app. I'm responsible for frontend part of it. We've got form with inputs for user name and last name. Backend guy made a regex that requires name to be at least ...
3
votes
6answers
410 views
Readability of form input fields and confirmation
I have a form that the user inputs some data to send to a server but I'm wondering how does a user normally read a form for input purposes?
Should it be Input, Button, Confirmation then close:
Or ...
0
votes
1answer
36 views
Ask metadata for each file added to a folder (possibly many files added at the same time)
I have a file sync Windows desktop application that looks very much like Dropbox:
Tray icon is the only GUI.
Users mostly uses the Windows file explorer, but also programs such as MS Word that open ...
0
votes
3answers
61 views
Best practice how many fields in one screen for mobile and desktop browser
my website is using bootstrap so its a responsive not the adaptive one.
I want to make a form that has many fields->i already breakdown as a section and cut down unnecessary fields, for example one ...
20
votes
2answers
4k views
Two forms to choose from, choose only one
I've got one screen with two API options available (web tool). Both forms include a title and two input fields. The user can only choose one API at the time.
Now, I've tried checkboxes, a dropdown ...
2
votes
2answers
51 views
How to toggle truncating of long radio button labels?
In my application, I have a series of radio buttons. The associated labels can contain a number of fields and become quite long, so I'd like for the labels to be expaneded and collapsed.
I've ...
0
votes
2answers
161 views
Struggle of the day: First/Last Name or Full Name
The software I'm working on is currently presenting some discrepancies in terms of wording and fields. At some places, we are asking for the First and Last Name in two separate fields and on some ...
0
votes
1answer
56 views
Best way to show password in case of Unshowing password field? [closed]
I'm developing a Desktop JavaFX application using ControlFX. I have a problem that CustomPasswordField can not show password text instead of points (PasswordField limitation ), it needs some custom ...
0
votes
1answer
45 views
Best practice: same button multiple functions depending on input
I have an input field where the user should enter a URL. If the url points to a sitemap (ie sitemap.xml) all the urls contained in the sitemap should be downloaded whereas in the case of a url not ...
1
vote
1answer
67 views
How to design a form where inputs can be computed from other inputs? [duplicate]
What are the best practices when designing a form in which some inputs can be used to calculate other inputs?
I am designing a form with about a dozen text inputs. The first three of these inputs are ...
1
vote
3answers
127 views
Edit a record added on the page
I have a page where optionally the user can add items that will appear on the table that will then be submitted to the server. The user may remove items added to the table, or they can choose to edit ...
2
votes
1answer
108 views
Form with C union-like structure
I need to create a form which resembles union. Basically I want to create a form, part of which depends on one particular field. For each value of that field there are other fields that become needed ...
0
votes
1answer
50 views
What is the quickest input format to select what animals a user sees
I hope someone can suggest an efficient input format for a user to input what animals he/she saw and how many of each. It is for an iOS/Android app.
The idea is that the user can add by pushing the ...
1
vote
2answers
71 views
When a radio-button is not yet chosen
I have three radio-buttons for "kind of project":
personal / unregistered nonprofit / registered nonprofit
I also have text input "Organization name" below the radio buttons.
"Organization name" ...
1
vote
1answer
50 views
Use native keypad or custom one in web application
I'm tasked to implement a code entry view which allows you to enter a 6-digit code. The UI runs in the browser (JS/HTML/CSS), mobile touch devices only.
I'm stuck on how to implement this, basically ...
3
votes
3answers
64 views
single input or seperate inputs for a solution containing units
We are trying to create a web application to teach units to students of 4-6'th grade, the question would be like
what is average velocity of the car that moved 60km in 3 hrs?
The answer would be ...
0
votes
0answers
39 views
Form without fixed number of input fields [duplicate]
I'm working on a form that allows a user to invite new users to my service. So basically a user should input email addresses and my website will send invitation emails. Now when user visits that form ...
2
votes
1answer
85 views
When is the best time to validate an Input Field in a form? [duplicate]
I have a form with a few fields in them. I wish to validate all of them before I could submit the details entered. For example, First Name should have atleast 1 character. Email should match the Email-...
0
votes
0answers
49 views
Input Fractions of an Inch
A form control should allow users to input a length accurate to 1/32 of an inch.
The users are used to working with fractions of an inch (rather than decimal places). However, I plan to store the ...
4
votes
4answers
294 views
How can I make complicated form logic more intuitive?
I'm building a search feature that allows users to find people based on providing a combination of their full name and SSN. The part of the business requirements that I am struggling with is this:
...
3
votes
2answers
72 views
why do most banking sites provide 1 plaintext input and 1 secured input for same field on the same page? [closed]
In multiple banking and finance sites, I have seen form similar to following:
What is the point of providing 2 kinds of inputs for the same field? I understand that the second field is tied to ...
3
votes
6answers
318 views
Fade right side of the text of a material design like input
I'm trying to improve my UI so the user understands that there is more text than what he sees on the screen. I had a couple of ideas:
Fade right side of the input
Place 3 dots if the text is longer ...
0
votes
1answer
48 views
Empty input fields and functional design
Let's say my application has two input fields. Here is the situation:
When starting the application, both fields are empty.
When entering a value into one of the fields, it will be parsed to a number ...
1
vote
1answer
214 views
Multiple choice input method
I'm designing for a mobile app.
I have a particular field within a form in which the users can fill out.
One such field has multiple choices and the user can select more than one. In this ...
6
votes
2answers
102 views
Moving through timeline
I need to show a series of controls for a timeline bar in touch-screen application. The User will select particular time-frames on a timeline by moving controls at the start and at the end of the time-...
0
votes
1answer
59 views
Forms: Best way to have users input social media links
I have a form with various inputs where I want users to be able to list various social media links such as their facebook, instagram, and twitter accounts. Simply providing a blank textbox seems ...
3
votes
1answer
202 views
What is the UX effect of input labels (NOT placeholders!) inside vs outside input wrappers?
I was wondering if there is any research or literature you know which discusses the position of an input label in regards to the input wrapper?
Take the following example:
Both versions take the ...
9
votes
4answers
612 views
Should I make space for error messages in forms?
I'm designing an mobile app for both iOS and Android, which includes a form. The form has several required input fields that the user needs to complete before continuing.
If the user clicks Continue ...
0
votes
2answers
84 views
Disabling filled fields
In a webapp we have a form composed by a select box and some text inputs.
When choosing item from the select box, some of the text inputs will became disabled because "not applicable" and will not be ...
6
votes
1answer
119 views
Login system for anonymous crime reporting service
I work in the digital team for a UK-based crime prevention charity. The charity has an online form where people can give information about crime anonymously, and they can chose when completing the ...
1
vote
1answer
162 views
Should read-only fields hide or disable icons?
Throughout our system we have different input-field types that have icons tied to them.
Examples:
Time field with a time icon - when clicking the icon it will fill in the current time.
Date Field ...
1
vote
2answers
107 views
User Interface suggestions to unlock editing for critical elements
I'm developing a webpage for internal users who will spend a few hours a month using it. Most of the elements on the page are straightforward, but a few could cause hours of work to undo if they have ...
2
votes
1answer
253 views
Swap two text field values
User needs to be able to swap two input values (first name and last name)
so that for example John becomes Doe and vice-versa. There is a button which swaps the values, but I'm not sure where to put ...
1
vote
2answers
63 views
Which styling should the field have, once a value has been chosen?
I'm working on the input style for a dropdown field, and I have two options for once a value has been selected. The default field state is shown at the top, which has the same border color as the ...
