Questions tagged [lists]
a list is collection of elements (or items) that may or may not be ordered in a particular way.
704
questions
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.
...