All Questions
160 questions
2
votes
0
answers
40
views
Which aspects of an input should use rem and which should use pixels?
I am currently working on standardizing the styling in an application. As part of the process, I want to use rems (ie scaling based on the browser font size) instead of pixels (px) where it improves ...
- 21
0
votes
1
answer
29
views
Input field in form with two different workflows
We have a form that user needs to input manually(at least for now).
Currently, we have an input field for users to type.
As we are planning to implement gen AI feature in our product,
we want to use ...
- 1
12
votes
4
answers
3k
views
What is the best UI for allowing the repeated selection of the same item from a list?
In my project, I have two lists of items: on the left, all the possible items for selection, and on the right, those that have been chosen.
Unlike typical scenarios, in my case, the same item can be ...
- 153
2
votes
3
answers
166
views
Is there a way to simplify interval input to allow filling one single endpoint?
Let’s say I want users to fill an event start and end dates. If the event lasts one day then these are the same, and it feels redundant to input the same date twice.
However, I can’t imagine how a ...
- 123
0
votes
1
answer
163
views
Form with multiple input fields that has an responsible Person per field
I am trying to design a web based input form for a database. For my form, I have two users groups. Both of which need to be able to edit every field. But one of the two groups is always responsible ...
- 15
1
vote
1
answer
37
views
Prevent reset of data in input form after changing server instance
I'm trying to design an "add card payment" form with Stripe implementation, the real challenge is that I have two accounts for two regions US & Europe.
My current design is that user is ...
- 13
1
vote
4
answers
2k
views
How to show error message around HTML input on blur without jarring the layout?
I have this so far, not really that styled but the basic layout.
Notice how the layout jars when there is an error message (and the error message might be longer than one line). I even tried forcing ...
- 523
1
vote
1
answer
1k
views
How to improve UX on deeply nested form functionality in the browser?
I have this, which is horribly unstyled but shows the inputs and grouping (which is also described in terms of the HTML structure in more depth here).
Basically, you have a form for a "...
- 523
1
vote
2
answers
173
views
Field only required during Edit mode
I have a form that allows the user to add a "Location" for a particular entity.
Each location should have an "Assignee."
In that sense, the "Assignee" is required, ...
- 1,414
1
vote
2
answers
4k
views
Phone number input with country code
I'm really struggling with a phone input field for a form similar to an emergency contact form. International numbers are unlikely but possible inputs.
Due to timelines and system limitations, we can'...
- 13
1
vote
1
answer
100
views
Success feedback for debounce updates
When creating a form that updates automatically after a short debounce time (thus without a save button), is it best to provide a visual feedback if the update was saved successfully and in case of an ...
- 113
1
vote
2
answers
250
views
UX Pattern to make it easier for the user to fill many different select boxes
We have a web form and the user is required to fill in atleast 5 (maybe more) select boxes. Our current UI layout (see below image) looks like alot of work to the user. Are there different UX Patterns ...
- 111
1
vote
1
answer
531
views
Checkbox alternative?
I have a problem to design a form. I know that :
Radio buttons are used when there is a list of two or more options that are mutually exclusive and the user must select exactly one choice. In other ...
0
votes
3
answers
2k
views
Form validation when the field is optional
I am working on a form where the phone number is optional.
What is the best practice regarding a validation mechanism that checks if it's a correct phone number (over 10 digits):
No form of ...
- 165
5
votes
3
answers
2k
views
Best input method for 5 or 9 digit ZIP codes
I am designing a form where the client wants to required a 5 digit zip code, with 9 digits being optional. I can think of a couple ways to deal with this.
1) Just plain old regex accepting 5 digit ...
- 53
3
votes
2
answers
259
views
Providing alternate way to input information
I am designing a complex application about animals which requires a lot of user input. I'm wondering how best to approach a particular scenario where a user can input a name however sometimes (and ...
- 31
2
votes
3
answers
419
views
Adding Users to a list
I'm trying to create a smooth way of adding users into a list on a page. The user has to add email and full name for a user. And at least 1 user should be added before being allowed to proceed.
Step ...
- 71
1
vote
3
answers
2k
views
Placeholders in Form Fields are Harmful
I usually take NNGroup information as sacred but I watched this video where they say that an input should not contain a placeholder on the inside box and while the explanation itself is correct they ...
- 4,578
3
votes
4
answers
2k
views
Help text for 4 digit year
I am designing an input field for a year, that needs to be 4 digits. YYYY as help text does not seem very clear when it is not combined with MM/DD. What is best practice here?
- 31
0
votes
1
answer
149
views
Address box in a form [closed]
My users will need to fill the address line and be very precise since the address represents their client's location (including apartment number, floor, etc.).
However, I would like to use only 1 ...
- 91
4
votes
3
answers
9k
views
What is the best location on a form for an information icon?
I am trying to create a form for my web app, which requires information elements to be added. In general I would refer to the documentation of the framework that I would be using (which in my case ...
- 151
1
vote
1
answer
278
views
Can we open keynum or keyboard on the bottom sheet or pop up for mobile application?
I am working on a mobile application. It is like ordering app for grocery but in wholesale and not in retailer. So user can order 100kg to 1,00,000kg for selling purpose. Order range is huge and ...
- 451
1
vote
1
answer
851
views
Value input for several dependent ranges
My system measures events for event sets. The activity level for each event set is based on the amount of events in that set. The numbers in the image below illustrate the amount of events needed for ...
- 567
2
votes
3
answers
349
views
How can I allow the user to select an amount of product by either volume or quantity?
I am working on a mobile application. It is like ordering app for grocery but in wholesale and not in retailer. So the order is not in 1 quantity, It is in 10000 kgs.
Scenario - I am logged in as a ...
- 451
1
vote
4
answers
511
views
Designing a mandatory input field with options
Are there any guidelines on how to present a mandatory input field which can either take in user input or be generated for the user?
(Example - A mandatory promo code field which can both take in ...
- 493
2
votes
1
answer
372
views
How to use input fields that automatically get a value while filling in the form?
Imagine we have an inventory management system. It contains a form where the user can fill in a placed order. The order has some properties like:
Date
Supplier
User who ordered it
Total price
VAT (...
- 121
3
votes
1
answer
3k
views
Read-only fields in Material Design
I am wondering how to style the fields in a form for users that have read-only access.
As per the Material Design guidelines, read-only fields should have a help text stating they are read-only. ...
- 33
1
vote
1
answer
2k
views
Dynamic Form Fields, add remove button UX [closed]
Is it good design if in the below form, in which I require user
input, the plus button gets disabled if there is no input yet?
I prefer this rather than hiding it but are there any better
alternatives ...
- 113
0
votes
1
answer
86
views
How to place two controls in a good way
I have no advanced UX experience and need some help in placing one input and one button on a whole screen. Is there any way to do it pretty? There will not be any other controls on that screen.
1
vote
3
answers
494
views
Better user experience when asked to input frequency of periodic event
So I am working on a form and one of the inputs have proved in user-testing to be somewhat problematic:
We want to save the frequency of a periodic event, the event is how often a report is to be ...
- 13
0
votes
2
answers
91
views
Personal information or generated information
Dear community, I am creating a appointment process for a rental process. Currently I am evaluating whether to show the user their First- + Lastname + E-Mail in step (3) that they have entered in ...
- 616
4
votes
3
answers
577
views
Do International/Non US Based Users Automatically know/type their county code when filling out phone number forms
I am designing a phone number field for an international audience. Initially I separated the country code with the ability to select ones country from a dropdown. Once a country flag was selected, the ...
1
vote
3
answers
180
views
Which is better button input or form input?
I understand that technically they are the same thing, but from a visual UX point of view which performs better button input vs check box?
Has there been any thorough research done around this? if so ...
2
votes
2
answers
171
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" ...
- 211
0
votes
2
answers
91
views
Form for creating/inviting new users
What I would like to achieve?
A form that enables a user creating a group of people on my website. Now: not every member of that group needs to be active (in other words: not every member needs to ...
- 101
0
votes
2
answers
1k
views
What do you think about phone number input field’s width in web design? Is it important whether the number is long or not?
I'm designing a new form field for sign up page and something disturbs me. I have to show phone number field but I don't want to make it wider than phone number's length. I realize most web sites don'...
2
votes
1
answer
2k
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 ...
- 214
1
vote
4
answers
237
views
If I start editing one table cell without saving changes to another cell, should it apply my unsaved changes?
I have some table and adding row. You can add elements to the table by typing something and clicking on Add.
Every data item can be edited. Now i want to add something and i type in input "Ite" (look ...
- 51
3
votes
1
answer
2k
views
Forms: Use visible input hint next to field or hidden hint behind info icon?
In case a label doesn't provide sufficient information for an input field and an additional hint is helpful, when should the hint be available next to (or below) the input field and when should it be ...
- 208
1
vote
2
answers
2k
views
Should nationalities in an input be listed in country name or adjective form?
When designing a data entry form for entering information about a person or an organization (e.g. customer info, international business partners, etc.), there arises a question about the best way to ...
- 111
13
votes
2
answers
2k
views
How to represent an abstract data type in a form?
I'm building a graphical tool for programmers to ease the use of a library. The library has a data type which I will call AbstractType that all types inherit from - Image, File, etc. The list of ...
- 255
3
votes
1
answer
110
views
What is the best way to handle listing multiple questions?
I'm working on a form where a user is asked to list various questions. My initial design looks like this:
Users can enter multiple questions separated by line breaks. My worry with this interaction ...
- 33
4
votes
2
answers
3k
views
Form input to accept array of strings
For a form, I want to accept a list of text inputs (e.g. "what baby names do you like?"). It's not a multi-select situation because there is not list of default values (the user could make up unknown ...
- 163
0
votes
2
answers
7k
views
Material Design : Space between inline inputs [closed]
Material Design doesn't specify any space between inline text inputs.
Does anyone have any thoughts on this?
Do I assume the 9dp spacing would apply?
- 139
0
votes
3
answers
97
views
How to enter business order
If i have input for order (business sort) for specific entity like this :
Where (10,20,30,40,50) are numbers entered from the user for the order of these contracts and this order is used in business ....
2
votes
1
answer
864
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 ...
1
vote
1
answer
331
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 dropdown ...
- 331
2
votes
2
answers
5k
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 ...
- 169
3
votes
2
answers
1k
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 ...
- 3,756
6
votes
6
answers
700
views
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 ...
user83018