Questions tagged [lists]

a list is collection of elements (or items) that may or may not be ordered in a particular way.

Filter by
Sorted by
Tagged with
1
vote
1answer
43 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 ...
25
votes
3answers
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....
3
votes
1answer
30 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 ...
1
vote
1answer
39 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
3answers
271 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
1answer
258 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
1answer
40 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 ...
3
votes
1answer
143 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
3answers
109 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
1answer
47 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
1answer
37 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
1answer
144 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
1answer
34 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
1answer
51 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
2answers
142 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
7answers
5k 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
1answer
71 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
1answer
56 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
10answers
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
1answer
39 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
0answers
83 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
4answers
137 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
1answer
61 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
1answer
50 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
1answer
33 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
0answers
32 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
0answers
49 views

Presenting 3 level hierarchical data

I'm revamping an existing desktop website UI. I need to show 3 levels of hierarchical data. There are Categories which contain Parents (with various properties) which in turn contain Children (also ...
2
votes
1answer
51 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
1answer
61 views

Is it okay to display list of members/user in a modal?

Hye, Im currently designing an interface similar to Slack/Discord. Is it possible to display the list of members in a modal? I already check multiple platforms (Discord, Slack, Quora, FB) but they ...
1
vote
1answer
43 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
1answer
64 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
1answer
143 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
1answer
57 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
1answer
81 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
0answers
46 views

Alternative to list item master-detail view

I have a list of items. All having the same default details. User is allowed to... 1. Change defaults for all the items at 1 shot. 2. Filter for some items and change the default value(s). What is the ...
0
votes
0answers
72 views

UX for display nested grouping elements in web

I want to display a list of items whose each item might lie in a category or a nested category. For example. Category 1 > Item A Category 1 > Sub-Category 1.1 > Item B Category 1 > Sub-...
0
votes
2answers
305 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
2answers
54 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
0answers
51 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
1answer
53 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
1answer
192 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
3answers
102 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
3answers
370 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
1answer
111 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, &...
0
votes
1answer
69 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
1answer
66 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
1answer
185 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
1answer
106 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
0answers
47 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 ...
2
votes
1answer
108 views

Pagination on grouped / multi sorted lists

I'm currently working on a design for data heavy lists. User research showed, that users would group / multi sort those lists. this would result in a list with small header rows in between for every ...

1
2 3 4 5
15