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)

53
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 ...
35
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?
33
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 ...
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 ...
26
votes
4answers
973 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
935 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
9answers
25k 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 ...
22
votes
8answers
5k 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 ...
20
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 ...
20
votes
15answers
5k 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 ...
19
votes
8answers
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?
18
votes
2answers
644 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
703 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
885 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
5answers
1k 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 ...
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
608 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
553 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
352 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
915 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
454 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 ...
13
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 ...
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
327 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
706 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
470 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 ...
10
votes
8answers
526 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
5answers
734 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 ...
10
votes
4answers
384 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 ...
9
votes
3answers
256 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
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
6answers
1k 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) ...
9
votes
3answers
703 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
730 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
747 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
2answers
1k 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. ...
9
votes
4answers
996 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
898 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
2answers
18k 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?
8
votes
5answers
237 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
114 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
154 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
1answer
672 views

Checklist App (Process Documentation) Interface For Android Mobile Tablet & Phone

I'd like some help figuring out a good interface design for my app. It will be a checklist application, I guess somewhat similar to a todo list but instead of for things todo it is for documenting a ...
8
votes
3answers
2k views

How to best display a long list of check boxes

In my application users are required to select from a drop down, a list of projects they wish to include in their custom search. The easy part is that users can select one project to filter on or ...
8
votes
2answers
2k 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 ...
7
votes
4answers
258 views

Where to place controls on a tree/list

I have a chronological list of items. The user can operate on these items with three actions. So each row has three actions (or buttons for example). My dilemma is thus: Having three buttons on ...
7
votes
5answers
2k views

Replacement for long drop-down list

I'm currently working on a part of our application in which the user edits a document. Part of the application allows the user to input certain "parts." We've implemented this as a couple of drop ...