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
2
votes
3answers
198 views

What is the preferred way of displaying interactive information in a small space, eg table cell?

I have a list of athletes that have competed in a race. For each athlete, I want to be able to do a couple actions for each athlete, like View Time Online View Team of Athlete View Time Splits View ...
0
votes
4answers
1k views

Best UI behavior for done actions in a list [closed]

I'm developing a task app that has a dashboard task list. The user can change a task's status to done. What is the best solution for the done state? Tks!
0
votes
1answer
127 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 ...
0
votes
0answers
28 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
1answer
73 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 ...
1
vote
1answer
72 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 ...
2
votes
1answer
60 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 ...
2
votes
1answer
78 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 (...
1
vote
1answer
150 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 ...
4
votes
1answer
682 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 ...
3
votes
1answer
44 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 ...
1
vote
0answers
33 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 ...
3
votes
1answer
158 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 ...
0
votes
0answers
68 views

Users have problems finding elements [duplicate]

Once again I have to turn to these boards for help :) We are implementing a web based RIA where users need to fill in a form and build a list of Products on it. The list of products is build by ...
3
votes
3answers
60 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 ...
1
vote
1answer
46 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 ...
3
votes
1answer
72 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 ...
0
votes
1answer
48 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 ...
0
votes
1answer
49 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 ...
4
votes
2answers
187 views

By showing less information am I letting the user focus on that information more?

I'm developing an app which shows location based ads. If you are interested you swipe right, if not, you swipe left. Initially, in my first prototype of the app I tried an infinite scroll, which ...
1
vote
1answer
56 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 ...
28
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....
2
votes
1answer
44 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
2answers
376 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:...
2
votes
1answer
193 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
2answers
100 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 ...
1
vote
1answer
72 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 ...
13
votes
6answers
908 views

Making it clear which items in a long list are selected

I'm trying to design a portion of a web interface that allows users to tag items and view all items with a tag or set of tags on them - think gmail, if gmail allowed you to easily select multiple tags ...
7
votes
3answers
308 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
266 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
43 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 ...
1
vote
3answers
123 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, ...
2
votes
1answer
157 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 ...
3
votes
2answers
150 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 ...
0
votes
1answer
54 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 ...
2
votes
1answer
75 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 ...
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 ...
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 ...
0
votes
2answers
306 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 ...
1
vote
1answer
41 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 ...
2
votes
4answers
141 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 ...
11
votes
1answer
144 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 ...
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
66 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
2answers
111 views

When designing a list of items with associated actions what is the better approach?

I am designing a mobile app using Xamarin. In my app's main page I have a list of few items (1 to 4 items perhaps) and then there are other items on the page. There are a few actions that a user can ...
2
votes
5answers
3k views

What's the best web design pattern for a list of people?

I have a list of people. Totally around 200. I need to display the people's name, pictures and some other information in one page. Users could sort those people by name, country and other attributes. ...

1
2 3 4 5
15