Questions tagged [lists]
a list is collection of elements (or items) that may or may not be ordered in a particular way.
719
questions
0
votes
0
answers
26
views
should i show action button in table header while designing for Webapp
I am going to design a table view but I have a problem that I wanted to show the action button. I am confused it is okay to show the action button in the Table header.
1
vote
2
answers
52
views
Translating list with checkboxes, to a combo of dropdowns
I have this list with checkboxes:
My Product Manager wants to consolidate the information, because:
It's overwhelming.
It takes up a lot of space, and we may not have all that space, where this ...
0
votes
1
answer
49
views
Bulk Add Items on mobile device
I want to allow users to add multiple entries to a list of rather complex items. The user needs to pick
color
number
date
dropdown
dropdown
(later a optional picture)
putting this in a single page ...
2
votes
1
answer
46
views
Studies demonstrating efficacy of a top-to-bottom sort order in a multi-column list
I'm working on a UI that has a list of items (a dozen years) in a multi-column list.
I know from past research that users will read list of items across columns top-to-bottom rather than left-to-right....
3
votes
1
answer
302
views
is there a limit of list items displayed on mega menus?
So I've redesigning this web that has a lot of menus (> 100 menus total in my app). Is there a limit of list items displayed on mega menus?
and what should be the best behavior for "See More&...
0
votes
1
answer
67
views
How to distinction between new and old added items (+ colorblind)?
In my app the waiter can "open a table" and check what has been ordered or add new plates to the order.
The added items or the ordered ones are in the same list and for now i was showing the ...
0
votes
0
answers
47
views
Avoid "illusion of completeness" on list of items [duplicate]
I'm stuck with a client request that says his users don't really know they can scroll to see more content. See below some images to understand better (the first image is the problem, the second is the ...
0
votes
0
answers
26
views
How to display Serial Number for items in Table with Expanded Rows?
I have a generic table with a list of items and columns. Some items can be expanded via an 'expand row' icon located at the leftmost side of the table, which displays a list of subitems underneath the ...
0
votes
2
answers
120
views
Horizontal scrolling or show more?
I'm working for a company and I have to make a section of a webpage that includes projects. They have 72 active projects and they want to show all of them in cards. The functionalities that include ...
2
votes
1
answer
195
views
Best way to sort a multi-column list: Top to bottom or left to right first?
I'm creating a long list of countries that span across 3 columns and initially I ordered them left to right and then top to bottom but a colleague of mine said it would be more natural to sort it ...
4
votes
3
answers
871
views
Checkbox List with nested questions
I am working in a health insurance flow and having a hard time improving this checkbox list experience.
The thing is: a few of the items have nested questions, related to the selected disability. And ...
0
votes
0
answers
24
views
Showing disabled CTAs [duplicate]
What are the pros and cons of showing disabled CTAs?
For example, if there is a list of options but some of these options are shown, yet disabled.
I can see the user being confused/frustrated about ...
0
votes
1
answer
72
views
How would you build a popup form for creating a group of users?
For now I came out with this design/approach:
2 lists, one near another, with checkboxes on the users selection side and crosses(for quick removal) on the new building group.
I tried to search ...
2
votes
2
answers
186
views
Sorting VS Row Rearrange
I have a watchlist containing a list of stocks, and one of the popular usages of such a list is rearranging the rows (dragging and dropping selected rows to a favorite user position). Now, let's add a ...
2
votes
3
answers
134
views
Running Totals - How to make it obvious
This grid shows a series of numbers, together with a running total, with the grand total at the top.
How can I make it obvious to the user that is a running total.
4
votes
2
answers
76
views
should dual list orientation follow the language direction?
I got this question while working on a "Persian" app. As you may know, dual lists are consisted of 2 lists, where normally in a LTR language, the list on the left includes all the available ...
0
votes
1
answer
49
views
Good way to select a few items out of several dozens ones
The company recently sent a survey that featured a view that asked me to select up to 10 attributes out of a list of 60-70 ones. The selection list was displayed as big toggleable buttons, about 10 ...
1
vote
1
answer
100
views
Alternative to checkbox for status changes in a list
In this project, invitations are sent to users in different ways to invite them to vote. They can accept to come or not. And give a mandate to someone else to vote in their name.
This list should give ...
0
votes
2
answers
107
views
Best way to move items in a list when the list is paginated
I have a paginated list where the user drags and drops items to change the order. This list is paginated, so when the length of the list is longer than the page there is no clear way to move items ...
1
vote
0
answers
48
views
Best practices/rationale for unified vs separate keyboard/mouse navigation of lists?
Context
I'm in the process of designing/implementing a filterable object creation palette with categorized results for a visual content creation application. I'm trying to decide how to handle ...
3
votes
1
answer
63
views
List with few elements sizing
I'm having an issue with displaying a list in an overlay when there are a few elements on it. The business owner prefers to have the list shrink as the content is less. Here is my example :
First ...
3
votes
3
answers
184
views
Nested list, need advice for contextual menu in parent and children
I am working on an app where I have to display a nested list of parent and child items.
The principal target is mobile.
Every parent element has a contextual menu and children.
Now my design looks ...
3
votes
1
answer
86
views
Stuck on handling common scroll gestures
I have a screen where users can switch between tabs via swiping back and forth. In each tab, it has a list of items. Recently I implemented a gesture handler for that list (so list can have more ...
1
vote
1
answer
122
views
Split pane vs Action for multilple selection
I'm bulding a User interface that the user has a split pane with a list and the detail of the selected item in the right. I chose to use these approach because the user could see the important ...
1
vote
1
answer
95
views
Recommended best practice for add/remove from a list during onboarding
Trying to understand what the best practices are for setup/onboarding use case like this. We're asking the user to customize their feed of newsletters in this instance; user can remove item from those ...
28
votes
3
answers
5k
views
Better user experience while having a small amount of content to show
I have the below screen that shows a list of items. The list can sometimes be long and sometimes short. When the list is long, the UI looks okay, but when it is short, the screen looks a little boring....
2
votes
1
answer
79
views
Order of list boxes in a dual list box
A dual list box is a component-based on two list boxes placed together that allows adding, removing, and ordering items.
According to Kaley from the nngrounp: "The Listbox on the left holds ...
0
votes
1
answer
92
views
Building a list of mixed object types, some with multiple levels of hierarchy for targeting
the user has an operation where they must target a list of objects for that operation to affect.
there are four major use cases:
User knows exactly what they want; this is usually one to a handful ...
7
votes
3
answers
600
views
UX Best Practice: When to remove item from filtered list?
I have a list of items to be displayed to the user. The user is able to select an item and configure its properties. The user can also filter the list based on some of those properties. If the user ...
1
vote
1
answer
284
views
Displaying a list with a mixed-hierarchy
Context
A landlord has a list of tenants in a given building.
They want to look at this list for the following reasons:
To know which tenants are in their building
To see other information at a ...
1
vote
1
answer
55
views
How to structure big list of steps in an mobile friendly way?
I need to organize big list of steps in an user friendly way in a mobile app. I was hoping to do it like slider(title + image + description) in onboarding flow but with numbers (ex: 1/20) instead of ...
3
votes
1
answer
266
views
Best way to display an editable list of list
I'm working on a web project and I have a list of list which can be edited. It's displayed within a modal, I can resize it as I want so it's not that big of a deal.
My main problem is I don't really ...
1
vote
3
answers
286
views
How to display unavailable items with icons?
I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
-1
votes
1
answer
48
views
is it better to keep the layout of the lists?
I have an application that manages several entities, each entity has a list page, each entity can have a child entity with its own list page.
Are you using different types of lists? table, cards, ...
0
votes
1
answer
129
views
How to restrict the number of selected items to perform a bulk action
I'm working on data-heavy B2B platform. We have a list with bulk actions - you need to select some list items and then click bulk action you want to perform. What we try to do is to restrict the ...
2
votes
1
answer
275
views
What is the best place for an Add button in an iOS table view?
I’m trying to figure out where to put the Add button on my table view (on iOS). Its purpose is to create a new row in the table view, either inline or using a modal form.
There are 3 common positions ...
1
vote
1
answer
39
views
Most expected behavior for invisible typeahed in a list
I have a long list of functions (around 50) and I would like to build a typeahead feature for it. When you press D the selection should jump to the first entry that starts with an D (for Excel it is ...
0
votes
1
answer
69
views
Would it be better to arrange orders by FIFO or LIFO for a server UI at a restaurant?
i'm designing a server screen that will be used by the restaurant waitress to deliver food from the kitchen collection station to the customers. This screen shows a list of orders that are ready and ...
3
votes
2
answers
228
views
Would users appreciate a mobile hover alternative on a product list?
Edit: Not necessarily only credible sources needed, different opinions from the user's perspective are also welcome.
The mobile first approach nowadays often (or sometimes at least) leads to less ...
11
votes
7
answers
5k
views
What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?
I am working on a mobile app which relies on the categories/themes of interest chosen by the user and show content accordingly.
These categories are coming from another website and are similar to the ...
2
votes
1
answer
135
views
Hidden actions - Hover effect in the list of items
I'm currently working on WEB app, which will be the main tool for the data analysts.
We will have a navigation tree that displays a hierarchical data structure. Each item will need a list of actions (...
2
votes
1
answer
188
views
UI for multi-select batch editing where eligible item list changes depending on the action
We have a list of items in rows with the first column being a checkbox so you can select it. Additionally, above this grid list of items are several search criteria to narrow down the list i.e. think ...
17
votes
10
answers
4k
views
Ways to improve readability of recipe ingredients?
I am building a recipe website and I'm trying to improve the readability and scannability of the ingredient lists. I've tried a bunch of different options but I'm not sure what is best.
Here are some ...
1
vote
1
answer
74
views
Data Table and List
Hope you all are safe.
I am designing a selection list for one of the requirement in my project. Preferably, like shown below
I wanted to know what is the difference between List and Data table to ...
0
votes
1
answer
222
views
Drag and drop lists - multiple items with same priority
Initially, I had the following requirements:
There are 2 lists with items. The user needs to be able to move the items from one list into the other.
Each item needs to have a priority.
I've ...
2
votes
4
answers
151
views
Visualizing that a list is longer than shown on screen
I am working on an app where one of the actions a user can do is search for something and get presented with a list of all possible matches.
I am trying to wrap my head around how to make sure the ...
5
votes
1
answer
63
views
Synchronizing lists between visitors
I have an app that allows users to browse stored data in a list format. All users see the same state of the data. Users can click on a "hide" button which removes a particular item from the list and ...
3
votes
1
answer
163
views
Ideas for *intuitive* bulk action pattern for a medical CRM?
Hi everybody,
I'm designing a patient list page (shown above) for a medical CRM, and two main user needs are sending messages to multiple patients at once, and deleting multiple patients at once. I'...
3
votes
1
answer
33
views
Technical terms linking vertical lists to Instructions
I once read a study where it described that displaying information vertically hints/implies to the user that it is instructions. I tried searching for proof of this concept again and couldn't find it ...
1
vote
0
answers
37
views
Selectable (flat) columns from tree structure
I have source fields in tree structure and target fields in list structure (target is for grid columns).
Now when I move parent node to right, what should be ideal way to handle it? should that be ...