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)

56
votes
17answers
4k 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 ...
43
votes
8answers
7k 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?
41
votes
10answers
5k 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 ...
34
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 ...
28
votes
10answers
39k 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 ...
27
votes
9answers
6k 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
969 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
4k 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 ...
20
votes
15answers
6k 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
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 ...
19
votes
11answers
3k 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
1k 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?
19
votes
2answers
758 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. ...
17
votes
3answers
753 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
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 ...
16
votes
4answers
969 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
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
7answers
5k 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 ...
15
votes
8answers
742 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. ...
14
votes
4answers
612 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
6answers
3k 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 ...
14
votes
4answers
378 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
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" ...
13
votes
3answers
507 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
6answers
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 ...
12
votes
2answers
3k 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
1k 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
339 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
5answers
741 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 ...
11
votes
3answers
550 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
544 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 ...
11
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. ...
10
votes
8answers
547 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
6answers
2k 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) ...
10
votes
3answers
6k 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 ...
9
votes
5answers
371 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
3answers
261 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 ...
9
votes
2answers
22k 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
3answers
831 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 ...
9
votes
5answers
869 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
5answers
910 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 ...
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 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
5answers
263 views

Update list when a user is viewing the list without annoying them

We have a list of items that the user will be interacting with frequently during sessions. Each session will last a minute or two and during that time they are changing state on items and updating ...
8
votes
2answers
122 views

Handling hashtags in an click-to-edit-record row

Say we have a list of records displayed like this: Date Description Payer Amount --------------------------------------- 01/01 Rent Maxi $1000 12/01 Lunch with clients Bob ...
8
votes
3answers
175 views

Sorting options in list with choices

If you have several options behind a button with list, how would you sort the options? The button is shown at the bottom of a form, so the list will collapse above it. Let's say that the options can ...
8
votes
1answer
2k 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 ...
8
votes
3answers
253 views

Insert New Item - Before or After Selected?

For a list that allows the user to control the order of items, where should new items be inserted? Hamlet **Ophelia** Polonius After hitting "New Item", where should it go? Before the ...