Questions tagged [lists]
Use only for questions regarding to ordered or unordered lists
748
questions
11
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 ...
- 101
0
votes
1
answer
77
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 ...
CommunityBot
- 1
0
votes
1
answer
51
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 ...
- 196
0
votes
1
answer
32
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'...
- 26.7k
0
votes
1
answer
193
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 ...
CommunityBot
- 1
2
votes
2
answers
101
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....
CommunityBot
- 1
2
votes
1
answer
164
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 ...
CommunityBot
- 1
1
vote
1
answer
285
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 ...
CommunityBot
- 1
0
votes
0
answers
63
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 ...
- 302
0
votes
1
answer
78
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 ...
CommunityBot
- 1
3
votes
1
answer
68
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 ...
CommunityBot
- 1
1
vote
3
answers
452
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:...
CommunityBot
- 1
1
vote
1
answer
37
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,205
0
votes
2
answers
122
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.
...
CommunityBot
- 1
1
vote
3
answers
360
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 ...
CommunityBot
- 1
0
votes
3
answers
52
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 ...
CommunityBot
- 1
2
votes
2
answers
153
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 ...
CommunityBot
- 1
0
votes
1
answer
25
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 ...
- 1,205
3
votes
2
answers
1k
views
Interface for selecting multiple items out of thousands, w/ categories
I'm trying to build an interface for filtering lots of data for the sake of searching. I need to present a VERY large collection of names, make it easy for the user to select all the names they need (...
0
votes
1
answer
78
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
- 11
2
votes
3
answers
149
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 ...
- 11.4k
1
vote
1
answer
80
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 ...
- 19.5k
0
votes
1
answer
56
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,396
5
votes
1
answer
602
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 ...
CommunityBot
- 1
1
vote
1
answer
39
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 ...
- 18.3k
0
votes
0
answers
47
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 ...
- 317
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 ...
- 569
0
votes
2
answers
105
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 ...
- 2,615
0
votes
1
answer
149
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 ...
- 1,682
0
votes
0
answers
55
views
Too much content for an accordion?
I'm working on an interface with a product list. I'm wondering what is the best way to show these label value pairs. I know the label should be emphasized since, the users will be looking for that and ...
0
votes
1
answer
77
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 ...
- 37.3k
0
votes
3
answers
149
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"...
- 37.3k
42
votes
8
answers
20k
views
Where to put an “add a new item” option
If user doesn't find an item from the list, they should add it using “add a new item” option.
Are there any patterns, guides or best practices showing where to put an “add a new item” option?
1
vote
1
answer
77
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 ...
CommunityBot
- 1
25
votes
10
answers
8k
views
What are good UI patterns for selecting exactly two items from a list?
In a piece of desktop software, I have a around 20 items.
These items should be shown in a list, which fits on the screen.
The user should be able to select exactly two items in the list, then, a ...
- 3,310
5
votes
3
answers
15k
views
Confused with what to use - List vs Table
So, I've been browsing for an hour now regarding what the best practice is for this and the majority of what I read is to use e table for tabular data and a list for lists, which makes sense. However, ...
- 11
1
vote
2
answers
62
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 ...
- 500
0
votes
2
answers
130
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 ...
- 2,615
6
votes
3
answers
341
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 ...
- 24.6k
5
votes
4
answers
928
views
Do nested hierarchies of folders make sense to novice users?
I'm wondering whether there's any evidence that nested hierarchies of folders make sense to novice users.
I may be wrong, but I think the complexity or difficulty of finding a file in an organized or ...
- 614
0
votes
3
answers
574
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.
...
- 46
2
votes
2
answers
664
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 (...
- 18.3k
4
votes
1
answer
788
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 ...
CommunityBot
- 1
4
votes
4
answers
631
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, ...
- 3,415
0
votes
2
answers
314
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
277
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
68
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 ...
- 24.6k
0
votes
2
answers
458
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 ...
- 41
3
votes
3
answers
199
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 ...
- 258
0
votes
1
answer
76
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 ...
- 865