2022 Developer Survey is open! Take survey.

Questions tagged [lists]

a list is collection of elements (or items) that may or may not be ordered in a particular way.

Filter by
Sorted by
Tagged with
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.
user avatar
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 ...
user avatar
  • 173
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 ...
user avatar
  • 3
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....
user avatar
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&...
user avatar
  • 67
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 ...
user avatar
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 ...
user avatar
  • 1
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 ...
user avatar
  • 251
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 ...
user avatar
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 ...
user avatar
  • 195
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 ...
user avatar
  • 49
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 ...
user avatar
  • 33
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 ...
user avatar
  • 101
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 ...
user avatar
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.
user avatar
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 ...
user avatar
  • 113
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 ...
user avatar
  • 145
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 ...
user avatar
  • 43
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 ...
user avatar
  • 101
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 ...
user avatar
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 ...
user avatar
  • 4,155
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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....
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
  • 73
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 ...
user avatar
  • 175
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 ...
user avatar
  • 687
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 ...
user avatar
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 ...
user avatar
-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, ...
user avatar
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 ...
user avatar
  • 11
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 ...
user avatar
  • 133
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 ...
user avatar
  • 2,348
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 ...
user avatar
  • 10.5k
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 ...
user avatar
  • 6,716
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 ...
user avatar
  • 221
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 (...
user avatar
  • 31
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 ...
user avatar
  • 121
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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 ...
user avatar
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'...
user avatar
  • 533
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 ...
user avatar
  • 31
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 ...
user avatar

1
2 3 4 5
15