Questions tagged [lists]
Use only for questions regarding to ordered or unordered lists
751
questions
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 ...
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 ...
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 ...
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&...
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 ...
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 ...
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
...
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 ...
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 ...
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 ...
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'...
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 ...
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 ...
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 ...
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 ...
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 ...
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
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.
...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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"...
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 ...
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 ...
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 ...
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.
...
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 ...
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 ...
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, ...
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.
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 ...
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 ...
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....
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&...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...
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 ...