All Questions
109 questions
0
votes
1
answer
64
views
Need help with a vertical form in a pane above a table
I'm struggling to add a form that needs to sit in a pane above a table. The form fields needs to be vertically arranged. It currently feels...off. I've tried centring it and stretching the card to 100%...
- 3
0
votes
1
answer
102
views
UI Design for dynamically manage multiple groups of form elements
I'm developing a user interface where users need to dynamically manage multiple groups of form elements. These groups may vary in content and quantity. What user interface guidelines and patterns ...
- 1
2
votes
2
answers
108
views
Best method for ordering information in a form
Is there a good method for deciding on layout and order of information in a complex form ?
For example - deciding how to order many customer details in a CRM system.
Should the main criteria for order ...
- 21
2
votes
1
answer
62
views
Whats a better way to group dates on a form
Looking to improve a claims form that claims assessors to review and approve in the insurance industry. One of the comments the user mentioned was that dates related to the claim was all over the ...
- 10.8k
1
vote
1
answer
260
views
Best layout for radio buttons on forms
I have a webpage with a form arranged in a "Z" pattern, consisting of input fields. Additionally, I need to incorporate three radio button choices into the layout. Given that I've organized ...
- 149
1
vote
2
answers
2k
views
Showing error messages on form without shifting layout?
I have a form where I want to show some errors (like "Email field required"). What I currently have is a red error message under the description (like shown below).
The issue is, when the ...
- 111
1
vote
0
answers
170
views
Best layout tactic for repeated, semi-sequential, nested form inside a bottomsheet [closed]
I am developing a mobile app that offers a GIS utility. As such, the main feature of the app is a map and a graph. In order to run the utility, the user must input 2 locations, i.e. a start and an ...
- 121
0
votes
2
answers
53
views
Showing multiple role linkages in a single form
Working on a form design that lets the admin manage users. Besides editing user details, they can add or remove roles, Also for each role added, it should display the reports and forms it makes ...
- 10.8k
2
votes
2
answers
6k
views
Form UX UI add item with multiple input fields
I have a form in which a user can add items with 3 inputs to each item. I need a label for each input and a label for the whole item group. I have a problem with aligning things up.
As a general rule ...
- 33
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
0
votes
1
answer
85
views
Can a 2-column grid of info be acceptable if it mitigates an awkwardly large amount of white space?
I'm in the middle of a psuedo-overhaul of my company's platform, with an emphasis on "object-level" pages (ie the page for an individual task, or individual appointment).
A problem I'm ...
- 543
1
vote
1
answer
492
views
How to organize nested groups of forms where a user can just keep adding to them?
Here's how it works:
The user uses the dropdown in the gray "new service" area to select a service.
Once one is selected, let's say Web Design (cuz why not?), then they can click "Add ...
- 127
1
vote
1
answer
145
views
Should I align multiple search boxes horizontally or vertically?
Which UI/Ux is better?
horizontally placed search boxes or vertically placed? I am trying to understand which pattern is good in terms of UX/UI and reducing the user's effort
I am thinking in a way ...
- 11
0
votes
1
answer
137
views
Where to put a Map on the Contact Us page?
I’m working on a Contact Us page and trying to keep it minimal with only 3 sections (in order):
Map
Contact Us Form
Footer
Does it matter if it is:
Contact Us Form
Map
Footer?
Edit:
I have removed ...
- 103
3
votes
2
answers
67
views
Requesting break down data for an amount or number
I am developing a page that allows managers to select teams and individuals needed for a project. When selecting a team, each employee within that team is shown with their known skills. Once an ...
- 133
3
votes
1
answer
4k
views
When designing a 2 column form, should the logical order of fields flow vertically or left to right
I'm building a business system that has several screens with more than 20 fields. In order to improve the experience I have broken the form into multiple sections and used 2 column layouts.
Should I ...
- 31
1
vote
3
answers
281
views
How best to arrange a group of 6 numerical input fields, one text field, and 3 radio buttons?
I have a GUI form with multiple group boxes. One of the group box has 6 numerical input fields each with an average input length of 3 or 4 digits, one text field with an average input length of around ...
- 11
4
votes
6
answers
2k
views
Best way to deal with multiple choice checkbox UX?
I know this is somewhat subjective, but I can't really make up my mind on the following UX issue (please ignore the design, so far the site is purely for functional testing)
I've got a site that acts ...
- 141
0
votes
2
answers
1k
views
Form alignment left side to right side
I am very new to UX and I find my form to be sloppy.
Is it an alignment problem? Should I align the text on the right side with the text in the left side of the form? For example: should I align " ...
- 1
0
votes
2
answers
206
views
Is showing the same shape for different purposes a bad practice?
For instance, in this image I am using a line for both dividers and inputs.
Could there be any kind of confusion?
Maybe it's a better idea showing coloured lines, like this
Or to change the shape ...
- 273
2
votes
3
answers
109
views
Search box layout problem
I have two similar kind of searches:
Clients: can be searched by code, name, state (active or inactive) and zone.
Companies: can be searched by code, name and zone.
Client zone and companies zone ...
- 87
11
votes
3
answers
3k
views
How to deal with an excess of white-space in a CRM UI?
I'm designing a CRM-style interface for nurses to help them manage their workflow, and I'm running into a UI issue where, in most use cases, there's kind of an awkward excess of white-space in the "...
- 543
7
votes
1
answer
1k
views
How to best improve information density for long, complex forms?
How to layout long, complex forms such that the largest possible number of fields is visible on the page, but legibility is maintained?
I am re-designing an enterprise web app where there are a total ...
- 317
0
votes
1
answer
725
views
What is best practice for large amounts of options in an HTML form?
I inherited an old web app, which includes an HTML form. This form has a large list of checkboxes for a yes/no on selecting counties to receive updates about.
Obviously this is not best practice, ...
- 103
0
votes
3
answers
458
views
Best Practice for Form Layout - UI
I'm building out a form at the top of page, where we are collecting 3 pieces of information. Would it be best to display this one line at a time or show all at once?
Scenario 1:
- The first form ...
2
votes
1
answer
74
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 ...
- 345
1
vote
2
answers
592
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 ...
- 151
0
votes
1
answer
347
views
How can I improve the experience of filling this form in? [closed]
I have a web form with several buttons - for saving/restoring drafts & also a submit button. It has the capability to display alerts when drafts get saved/restored. In the screenshot, an alert is ...
- 103
4
votes
1
answer
227
views
What's the best way to inform users the results of their UI selections before they make the selection?
For example if a user is going through an online request form and must choose from a long list of industries, forms, job roles, types of jams, whatever but some of the items result in a different UX ...
- 81
1
vote
1
answer
68
views
Arranging role-playing ability scores
I am writing a small open-source web application to manage characters in a fantasy role playing game.
When a new character is generated, 6 random values between 3 and 18 are generated by the ...
- 113
1
vote
2
answers
230
views
Simple filter form layout [closed]
I am making a public movie review website and am having trouble presenting a filter/search form.
This is what it looks like right now. How can I better present it?
- 11
0
votes
1
answer
187
views
Recommended option to add item list from predefined list
I need to build an interface where the user will dynamically build an item from a pre defined list of items, like the following example:
Personnel Team
Name: Peter Gabriel
Description: Sr. IT ...
- 133
2
votes
3
answers
869
views
Best format for registration form? [duplicate]
I am working on a registration form. I am trying to find the friendliest way to organize the content. I would appreciate if you could tell me:
1. Which layout you find better
2. If double checking the ...
- 502
2
votes
3
answers
182
views
Need help in deciding the layout of an interaction
I am currently designing a system where doctor needs to input a reason for every case(patient history). My current concern is the placement of the reason box.
First time there will not be any data in ...
- 281
22
votes
7
answers
21k
views
Fixed width for buttons or proportional with the text?
What is the best practice for a UI, to make all the similar buttons with a fixed-width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and add ...
- 4,521
3
votes
6
answers
119
views
How to place 3 textbox in 1140px width of card? There are 2 tabs in card. width is fixed due to content in other tab
The width is 1140px width.
The content in tab 1 is more and takes width 1140px.
so to maintain consistency can't change or make smaller width
Suggest any other layout or better solution
Find attached ...
2
votes
1
answer
572
views
Complex forms with many variables
I'm really striggling to simplify this data set. I need all the information as chosen inputs so the system is able to read the input and spit out a rate at any request. I'm really not sure on how ...
- 21
1
vote
3
answers
1k
views
Identifying comment area as a place to comment, and only comment
I run a site where users can submit code to algorithmic programming problems, which is then evaluated for correctness. The site has a commenting system, and the comment area looks something like this:
...
- 113
2
votes
2
answers
121
views
How should input fields be laid out on larger view ports?
Within the context of Enterprise UX, where the focus of forms is not on conversion rates, but on quick and efficient data input process, which of the following patterns would you recommend for laying ...
- 71
0
votes
2
answers
897
views
Single Input Form - Save button below or to side?
I'm playing around with Bootstrap's Input Group Addons and I'm struggling to decide which is better from a UX perspective.
versus:
This is a single input form to add priorities to a list (for ...
- 103
2
votes
2
answers
183
views
How to fill up a side bar which only has a form with 3 fields?
So I have a page where left sidebar takes 25% and the actual thing takes up 75% on the right.
Basically a user would select something from the main app and fill out the form in the left side bar and ...
- 125
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 ...
5
votes
2
answers
2k
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 ...
- 363
2
votes
4
answers
1k
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 ...
- 102
0
votes
3
answers
233
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 ...
- 49
0
votes
4
answers
347
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 ...
- 103
0
votes
1
answer
138
views
Website Forms - struggling for space, what is the best option?
I am looking for some input on a dilemma. I need to implement a newsletter signup box and I am struggling to fit it in properly to the space I have.
The restrictions are:
The left hand column is the ...
- 2,547
1
vote
3
answers
856
views
How to efficiently show lots of profile data in a glance?
We're in the process of creating an International Directory System for our Employees (which would provide details of Employees - summary of their education, experience, contact, and social media ...
3
votes
3
answers
666
views
Indicating the presence of content below the fold in a mobile UI?
In my mobile app, I have a "Profile" section that the user has to fill in. It looks like something like this
PERSONAL INFO SECTION HEADER (label)
FIRST NAME (textfield)
LAST NAME (textfield)
...
- 201
3
votes
3
answers
513
views
Good design for grouping labels on a form?
I have the following area on a form:
I don't like the repeated words "Open" and "Date". To me repeated words just add clutter.
I would like to have a way to group these together in some way. ...
- 3,264