Questions tagged [lists]
Use only for questions regarding to ordered or unordered lists
745
questions
1
vote
1
answer
33
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 ...
- 11
-2
votes
0
answers
88
views
Will including a pantheon of gods in a contacts app add any value to the app? [closed]
If a contacts app included e.g. as part of an operating system includes a list of ancient/mythological gods in it, and allows the user to select their favorite god, will this add any value to the app? ...
0
votes
1
answer
63
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 ...
- 101
0
votes
1
answer
24
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 ...
- 171
0
votes
3
answers
51
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
75
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
104
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.
...
- 31
0
votes
1
answer
46
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
3
votes
1
answer
54
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 ...
- 131
1
vote
1
answer
37
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
0
answers
46
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
1
vote
1
answer
59
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
141
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
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 ...
- 293
0
votes
1
answer
118
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
90
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
0
votes
0
answers
49
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
49
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 ...
- 121
0
votes
3
answers
143
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
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 ...
- 10.6k
0
votes
2
answers
107
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
334
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
475
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
75
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
69
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
629
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, ...
- 430
0
votes
0
answers
238
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 ...
- 182
0
votes
1
answer
70
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
89
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
356
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&...
- 67
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
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 ...
- 1
0
votes
0
answers
136
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 ...
- 431
0
votes
2
answers
421
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
813
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
979
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
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 ...
- 33
0
votes
1
answer
84
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 ...
- 101
2
votes
2
answers
461
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 ...
- 43
2
votes
3
answers
193
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.
- 23
4
votes
2
answers
83
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 ...
- 113
0
votes
1
answer
64
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 ...
- 145
1
vote
1
answer
188
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 ...
- 63
0
votes
2
answers
303
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 ...
- 101
1
vote
0
answers
63
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 ...
- 111
3
votes
1
answer
65
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 ...
- 4,508
3
votes
3
answers
377
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 ...
- 131
3
votes
1
answer
88
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 ...
1
vote
1
answer
229
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 ...
