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
4 votes
4 answers
589 views

Choosing sub-categories of a category to be observed or ignored

I'm working on an AI that can detect people and certain vehicles from a camera feed. The user can configure which of these "objects" they want to monitor. They can choose either people, ...
1 vote
1 answer
132 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 ...
2 votes
1 answer
53 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....
1 vote
3 answers
417 views

Redesigning product blocks in search results / listings

What are some good practices when it comes to presenting a product on a listing / search result page when they contain a lot of information? Currently the product block for our website looks like this:...
0 votes
2 answers
120 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 ...
0 votes
0 answers
36 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
55 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 ...
1 vote
2 answers
158 views

Is it okay to display list of members/users in a modal?

I'm currently designing an interface similar to Slack/Discord. Is it possible to display the list of members in a modal? I've already checked multiple platforms (Discord, Slack, Quora, FB) but they ...
1 vote
2 answers
131 views

How to indicate selectability in an information-focused list

My first question, let me know if I should edit! I'm working on a list-map hybrid, where each item on the list can be selected, to show up on the map (like Yelp). The list needs to give a fair ...
0 votes
1 answer
133 views

Show attached files in mobile app: Screen vs Pop-up

We has a section in our mobile app that designed as user feedback service. And faced with question - how the best way to show user their attached files on screen with new form creation? User can ...
2 votes
1 answer
108 views

How to implement list filter functionality for mobile use case

I have a list of vehicles in a mobile application. The user needs to be able to filter the list of vehicles with a few rules/requirements: User must be able to filter the list of vehicles i.e search ...
2 votes
1 answer
145 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 (...
4 votes
1 answer
755 views

User interface for multi-dimensional data presented as lists

I have an application that lists all the modules loaded in a performance test in a baseline and a current testrun. Each run in turn has many iterations. A user can view the difference of what was ...
3 votes
1 answer
277 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 ...
0 votes
2 answers
146 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 ...
3 votes
3 answers
131 views

How to inform the user that the number shown in a list is incomplete or might not be current?

Consider this card shown below: It's a card with a list view showing the total income by teams. Now most of these teams have secondary teams under them. And many times the actual number of one of the ...
0 votes
1 answer
50 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 ...
82 votes
10 answers
157k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi-select list. Our options are: List of checkboxes Listview (select box but allowing multi-select) Both seem to be a bit ugly and unwieldy when the ...
6 votes
2 answers
736 views

Mixed alignment (LTR and RTL) in language selection list?

Most answers to this question say that for instance Arabic text should be aligned right-to-left even if the rest of the page is in a left-to-right script such as English. So, I was surprised to see ...
3 votes
1 answer
306 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
69 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
48 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 ...
56 votes
10 answers
13k views

How to visualize the possibility of drag'n'drop?

My web application contains a list of elements, which can be sorted by drag'n'drop. How should this feature be visually represented to users?
0 votes
0 answers
31 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
1 answer
149 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
236 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
881 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 ...
3 votes
1 answer
64 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 ...
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
73 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
3 answers
220 views

Force users to select only one of X filters in list display

I'm currently working on a small App, the whole conception and dev are driven by planning and budget. I'm trying to create a this display, showing many insurance operation to users. Users can filter ...
2 votes
2 answers
204 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
138 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.
0 votes
1 answer
8k views

Color selection according to status

I'm designing a system where a list item can have one of 5 different status options: ACTIVE LIVE PENDING LEGACY INACTIVE I want to specify a different color for every status. For ACTIVE, PENDING and ...
0 votes
1 answer
94 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 ...
4 votes
2 answers
77 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 ...
40 votes
9 answers
14k views

Best way to select a subset of items in a long list

One of our clients wants us to build a web application to share information about the magazines he publishes. Each edition of a magazine contains a variable amount of advertisers. These advertisers ...
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
101 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 ...
2 votes
3 answers
219 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
0 votes
4 answers
2k views

Best UI behavior for done actions in a list [closed]

I'm developing a task app that has a dashboard task list. The user can change a task's status to done. What is the best solution for the done state? Tks!
0 votes
1 answer
230 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 ...
1 vote
1 answer
270 views

Country Select with region filters

I'm tinkering with a design for user to select a single country, or multiple countries that are historically/culturally grouped (eg United Kingdom). Just looking for feedback, and wondering if ...
1 vote
0 answers
51 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 ...
0 votes
0 answers
69 views

Users have problems finding elements [duplicate]

Once again I have to turn to these boards for help :) We are implementing a web based RIA where users need to fill in a form and build a list of Products on it. The list of products is build by ...
3 votes
3 answers
199 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
87 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 ...
4 votes
2 answers
190 views

By showing less information am I letting the user focus on that information more?

I'm developing an app which shows location based ads. If you are interested you swipe right, if not, you swipe left. Initially, in my first prototype of the app I tried an infinite scroll, which ...
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 ...
29 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....

1
2 3 4 5
15