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)

57
votes
17answers
5k views

Adding USA at the top of dropdown list of countries. OK practice or not?

Some web sites have a country dropdownlist where USA and Canada are listed at the top of the list (as well in their normal positions). I read once that this was insulting to non US/Canada users. The ...
48
votes
8answers
10k 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?
46
votes
10answers
6k views

How to suggest a person to turn a page to see more details?

We are building a printed voucher (hard copy) for lab tests which looks like the following : The lab test center people who take the tests should mark the checkboxes with a pen or a marker against ...
41
votes
10answers
64k 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 ...
35
votes
5answers
5k views

How do I make a list NOT look scrollable?

On a site there's a preview of the chat log for each "room" on the site which a visitor can see without entering the room. The list is continuously populated with new messages. Thing is though, the ...
32
votes
7answers
2k 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 ...
31
votes
9answers
7k views

Best way to select a subset of items in a long list

One of our clients wants us to build a web application to share information about the magazines he publishes. Each edition of a magazine contains a variable amount of advertisers. These advertisers ...
27
votes
4answers
1k views

Multiple lists on one screen — best approach?

Let's say I have a profile screen with two lists: one for Friends and another for Hobbies. This is just an example. It could as well be a Customer screen with Suppliers and Orders. I'm looking to ...
25
votes
6answers
1k views

Where to place icons in a checklist? Before or after?

I want to display a list of permissions, with tick icons to indicate what permissions a user has. Where should I place the tick icons - before (on the left) or after (on the right) each item?
22
votes
10answers
5k 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 ...
22
votes
9answers
3k views

How to indicate that an element is “new” in a list

I was wondering if you had any clever idea of how to show that an element in a list is new. In my case I'm displaying a list of documents and I want the user to see which ones are new since their ...
20
votes
15answers
8k views

Choose Your Country: Best Usability approach

I'm looking at potentially designing a site which will have 'mirrors' in multiple sites around the world. I am experimenting with the best method to help users change both their country and language ...
20
votes
2answers
863 views

Which is the best way to select a language from 400 possibilities?

We are defining a language selector for 400 languages. Given the massive number of languages compared to other websites, we applied several mechanisms to reduce the complexity of the language list. ...
19
votes
11answers
4k views

Is it ok to use arrows to indicate money movement in & out of an account?

I have seen numerous examples of banking applications that use arrows to indicate money in and out of an account. However the direction of the arrow is a bit problematic, specifically in which ...
19
votes
7answers
2k views

Where to put an “add a new item” option

If user doesn't find an item from the list, they should add it using “add a new item” option. Are there any patterns, guides or best practices showing where to put an “add a new item” option?
18
votes
5answers
2k views

How can I allow users to easily pair items from long lists?

I'm trying to create a friendly ui that will allow users with little or no computer experience to make pairs from two huge lists (around 2000 items each). Above each lists there will be a search field ...
18
votes
7answers
8k 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 ...
17
votes
3answers
817 views

How to indicate a table is missing rows that have been filtered out?

Do you know of any aesthetically-pleasing and effective ways of indicating that a table's contents have been filtered, without the filter information getting in the way? Some background on my ...
16
votes
4answers
1k views

Best way to add items to a paginated list

I have a long list of items sorted by date that is pageable. When a user adds an item it is shown and highlighted in the list. The problem I have is that the date entered affects where it ends up in ...
15
votes
6answers
1k views

Select All & Clear All vs. Invert

I met with situation when I have to use the long multiply check list. I have to add some usable buttons Select All, Clear All or Revert Invert. I know that the common practice is using "Select All" ...
15
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 ...
15
votes
8answers
918 views

How to undo a 'select all' action

download bmml source – Wireframes created with Balsamiq Mockups The convention for a 'Select All' checkbox is simple: if blank, click to select all. If ticked, click to de-select all. But what ...
15
votes
6answers
4k views

Alternatives to a dual list for selecting a bunch of items from a long list?

What alternatives and examples are there for selecting a bunch of items from a long list of items instead of a dual list? This question has some nice enhancements on the traditional dual list, but I'...
14
votes
4answers
655 views

What is the most intuitive way to highlight items which require attention or were updated since last log-in?

We are writing an app that manages workflow processes. Users needs to be able to identify which task have been updated since their last log-in and which tasks require their input. The tasks are ...
14
votes
4answers
397 views

How to allow users to create their own category without ending up with several variations of the same category?

I would like to create an application that allows users to create their own categories. Then other users will be able to discover those categories if they happen to be looking for the same thing. How ...
13
votes
3answers
573 views

Do people find someone in a list faster by name or a profile picture of the person?

I am looking for research to find out if when looking through a list such as a team list in a project management app people find it easier to find someone by their profile picture or their name? I am ...
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,...
12
votes
5answers
763 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 ...
12
votes
2answers
2k views

What is the best way to display edit/delete actions on a row?

I am building a web application that deals with a lot of tables/lists of records. I am currently building an "AJAX edit-in-place" feature, so that you can edit a record while being on the same page. ...
12
votes
2answers
4k views

For large hierarchies - checkbox tree or 'guided tree construction'

Context In my Web based application I have a hierarchy of musical genres. There are around 1.5k genres in the tree, and the depth of the tree is at most about four levels. My application allows you ...
11
votes
5answers
2k views

Which is easier to use: List of people sorted by FirstName, LastName or LastName, FirstName?

If you have a list of people, is it better to order them by FirstName, LastName or LastName, FirstName? Telephone books list by last name first: Outlook lists by first name first: Is one way "...
11
votes
5answers
349 views

How to prevent bias toward top filter results?

We have a part of our intranet that lists all the foreign language speakers within the organization that fellow employees can reach out to if they need translation assistance. Naturally, there are ...
11
votes
6answers
3k views

Selecting many elements from a long list

I have a scenario where my 'create user' dialog has a very long list of options, of which the user needs to select many. The project manager has suggested a 'dual list' approach: a long (scrolled) ...
11
votes
1answer
3k views

Alphabetical lists - horizontal or vertical?

When listing a large set of data alphabetically Is it better to list them horizontally or vertically? Craiglist lists states in columns vertically. Another site I've been using http://www.rent-acoder....
11
votes
3answers
627 views

What's a good alternative to cascading checkboxes?

We have a web interface for running a report. The report can be pretty complex. There are various topics that can be included in the report, and each topic has sub-topics. Right now, the interface ...
11
votes
4answers
733 views

What should happen when I add a Row to a paginated, sorted list

A user wants to add an item on a sorted and paginated List. If we keep the list sorted, the item might be on another page than we're viewing and if we just add it to the top of the list it will break ...
10
votes
8answers
576 views

How to make the relationship between two related lists more obvious?

I've got two horizontal lists - one that contains Chinese characters (list A) and the second that contains the decomposition of the selected character (list B). Currently, when the user clicks on ...
10
votes
3answers
276 views

How should I indicate to a user that they've already viewed an item?

In a mobile app I'm developing, I'm showing a list of results where each item can be clicked on to view more details. For each item in the list I'd like to indicate to the user that they've already ...
10
votes
3answers
7k views

Best design for displaying list under a list of items ?

I have a list of items in a database and i display 10 items with some additional details at a time(as table rows). I use next & previous buttons to fetch the remaining items. This part has been ...
10
votes
3answers
969 views

What is the most user friendly way to allow users to insert data into a hierarchy?

I have created a hierarchical data set which I use to store a tree of regions. I want users to be able to add new nodes onto the tree, but I am having a hard time thinking of a very user friendly way ...
10
votes
5answers
1k views

Most intuitive way to offer manual sorting? [duplicate]

all. I'm designing an online form builder (think Forms in Google Docs / Spreadsheets). The functionality is complete, but I'm not happy with the sorting capabilities. Everyone that I have done ...
10
votes
2answers
5k views

What are some good patterns for displaying large lists on the web?

I'm creating a web application which will contain a large list of ingredients. You can see my current approach below: However as the list grows it starts to take too much of the screen estate. Here ...
9
votes
5answers
395 views

During usability tests I see several people try to scroll down, how can the UX be improved to avoid this

I've got a mobile app where elements are displayed as a list (see illustration below) and all list elements fit on the mobile device's screen (total number of elements is 6). What I've seen people ...
9
votes
4answers
2k views

Moving Elements Between Lists

I have a question... I'm dealing with an interface that has two lists, and you can drag and drop elements between them. What would be a better approach and why? a) Moving between lists doesn't ...
9
votes
2answers
24k views

Android List View - delete row button, delete selected button or delete from item click menu?

Android List view activity with item rows. User needs to be able delete some rows. I know standard way in Android is to use item click menu. But it's 2 clicks. Is it best way?
9
votes
5answers
991 views

Have controls fade out on scroll?

Background In our application we have a list view of contacts. In addition to the list there is a filter panel at the top of the list which provides contact type filtering through a segment control: ...
9
votes
4answers
2k views

Best way to display continents and countries lists on a web page

A world map and two lists displayed on a web page are connected. Hover over "Romania" link and the Romania region highlights on the world map (jVectorMap fiddle example). As you can imagine, the two ...
8
votes
4answers
1k views

How to handle an enormous list of checkboxes?

I am working on some wireframes for a webportal. In a form in this webportal there is an enormous list (120 items) of options, and users have to go through (and read) all of them. It's not possible ...
8
votes
4answers
1k views

How to correctly encode a leaderboard with a gap in HTML

I want to display a leaderboard like so: 1 - John 232342 2 - Mary 45234 3 - Luke 234 59 - You 45 It's an ordered list but I can't make an ordered list that jumps from 3 to an arbitrary ...
8
votes
7answers
14k views

How to push items to the top or bottom of the list in alphabetically sorted lists?

This question is not related to any specific scenario, platform or product, and it's more of an end-user UX rather than a design of UX. It applies to various use cases and platforms. One specific ...