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

learn more… | top users | synonyms (1)

0
votes
3answers
68 views

Displaying Long Lists of Items on Web & Mobile

What are the best UX practices for displaying quick reference long lists such as these in the image below? This page is used for quickly referencing what a user is allowed to eat on a diet. For this ...
4
votes
3answers
73 views

Mark items far away from each other as grouped (connected)

I have a tree structure with items from different trees that I need to "group" (or really, mark as grouped). Like so: It is mandatory for the user to select a few of these items to carry on to the ...
0
votes
1answer
30 views

Integrity of “expand all” when user can expand/collapse children independently

Consider an application that displays a table (of arbitrary length) where the table is comprised of a header that includes an "expand-all/collapse-all" button, and each row in the table includes a ...
3
votes
1answer
91 views

Checkboxes – how to select parent only?

I have a large list of items like this: Parent 1 – Child 1.1 – Child 1.2 – Child 1.3 ... Parent 2 – Child 2.1 – Child 2.2 ... where every element has a checkbox. I want to be ...
0
votes
1answer
80 views

Toggle List with Button

Let me explain what i need. In a "add new person" form, the user has the option to select the kinds of person that this new person applies... Like, this company is a customer, and is also a ...
5
votes
3answers
559 views

How to allow users to position newly created items in a sortable item list

Background I have a list of items that a user can create, move around, edit and delete. Each item can be a different type such as a textbox field or a header. To create a new item or edit an ...
2
votes
2answers
45 views

How important is visually indicating that ListBox items are drag-dropable in an application where not every List has this functionality?

We're building an application with various modules a great deal of which involves browses with lists of items (not unlike the list of questions here on Stack Exchange). One of the modules (thus far) ...
4
votes
1answer
640 views

Which type of navigation is more suitable?

I am working on a user interface design for an application on Android. Currently, I am struggling to choose a suitable form of navigation as it is my first time creating such a design. The design is ...
41
votes
10answers
68k views

What is the best UI for multi-selecting from a list?

We have a web form and one of the fields is a multi -elect list. Our options are: List of checkboxes Listview (select box but allowing multi select) Both seem to be a bit ugly and unweildy when ...
1
vote
1answer
40 views

Best Practice: even tab width or dynamic tab width

So this tab width is dynamic, the benefit is being able to say that perhaps all tabs will have 20px padding on either side of the label. Avoids wide tabs with small labels ( if that is a terrible ...
4
votes
1answer
119 views

One-to-many list items in trigger-response model

I have an app for a content item that can include triggers and responses, created by the user. Users can associate many triggers to one single response (many-to-one) or they can have each trigger ...
5
votes
1answer
132 views

Mobile: Best practice for number of products in a listing?

Is there a best practice approach on the number of products listed per page on mobile? For example, when a user browses a category is it better to have fewer products listed than one might have on ...
5
votes
5answers
125 views

Which element to emphasis in a list

On the site I'm working on, we have a list of buttons which make donations. We would like to promote a specific donation button so it will convey more traffic. We tends to prefer less big donations ...
4
votes
2answers
177 views

Is the 'Sell It' button annoying? [closed]

I am developing an android application that is about buying or selling second hand stuff around your area. The screenshot is from the list of the app and i wonder if this button will be annoying for ...
4
votes
3answers
117 views

What is the preferred image size for List items in a mobile application? [closed]

First of all we are talking about a Real Estate application where the user is presented with a List full of apartments. Each list item has a Photo, Title, Price and the classic favorite icon. ...
3
votes
3answers
49 views

What is the best location to locate the comments section in a list page

I am working in a website representing books, where the user can login and read online books through a book viewer and make hi/her own books collections. I have implemented a commenting system for ...
1
vote
0answers
302 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 ...
5
votes
3answers
117 views

How do I list contacts?

Let's suppose you have a chat mobile app that only sends messages. I'm the user. I want to send a message to X. If person X is in my contact list, but doesn't have the app, I text her and the ...
1
vote
1answer
49 views

Best way to display large stats lists in games

I'm trying to find the best way to display a large stats list in a game. My goal is to optimize their visualization. Players should be able to find quickly the stat they arer looking for and its ...
2
votes
4answers
1k views

What control should I use to indicate multi-select lists on iOS?

Scenario The user can choose multiple items from a list, which will be carried forward to the next action. Problem In iOS, there are no checkboxes available to make it clear to the user that this ...
12
votes
7answers
2k views

List vs tiles for links

I am designing a drop down panel which houses a collection of quick links / bookmarks to other areas of an intranet. Users access the intranet through a laptop or desktop pc running windows or mac osx,...
4
votes
2answers
51 views

Lazy loading with sort [closed]

I am working on an enterprise app that returns quite a few results from search. The users wanted to have lazy loading on the search results but also require sorting. My devs tell me the sort will not ...
0
votes
3answers
217 views

Material Design: list items or cards to display a large collection of elements?

I am developing a web application targeting desktop using Material Design and I am now facing a dilemma. The layout of the application is rather standard: toolbar on top, left sidebar and large ...
3
votes
2answers
354 views

Design for a list of items

I have this list of items in a radio button list. This list can get pretty long in it's height. This won't be the best user experience, because the user, probably, has to scroll to the item he wants. ...
1
vote
2answers
47 views

Internet Plans table - Differentiate by speed Units

I have this administrator section in my online Internet Service Provider management system where he can insert new Internet plans, edit and visualize existing ones. Here is a simple example using ...
4
votes
2answers
280 views

Flashcard app - list or boxes?

I am making a flashcard webapp, and am deciding between using lists or boxes to represent the decks and cards. i.e., Lists Boxes (with create new deck/card box at the end) So far, my points are as ...
3
votes
3answers
90 views

Building a order inventory and submitting multiple orders

I am building an e-commerce site (office suppliers with 1000 products). Any organization can register with us and build an inventory. Say an XYZ.org has registered with us and 100 products (pen, ...
1
vote
2answers
88 views

Visualizing long list of data

I have got a list of 50-80 items that I need to be visualized in a useful way. The list is sorted in alphabetic order. The items will be draggable to a graph on its right, like so: I’m thinking ...
4
votes
1answer
119 views

How could I make a list appear 'clickable/touchable?'

So I've got a nice ol' list that, when you tap on the sections, brings up more information. However, just looking at the list doesn't make it very clear you can expand them. But I'm not sure how I can ...
2
votes
2answers
31 views

How to indicate that new item was created but is not visible in a list

In a tasks management app I have a single UI to add new tasks. Some tasks will end up in a list user can see at the moment and some others will not be seen after being created (since assigned to ...
1
vote
0answers
55 views

How to organize this screens in my project. Which is the better experience for users, Lists or TableData? [closed]

I have a list with categories and other with my articles or posts (something like that), a menu in accordion if show two options to navigate: (- ALL ARTICLES - CATEGORIES) All articles has showing a ...
1
vote
2answers
91 views

A list of buttons seem to appear as a group on mobile device

I was providing some feedback on a peers design. And what kept jumping out at me was the fact that these buttons seem to blend together and appear sort of as a block of text to me. This is a native ...
7
votes
3answers
231 views

Best way to share from a Material design list

I've been looking for a common Material Design pattern for sharing an individual item from a list of content: I can't seem to find any strong recommendation from the guidelines other than not to ...
3
votes
1answer
85 views

Display many checkboxes

The context I am currently working on a project in ASP.NET MVC5.2 with Twitter Bootstrap. The user will be experienced in IT as it concerns an internal tool. The user is able to set different kinds ...
4
votes
6answers
321 views

Should an order tracker timeline be in chronological or reverse chronological order?

'Life can only be understood backwards; but it must be lived forwards.' - Søren Kierkegaard In an ecommerce order tracker, where there are a list of 'events' (for example, order placed, out for ...
6
votes
3answers
328 views

Should table rows be numbered?

I've created a a form that generate a list of results in a table. I'd to know if it's interesting to number each row of table, the default number of row is 20. there is a pagination too. 20 results ...
7
votes
4answers
393 views

Best practice for scrolling and orientation within non-touch displays: line-wise vs. page-wise scrolling?

I've been searching the web for quite some time now, but either I am always using the wrong keywords or there is no literature out there on this topic... What is the best way for a user to orientate ...
0
votes
0answers
57 views

List Item Text --> Detail Page Text

When presenting a list of available pages on a web site, with each list item presenting a photo and descriptive text, and each linked to detail page having no more text than can fit in the list item......
0
votes
0answers
82 views

Filters on a list

I have a multiselect DropList which would have usernames as its items as shown below : I need to add two levels of filters with one dependent on the other. As an example first level of filter would ...
1
vote
2answers
90 views

Adding multiple options to a list

In my web app there is a section for users to add packages to send products to us. Currently, there is a blank package when the user first arrives at the screen. After filling out the package ...
1
vote
3answers
115 views

Selecting elements from a list box

I have a list box that with a lot of items as follows : I want to enable multiple selection on this list box and carry over the selected list items into a separate bucket : Now I want to find the ...
1
vote
2answers
149 views

Selection from two listboxes that feed into one listbox?

Has anyone seen a ux/ui pattern like the one below? (Examples?) It is two left-hand listboxes that feed into one right-hand listbox. Any suggestions for improvement? User experience concerns? Is ...
5
votes
3answers
99 views

Where to Order Virgin Islands in a Country List?

I believe there are two countries related to "Virgin Islands" - US (ISO 850) and British (ISO 92). In some lists I see them listed as Virgin Islands, British and Virgin Islands, US (this is the ...
2
votes
3answers
126 views

Is strike through text a good indicator for an item in a list for being deactivated

In a healthcare product how will we show deactivated list items. I have given two options below where the first one is strike through option, which is there already in the older product and a new ...
2
votes
1answer
151 views

Android Disclosure Indicator Solution

I developping an Android app based on its iOS twin. In one of our view, we have a list with many information but not necessarily all the information we want. In iOS, they have the right-carret ...
1
vote
2answers
106 views

Conventions for Current/Active state on a list item

I have a list of items one of which will be in a current/active state. Let's for instance say its an outstanding list of jobs but I need to differentiate between the job I am currently working on and ...
1
vote
3answers
102 views

The visual order of list control and content, which should be shown above?

In many software, there is a list and a view panel. A user can select different items in a list to see different content in the view. For example, when you open Gmail, on the left you see a list of ...
0
votes
1answer
55 views

Selecting single element from a long list with hirarchy

I'm creating a wizard where in one of the steps the user needs to select only one option from a large list with hierarchy. The list will have about 30 top level categories. He can select the top ...
1
vote
1answer
47 views

How to choose specific item from a list of items with long names, without taking up lots of space?

So, I have a survey analytics app (SaaS) that provides a dashboard view with (among other things) charts of results from answers to individual questions. Currently we provide a sidebar that shows a ...
0
votes
3answers
57 views

When is a list too long to not be numbered?

I want to know if I can get away without numbering a list of items. My hypothesis is that when the # of list items is < X that a user will not need numbering to indicate the order in which that ...