Questions tagged [lists]
Use only for questions regarding to ordered or unordered lists
749
questions
3
votes
1
answer
66
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 ...
3
votes
3
answers
453
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 ...
3
votes
1
answer
89
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
286
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 ...
1
vote
1
answer
188
views
Recommended best practice for add/remove from a list during onboarding
Trying to understand what the best practices are for setup/onboarding use case like this. We're asking the user to customize their feed of newsletters in this instance; user can remove item from those ...
29
votes
3
answers
5k
views
Better user experience while having a small amount of content to show
I have the below screen that shows a list of items. The list can sometimes be long and sometimes short. When the list is long, the UI looks okay, but when it is short, the screen looks a little boring....
2
votes
1
answer
164
views
Order of list boxes in a dual list box
A dual list box is a component-based on two list boxes placed together that allows adding, removing, and ordering items.
According to Kaley from the nngrounp: "The Listbox on the left holds ...
0
votes
1
answer
117
views
Building a list of mixed object types, some with multiple levels of hierarchy for targeting
the user has an operation where they must target a list of objects for that operation to affect.
there are four major use cases:
User knows exactly what they want; this is usually one to a handful ...
7
votes
3
answers
1k
views
UX Best Practice: When to remove item from filtered list?
I have a list of items to be displayed to the user. The user is able to select an item and configure its properties. The user can also filter the list based on some of those properties. If the user ...
1
vote
1
answer
310
views
Displaying a list with a mixed-hierarchy
Context
A landlord has a list of tenants in a given building.
They want to look at this list for the following reasons:
To know which tenants are in their building
To see other information at a ...
1
vote
1
answer
92
views
How to structure big list of steps in an mobile friendly way?
I need to organize big list of steps in an user friendly way in a mobile app. I was hoping to do it like slider(title + image + description) in onboarding flow but with numbers (ex: 1/20) instead of ...
5
votes
1
answer
607
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 ...
1
vote
3
answers
694
views
How to display unavailable items with icons?
I need to display information about what a venue can provide or allow for its guests. The information if an item is available is of the same importance that it is not (e.g. it's important to know that ...
-1
votes
1
answer
53
views
is it better to keep the layout of the lists?
I have an application that manages several entities, each entity has a list page, each entity can have a child entity with its own list page.
Are you using different types of lists? table, cards, ...
0
votes
1
answer
312
views
How to restrict the number of selected items to perform a bulk action
I'm working on data-heavy B2B platform. We have a list with bulk actions - you need to select some list items and then click bulk action you want to perform. What we try to do is to restrict the ...
2
votes
1
answer
747
views
What is the best place for an Add button in an iOS table view?
I’m trying to figure out where to put the Add button on my table view (on iOS). Its purpose is to create a new row in the table view, either inline or using a modal form.
There are 3 common positions ...
1
vote
1
answer
42
views
Most expected behavior for invisible typeahed in a list
I have a long list of functions (around 50) and I would like to build a typeahead feature for it. When you press D the selection should jump to the first entry that starts with an D (for Excel it is ...
0
votes
1
answer
90
views
Would it be better to arrange orders by FIFO or LIFO for a server UI at a restaurant?
i'm designing a server screen that will be used by the restaurant waitress to deliver food from the kitchen collection station to the customers. This screen shows a list of orders that are ready and ...
3
votes
2
answers
351
views
Would users appreciate a mobile hover alternative on a product list?
Edit: Not necessarily only credible sources needed, different opinions from the user's perspective are also welcome.
The mobile first approach nowadays often (or sometimes at least) leads to less ...
11
votes
7
answers
6k
views
What is the most appropriate way to ask a user to select a few (10 for example) categories from a list of thousands to proceed with the app?
I am working on a mobile app which relies on the categories/themes of interest chosen by the user and show content accordingly.
These categories are coming from another website and are similar to the ...
2
votes
2
answers
675
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 (...
2
votes
1
answer
397
views
UI for multi-select batch editing where eligible item list changes depending on the action
We have a list of items in rows with the first column being a checkbox so you can select it. Additionally, above this grid list of items are several search criteria to narrow down the list i.e. think ...
17
votes
10
answers
4k
views
Ways to improve readability of recipe ingredients?
I am building a recipe website and I'm trying to improve the readability and scannability of the ingredient lists. I've tried a bunch of different options but I'm not sure what is best.
Here are some ...
1
vote
1
answer
188
views
Data Table and List
Hope you all are safe.
I am designing a selection list for one of the requirement in my project. Preferably, like shown below
I wanted to know what is the difference between List and Data table to ...
0
votes
1
answer
308
views
Drag and drop lists - multiple items with same priority
Initially, I had the following requirements:
There are 2 lists with items. The user needs to be able to move the items from one list into the other.
Each item needs to have a priority.
I've ...
2
votes
4
answers
158
views
Visualizing that a list is longer than shown on screen
I am working on an app where one of the actions a user can do is search for something and get presented with a list of all possible matches.
I am trying to wrap my head around how to make sure the ...
5
votes
1
answer
67
views
Synchronizing lists between visitors
I have an app that allows users to browse stored data in a list format. All users see the same state of the data. Users can click on a "hide" button which removes a particular item from the list and ...
3
votes
1
answer
413
views
Ideas for *intuitive* bulk action pattern for a medical CRM?
Hi everybody,
I'm designing a patient list page (shown above) for a medical CRM, and two main user needs are sending messages to multiple patients at once, and deleting multiple patients at once. I'...
3
votes
1
answer
39
views
Technical terms linking vertical lists to Instructions
I once read a study where it described that displaying information vertically hints/implies to the user that it is instructions. I tried searching for proof of this concept again and couldn't find it ...
1
vote
0
answers
49
views
Selectable (flat) columns from tree structure
I have source fields in tree structure and target fields in list structure (target is for grid columns).
Now when I move parent node to right, what should be ideal way to handle it? should that be ...
1
vote
1
answer
70
views
Dropdown menu that contains more than one topic [closed]
I'm trying to figure out what is the best solution for dropdown menus that contain more than one topic.
For instance, if I want to view and add at one field all the users and the groups created at the ...
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 ...
1
vote
1
answer
77
views
How to show list have mixed rows that can be deleted while some rows that cannot be deleted?
Hope you enjoying WFM. I had a query, we are showing a list of both external and internal users. While internal users are federated and cannot be deleted. Only external users can be deleted. We have ...
1
vote
1
answer
622
views
Right way to display a list dates from the past, current and future, but show the most upcoming first
So usually when displaying a list of things the answer is ascending or descending order. However as the most important item is somewhere in the middle this doesn't work.
Displaying the list ...
11
votes
1
answer
208
views
Is there a name for this auto-append design pattern?
This animation best describes the pattern, whereby a new row in the table is always preserved so that the user can insert a new row without clicking a + button or similar:
Does it have a name? At my ...
0
votes
1
answer
194
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 ...
2
votes
1
answer
144
views
List item label problem
I'm facing a problem where I have a list item that has multiple values and one of them is a number that's ambiguous, therefore I want to label it. However a problem (in my opinion) that it creates is ...
0
votes
2
answers
327
views
Should vertical spacing make every list point a paragraph?
Quite often lists in continuous texts are typeset in such a way that the vertical spacing between points is greater than the regular line spacing in the same text. Well, like lists here, at SE:
just ...
2
votes
2
answers
63
views
Can you advise a better way to display a popover of catalog items?
I have a catalog that I need to show full on one page. The catalog contains categories, subcategories, and items (5-12 items inside a subcategory). That's what it looks like (please, see the attached ...
0
votes
0
answers
72
views
Best way to select a number of items from a list, and then rearrange those items into an order
So I'm trying to create a menu that prompts the user to prepare a message that would soon be sent. I'm also using mostly WPF and C# if that helps.
This message will possibly contain a number of ...
0
votes
1
answer
64
views
Application List View
I wanted help in designing the Applications List view. We have different applications that are grouped under categories. Eg: Social media - Skype, Slack etc.
Box Grid
In this view we have white ...
2
votes
1
answer
210
views
Should cycling through a list stop/pause at the end of the list?
Cycling through a list of items is a common user interface design pattern.
For example:
Browser address bar: hold Up or Down to scroll through the list of websites.
On-screen keyboard: hold Left or ...
1
vote
3
answers
358
views
Best way to indicate secondary list items within an expandable list will lead to a new screen? iOS mobile app
I'm designing a page with an accordion list (not a sidebar menu) in a financial iOS app. I'm trying show that eacg primary list item is expandable/collapsible (indicated by up-down chevrons), and that ...
7
votes
3
answers
446
views
The psychology of 'none of the above'
I am working on a design for a formal registration service that demands users categorise themselves according to a closed list of options. The list is not exhaustive, so some users don't see an option ...
-1
votes
1
answer
276
views
What's the best method to group/ungroup rows in a data table?
I've been struggling with a good solution to group/ungroup rows in a data table. We've initially implemented drag-n-drop but that was a nightmare to implement due to 3rd-party library restrictions, &...
1
vote
1
answer
532
views
What is best displaying a long list of items [closed]
Hi in my app user can select an item in a long pre-defined list to add to the user owned list. The user's list therefore may have hundred of items. The user must be able to see what items are in his / ...
0
votes
1
answer
178
views
Can two tabs have different CTAs?
we have this case where we have two tabs and under one , we have option to show save and cancel and not in other. If I use save cancel for second tab too, then view number 3 looks absurd with two ctas ...
2
votes
1
answer
656
views
How best to display multiple data points in a single row in a list view?
Hey!
I'm designing a list that needs to accommodate multiple data points in a single row under a single category, and I'm wondering if there are any UI patterns that are best suited for this need.
I'...
1
vote
1
answer
451
views
Country Select with region filters
I'm tinkering with a design for user to select a single country, or multiple countries that are historically/culturally grouped (eg United Kingdom).
Just looking for feedback, and wondering if ...
0
votes
0
answers
50
views
Is the Outlook bar still a reasonable container for a list of lists?
(This assumes that it ever was, so please feel free to comment if you disagree!)
For years, our development team have designed data-centric desktop applications where the main window has an Outlook ...