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
0answers
10 views

Would laying out a multitude of [text-only] topics/options (> 15) in a card layout increase interface clutter?

I am trying to figure out when a card layout is optimal and when alternatives are ideal. For example, Khan Academy's lists has > 50 items, and is arranged in a neat list. Observing the flat trends ...
0
votes
2answers
123 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
2
votes
1answer
172 views

How do adverts in a list view affect user behaviour?

I have a list view of articles on a mobile website and I'd like to position an advert between 2 of the articles in the list. This is something I've seen on forums, where an advert is placed between ...
2
votes
1answer
51 views

Is this a cascading list? And what would be an alternate or better pattern to use?

I am referring to the list of documents and then clicking on one and editing/viewing it on the right. Is there a better way to do this? This list probably won't be as long as it is in my example. I ...
0
votes
2answers
17 views

Ordering a set of cards/data by two properties

I have a set of cards, in this case people. Imagine a dating site where the user wants to find people who are both near to them geographically and have a high match rating. I'm not sure what the most ...
0
votes
2answers
269 views

How to design a long list page in Android?

I am designing an Android application for people who haven't used Android before. This application contains a long form that these users should fill out. What of the following methods is the best way ...
0
votes
1answer
54 views

Show items related to selected item in list

I have a list on my UI. One item in the list is selected. Out of the remaining items, few can be related to this selected item and other may be totally unrelated. For example, Item4 is selected. No ...
2
votes
2answers
123 views

Suggestions for a clean interface for two related,linked lists

I'm making a restaurant menu editor. There are menu "items" and they have "options". For example Turkey Sandwich or Hamburger would be items and lettuce, tomatoes, onions etc would be options. ...
1
vote
2answers
344 views

Search / Filter list all in one

One of interfaces im working in, has a interesting problem. On the same screen i have a list on the left, a map on the right and a search bar on top. On previous mobile interfaces, the search bar ...
3
votes
2answers
101 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 ...
0
votes
1answer
99 views

How to organize a collection of URLs on an intranet?

As in most big organizations there is a lot information to be found on the intranet but unfortunately most users have difficulty quickly finding what they are looking for. We do have a full text ...
0
votes
2answers
70 views

Best way to select multiple items on a list using groupings

First post here, so bare with me if I do something wrong. Here is my issue: Imagine that you have a list of students in a class. You want to be able to select all of them but you also want to be ...
0
votes
1answer
51 views

Screen flow for adding items to a list in a mobile app?

What is the recommended (optimal) screen flow for adding items to a list in a mobile app? The two options I came up with are: (Shopping Cart Style) Start with a blank form for adding or finding a ...
1
vote
1answer
30 views

How to convey order of a list matters (and allow reordering)

We have a an application with a list of rules (probably no more than 10) that a user defines (plus some default one): download bmml source – Wireframes created with Balsamiq Mockups ...
2
votes
2answers
130 views

What is the point of list-style-type?

In CSS we have different list-style options. For example: ol.decimal {list-style-type: decimal;} ol.upper-roman {list-style-type: upper-roman;} ol.lower-alpha {list-style-type: lower-alpha;} ...
1
vote
1answer
48 views

user experience for a dynamically updating list of items

I have a requirement as below: On my page, I have a button, which when clicked will open a popup, kind of modal window ( as shown in the image below). This popup will have information in it related ...
0
votes
2answers
53 views

help designing task screen

My colleague and I have been asked to design a task screen which lists tasks with certain attributes: Tasks are listed along with how important they are, who is assigned to them, what kind they are ...
1
vote
2answers
64 views

How to display a flag on a sortable dynamic list

I have an application where I have a Document Type object, and I need to add key fields to that document. So we have a list of available key fields that the user can associate to a document type, and ...
4
votes
2answers
383 views

How to indicate that a list view can be swiped to reveal controls?

I would like some advice on any approach which is conventionally used for indicating that swiping sideways will reveal buttons. I need to answer this design issue both for iOS and Android although ...
1
vote
6answers
153 views

Add button for grid list

My team is developing a widget that uses a grid layout to display a list of webpage links, and we would like to have an inline add button so that our users will be able to add more pages to the list. ...
5
votes
6answers
1k views

Unambiguous way to display timezone information in a compact manner

When displaying a listing of events, each with their own date, time, and timezone, I'd like to present the timezone that the given event has been assigned. However, there is potentially a lot of ...
4
votes
9answers
234 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
0
votes
3answers
118 views

How to display a long list of FAQ on a mobile app?

I am designing the FAQ page for a complex mobile application. Faqs can be more than 20 and text might be very long. I have tried to list them with an accordion solution first but it seems to be heavy ...
0
votes
2answers
110 views

Best UX for accessing a list of clients from a database

I'm rebuilding a web app in Laravel for managing client portfolios. One feature is to be able to pull up a client's account quickly, either by account name or id. Previously I just pulled a list of ...
33
votes
8answers
5k views

How to visualize the possibility of drag'n'drop?

My web application contains a list of elements, which can be sorted by drag'n'drop. How should this feature be visually represented to users?
2
votes
5answers
150 views

How to display a potentially huge set of options in a scrollable list?

Background I am designing a report building tool within a larger application because the users require the ability to create a large variety of customized reports. Solution To enable this I have ...
2
votes
2answers
62 views

Are alphabet filters effective?

This is an alphabet filter: It assumes the user knows what the first letter of the item is. It is also an inherited method from the time of thumb indexes for books like dictionaries and address ...
18
votes
9answers
22k 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 ...
0
votes
1answer
46 views

Displaying a list of activities

In my website I have a list of activities. Previously this was just a list of links, clicking the links would result in a dropdown, like so: On hovering over the links that toggle the explanation ...
2
votes
1answer
101 views

How can list sorting/grouping be made intuitive?

My user is shown a list of devices as a table, say: Name, OS "Amazon Fire Phone", "Android 4.2.2" "Nexus 7", "Android 4.3 1" "asus_015d41d46d53f411", "Android 4.3" "HTC_HT14NT214173", "Android 2.3.5" ...
0
votes
1answer
35 views

Assign every item in a list to a category on a smartphone

I'm currently trying to implement an OPML-Import in my rss-reader. However, opml-files don't give any information about the "category" every item should be assigned to. Therefore I got the problem ...
1
vote
3answers
89 views

Should the “zebra striping” data grid set-order column be highlighted, or is it enough that little arrow?

[For PC applications (desktop and web)] As a common rule, when showing data grids, and sorting data through one of its columns, a little arrow appears on that column (sometimes also, the header ...
14
votes
7answers
1k views

Is it easier to read an inline or vertical names list?

Noticed Facebook changed its tooltip names rendering to vertical. That made me wonder if it was actually easier/faster to read a list of name inline in a sentence or in a vertical list? Is there an ...
2
votes
3answers
79 views

Alternatives to handle quick searches on sorted values list (when no matches found)

(Implementing on PC environments, desktop and web applications) When showing ordered data lists with comparable values​​, which offers the feature of jump to a section of the list, and highlight it, ...
0
votes
2answers
81 views

Is there a better way to show 3 states within a list of items

Info: There is space and capacity for one single column of names. The names need space to have emails input. These names can be in one of three states- invite not sent, pending, and invited. Here ...
19
votes
10answers
3k views

What are good UI patterns for selecting exactly two items from a list?

In a piece of desktop software, I have a around 20 items. These items should be shown in a list, which fits on the screen. The user should be able to select exactly two items in the list, then, a ...
0
votes
2answers
54 views

When should I hide preview?

My application looks like this: The user may select an item from the list and a preview of this item will be displayed: The user can also use filtering to reduce the number of displayed items. ...
5
votes
4answers
348 views

Models of user interaction when dealing with selections from a looong list?

I'm a programmer working on a web project. We need the user to select one item from a given list of universities. It's a list of 100+ elements, and the frontend is XHTML/css/js. Here are the options ...
2
votes
4answers
86 views

Reordering Checkbox List on selection

I have a requirement for a user story I am working on requesting that on checking a check box in a check box list, the selected items appear at the top of the list. My gut is telling me this is ...
1
vote
2answers
86 views

Prioritizing Items from a list of values

I want a user to prioritize 4 items from the highest to lowest priority without being able to select the same priority for each item for the registration process. So far this is the wireframe I have ...
0
votes
0answers
65 views

Advice On Alternative To Using Many Dozens Of Check Boxes In An Asp.Net User Interface [duplicate]

I have a table that has 51 bit values to hold the values of statutes. In production, this table would have over 10,000 records for the different LocationID's. The UI for this in its pure database ...
2
votes
1answer
97 views

Default radio button option always first?

Given a set of radio buttons, should the default option always be the first? (Leftmost if they're in a horizontal list or topmost if they're in a vertical list) Is there ever a case when this is ...
0
votes
0answers
36 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 with a lot of information? Currently product block for our website it looks like this: It's filled ...
1
vote
2answers
69 views

Improve UX of steps which need to completed to use an application

We have a web app where the users need to complete a number of steps to get the most from the app - we are struggling with a user friendly and intuitive way of displaying the steps which get across ...
0
votes
0answers
70 views

Select/deselect all in iOS usability

I am creating a screen that requires selection by an item and all/none items with latter buttons being in the toolbar at the bottom. The problem is with accessibility labels. Quote from Apple docs on ...
1
vote
1answer
142 views

How to fix an overwhelming UI for reporting with too many options?

I'm having a difficult time organizing the excessive number of listboxes for a report I've been asked to write. They want tons of filter options with multiple select lists. Is there a better way to ...
12
votes
6answers
3k views

What is a good visual cue for drag and drop? (for reordering a list of items)

I'm wondering if anyone has any opinions on what is the best visual cue to indicate to the user that list items can be reordered via drag and drop? Here are a few options I've been playing around ...
27
votes
7answers
1k views

How do you sort a list of languages?

A website is available in 100 languages. There is a form to select a language, and it includes these 8 English Русский 日本語 עברית العربية বিষ্ণুপ্রিযা় মণিপুরী მარგალური አማርኛ Normally, I would ...
0
votes
0answers
36 views

Controls to use for expanding data up and down

I'm building web application that allows assign tasks for users. For instance, you can assign a task for Nathan to be repeated every day. This task will be sent to him on daily basis. UI looks like ...
0
votes
1answer
99 views

Best way to represent bulleted lists in a text file

I have a large document that used to be in rich text, but must now be in plaintext. The document previously utilized nested lists to organize information. Is there a "best practice" for replicating ...