Questions tagged [lists]
a list is collection of elements (or items) that may or may not be ordered in a particular way.
716
questions
2
votes
1answer
38 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
1answer
293 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
1answer
64 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
0answers
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
0answers
24 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
1answer
67 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
1answer
115 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
3answers
821 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
0answers
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
1answer
67 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
2answers
139 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
3answers
125 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
2answers
74 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
1answer
42 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
1answer
94 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
0answers
66 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
0answers
45 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
1answer
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
3answers
160 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
1answer
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
1answer
101 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
1answer
81 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
3answers
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
1answer
72 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
1answer
85 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
3answers
518 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
1answer
279 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
1answer
51 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
1answer
218 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
3answers
237 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
1answer
47 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
1answer
99 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
1answer
221 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
1answer
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
1answer
65 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
2answers
197 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
7answers
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
1answer
111 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
1answer
154 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
10answers
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
1answer
51 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
1answer
206 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
4answers
149 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
1answer
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
1answer
124 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
1answer
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
0answers
32 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 ...
1
vote
1answer
59 views
Dropdown menu that contains more than one topic [closed]
I'm trying to figure out what is the best solution for dropdown menus that contain more than one topic.
For instance, if I want to view and add at one field all the users and the groups created at the ...
1
vote
1answer
99 views
Is it okay to display list of members/user in a modal?
Hye,
Im currently designing an interface similar to Slack/Discord.
Is it possible to display the list of members in a modal? I already check multiple platforms (Discord, Slack, Quora, FB) but they ...
1
vote
1answer
53 views
How to show list have mixed rows that can be deleted while some rows that cannot be deleted?
Hope you enjoying WFM. I had a query, we are showing a list of both external and internal users. While internal users are federated and cannot be deleted. Only external users can be deleted. We have ...
