Questions tagged [lists]

Use only for questions regarding to ordered or unordered lists

Filter by
Sorted by
Tagged with
0 votes
1 answer
27 views

Does it make sense to make the entire item in a list clickable, with a button inside it?

It's about a desktop app in which users can open a modal containing a list of items. Some of these items may have one type of action associated with them. Does it make sense to make the entire item ...
Dragan's user avatar
  • 11
1 vote
1 answer
23 views

strike-through a good indicator for removed values in a list

Is a strike-through a good indicator for removed values in a list? Currently, the background of the removed values is red, but we need another grammar indicator to show that the value has been removed ...
Sol's user avatar
  • 11
0 votes
1 answer
44 views

List View more collides with page view more

We are putting together a page with a list of Rules. We limit the number of rules that can be seen by page to 48 and add a View More at the bottom of the page. Each rule is expandable on the page and ...
Bear's user avatar
  • 1
0 votes
3 answers
59 views

Best nomenclature for "pinning" and "favoriting"?

I have a panel that users will use to sort through list items. I want it to include two functions and was wondering what to name these so they make the most sense. One function will be to "pin&...
merlin's user avatar
  • 21
0 votes
1 answer
145 views

Whats the best, most functional but also aesthetic way to display nested list data?

I'm looking for a technique for showing nested object data/additional data in a list view. As a policy, only one list view tile will be expanded to show additional data at a time, so that it doesn't ...
RobbB's user avatar
  • 115
0 votes
0 answers
57 views

Clarifying a simple list of data changes

On the left side I have a list of (currently) 3 items. These items have their own list of changes on the right. See screenshot: This represents "new data --> [position]". The application ...
Parrotmaster's user avatar
2 votes
1 answer
126 views

What's the name for a UI component of a partial list with a "more" button?

I use this pattern a lot, but I don't know what it's called: Section 1 List item 1 List item 2 List item 3 View more Section 2 List item 1 List item 2 List item 3 View more Section 3 List item 1 ...
Leo Jiang's user avatar
1 vote
3 answers
154 views

Approaches to indicate and handle new items from websocket on a live news feed

I have a live news feed that looks like this. I have data coming in continuously from websockets as long as you are on the page Currently I show a button when there are non zero new items and they get ...
PirateApp's user avatar
  • 985
12 votes
4 answers
3k views

What is the best UI for allowing the repeated selection of the same item from a list?

In my project, I have two lists of items: on the left, all the possible items for selection, and on the right, those that have been chosen. Unlike typical scenarios, in my case, the same item can be ...
Alice's user avatar
  • 143
1 vote
1 answer
108 views

Best way to show an error when your list fails to load data from the backend?

I have a master detail view that looks like this when data loads successfully from the backend If you click on any item, it will show details on the right side (empty currently) What do I do if there ...
PirateApp's user avatar
  • 985
1 vote
1 answer
44 views

Maximum number of elements per item in acordion collapsed list

I try to show a list of 3,000 businesses of a city, within an acordion collapsed list, sorted alphabetically + Aa-At + Au-Bo + Bu-Ci + Co-Du ... When user clicks an item of the "index", it'...
Hookstark's user avatar
  • 121
1 vote
0 answers
70 views

2 columns of a list, 1 scrollbar - is there a better solution?

This section is part of a larger form. Image shows a list. The reason I have 2 columns, is simply because I think it would be a waste of space, to just show 1 column. Most people have wide screens. I ...
Rosebud's user avatar
  • 322
2 votes
1 answer
42 views

Fairly Complex List Select Problem

Im wondering if you guys can add some expertise... I have the following problem, and I would like to know if anyone here has any ideas or solutions. Essentially, the user will create a post, and the ...
CM509's user avatar
  • 21
1 vote
1 answer
119 views

How to efficiently show several very long alphabetical lists of 5,000 names

I've got a website that include information about 100,000 names, with 100,000 different URLs. 90% of my visitors come from Google, who search the "specific name" and reach the different ...
Hookstark's user avatar
  • 121
0 votes
1 answer
26 views

Showing two kinds of tokens

I am writing a carbon accounting Web app. Carbon tokens are non-negative integers. Tokens always go in pairs: a non-retired token and a retired one. The corresponding retired token is obtained from ...
porton's user avatar
  • 211
0 votes
3 answers
70 views

How to fill a list with information without making it messy?

I am working on a website for a horse breeder. I created a page to show an overview of their horses, like this: The idea is that if you click on a horse, you will see a detailed site with the ...
SerenaT's user avatar
  • 101
0 votes
1 answer
91 views

What's name of UI component like this? [duplicate]

Trying to get more examples of 3 level list component like this but don't know naming of UI component
gardelin's user avatar
  • 101
0 votes
2 answers
171 views

Table column labels combined with subheaders

I am currently working on a digital form, and at one stage the user has to select one or more elements from a list of transactions. Each list element has multiple columns with different information. ...
mxds's user avatar
  • 31
0 votes
1 answer
86 views

What are best practices when designing navigation menu, page titles and breadcrumb of a list of items and the related pages to add/edit/remove items?

I'm trying to design a desktop application that let the users list strategies and add/edit/delete a strategy. To add a new strategy the user will find a menu in the listing page. To edit and delete ...
Florent's user avatar
  • 103
3 votes
1 answer
103 views

loading states for individual items in a list

I'm a frontend developer and wondering from a UX perspective, whether it is a bad idea to fetch individual list items in a large list (with multiple columns). See an example here: This example is how ...
josias's user avatar
  • 131
1 vote
1 answer
44 views

Where to place buttons to customize a navigation list (reorder/add/delete)?

I have a subpage with a navigation list. This list can be changed by the user. The user can reorder, add or delete categories. This function is rarely used by clients, mostly only when they first ...
niviolin's user avatar
0 votes
1 answer
51 views

Best way to select a city from a list of cities unevenly distributed among countries

I'm working for a company that owns restaurants in 28 cities distributed in 10 countries. The restaurants are distributed unevenly in the countries: in some countries they are present in many cities ...
Danielst's user avatar
  • 369
1 vote
1 answer
144 views

Mixed past and future events in one list?

tldr: Has anyone ever seen a list of date-specific items, sorted by "distance from today" regardless of whether they're past or future? Detail: I have a page showing two lists of online ...
wiiiiilllllll's user avatar
2 votes
3 answers
170 views

How to indicate disabled list items in a list with alternating backgrounds?

I have a table of search results that have alternating grey and white backgrounds that, on it's own, look quite pleasant in my opinion: Now, the user also has the option to unselect items by clicking ...
Pete's user avatar
  • 23
17 votes
7 answers
4k views

Are there conventions to indicate a new item in a list?

Let's say a user adds some products to a cart and we'd like to distinguish the items that were just added compared to the items that were already in the cart. Or a user uploaded some files into ...
Pier's user avatar
  • 293
0 votes
1 answer
217 views

How to position a "add to list" button?

Following picture shows a list of notes in a tab-layout. Each list has a + button at the bottom to create a new note. As the list grows the user has to scroll down (a lot) to see, that there is ...
DarkLeafyGreen's user avatar
0 votes
2 answers
121 views

How to update stale page content without interrupting user

I have a mobile application that supports offline usage, but can also work online. There are several pages of content (mostly long lists of items) that are loaded from server when user visits specific ...
afrish's user avatar
  • 103
0 votes
1 answer
113 views

Typgraphy - hanging punctuation (indent list or not for better readablity)

In a body of text that contains both paragraphs and ordered and unordered list. Does it matter to indent the list items - by default, most browsers indent list items 16px? The list in the following ...
mahan's user avatar
  • 121
0 votes
3 answers
153 views

Where should we place a "New Item" link

Context: In the "Returns" details page we have a form where we can add Items, that items represent what we want to send back(return) eg. 1pen and 2 notebook. So I have a list of "n"...
Miguel Marques's user avatar
1 vote
2 answers
63 views

Drawing attention to rows below the fold on a list

I'm designing a feature that highlights certain users on a list. For this i'm considering using an (!) icon. However, the list is long and requires scrolling. there will be users below the fold that ...
Blue Ocean's user avatar
  • 10.7k
0 votes
2 answers
152 views

Best mobile UI design for deselecting a categorized list of selected items?

Very broadly speaking, I'm developing an application where you search for a keyword, then the application displays a list of items. Each item has a classification. Selecting items by clicking a ...
Montana Burr Freelancing's user avatar
6 votes
3 answers
373 views

How to design a list of super sets (alternating exercises)

I've been working on a fitness journal app and have been trying to come up with a design to show your sets in a summary view. The sets are displayed in chronological order. A super set is when you ...
jdlk07's user avatar
  • 61
0 votes
3 answers
709 views

Allowing bulk actions on Detail view

I have a table view with possibly thousands of records. I should be able to select multiple (via checkbox) and also change the view to display a list of those records + details of the active item. ...
ana's user avatar
  • 1
1 vote
1 answer
94 views

Is there a way to communicate both "End of list" and "No items in list" with the same verbiage?

I'm trying to figure out good verbiage to simplify list rendering. There are two cases I'm trying to solve within a scrollable list: Case #1 would be communicating that the user has reached the end of ...
Sam Carlton's user avatar
0 votes
1 answer
79 views

How to differ two different items on the same list (base of contents)

I've content bases that can be exported and imported into other environments. **A content base is a set of specific files. When I import a content base from another environment, my source files are ...
Hideki san's user avatar
4 votes
4 answers
634 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, ...
Chris's user avatar
  • 430
0 votes
0 answers
333 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.
Mahesh Magar's user avatar
1 vote
2 answers
73 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 ...
Rosebud's user avatar
  • 322
0 votes
1 answer
84 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 ...
Max's user avatar
  • 3
2 votes
2 answers
112 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....
dan00binator's user avatar
3 votes
1 answer
426 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&...
odp's user avatar
  • 77
0 votes
1 answer
75 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 ...
Igor Mytyuk's user avatar
0 votes
0 answers
49 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 ...
Alexis's user avatar
  • 1
0 votes
1 answer
209 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 ...
cgtk's user avatar
  • 461
0 votes
2 answers
517 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 ...
Andre Mendoza's user avatar
2 votes
1 answer
1k 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 ...
MACC's user avatar
  • 195
4 votes
3 answers
1k 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 ...
Luiza's user avatar
  • 49
0 votes
0 answers
25 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 ...
Jung's user avatar
  • 33
0 votes
1 answer
92 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 ...
Eugene's user avatar
  • 101
2 votes
2 answers
613 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 ...
Guy Cohen's user avatar

1
2 3 4 5
16