Questions tagged [lists]
Use only for questions regarding to ordered or unordered lists
754
questions
1
vote
1
answer
76
views
How is it called the border around the previously-selected element in a list?
On several interfaces showing collections of selectable elements, there is a special display for "last previously selected element", as illustrated in these screenshots:
I also noticed it ...
- 513
0
votes
1
answer
63
views
How to represent a list of items which can be edited or deleted without taking a lot of space on the page?
I have a long list of items which user can edit or delete. Previously, I had all of them as a list on a page with edit and delete button. But now it is too big and I want to change the representation ...
-1
votes
2
answers
226
views
Select multiple items in a list with a touchscreen, specifically for use cases like file explorers
With a list "select" widget with multiple selection allowed, how to enable the selection of multiple items with a touchscreen device?
Drag/drop or swipe cannot be used for selection, it is ...
- 260
0
votes
2
answers
78
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 ...
- 11
2
votes
1
answer
55
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 ...
- 21
0
votes
1
answer
50
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 ...
- 1
0
votes
3
answers
170
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&...
- 21
0
votes
1
answer
276
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 ...
- 115
0
votes
1
answer
68
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 ...
- 259
2
votes
2
answers
161
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
...
- 91
1
vote
3
answers
184
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 ...
- 995
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 ...
- 153
1
vote
1
answer
254
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 ...
- 995
1
vote
1
answer
58
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'...
- 121
2
votes
1
answer
109
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 ...
- 332
2
votes
1
answer
50
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 ...
- 21
1
vote
1
answer
151
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 ...
- 121
0
votes
1
answer
28
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 ...
- 211
0
votes
3
answers
84
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 ...
- 101
0
votes
1
answer
102
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
- 101
0
votes
2
answers
259
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.
...
- 51
0
votes
1
answer
113
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 ...
- 103
4
votes
2
answers
182
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 ...
- 141
1
vote
1
answer
62
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 ...
- 11
0
votes
1
answer
72
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 ...
- 381
1
vote
1
answer
336
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 ...
- 113
2
votes
3
answers
273
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 ...
- 23
17
votes
7
answers
5k
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 ...
- 293
0
votes
1
answer
296
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 ...
- 243
0
votes
2
answers
143
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 ...
- 103
1
vote
1
answer
155
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 ...
- 131
0
votes
3
answers
163
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
67
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 ...
- 10.7k
0
votes
2
answers
186
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
437
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 ...
- 61
0
votes
3
answers
902
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
1
vote
1
answer
130
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 ...
- 111
0
votes
1
answer
90
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
636
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, ...
- 432
0
votes
0
answers
415
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
79
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 ...
- 332
0
votes
1
answer
105
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 ...
- 3
2
votes
2
answers
127
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....
- 147
3
votes
1
answer
533
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&...
- 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 ...
- 187
0
votes
0
answers
53
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 ...
- 1
0
votes
1
answer
293
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 ...
- 461
0
votes
2
answers
597
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
2k
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 ...
- 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 ...
- 49