a list is collection of elements (or items) that may or may not be ordered in a particular way.
46
votes
17answers
3k 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 ...
25
votes
4answers
767 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
7answers
746 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 ...
24
votes
11answers
2k 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 to visualize this feature to users?
18
votes
14answers
2k 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 ...
16
votes
8answers
3k 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 ...
16
votes
3answers
517 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 ...
15
votes
8answers
413 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
475 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
2answers
437 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. A ...
13
votes
5answers
528 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 ...
13
votes
6answers
671 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
360 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
1k 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 ...
12
votes
4answers
675 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 ...
11
votes
5answers
290 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
987 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 ...
11
votes
5answers
490 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 ...
10
votes
8answers
421 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
195 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
4answers
171 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
5answers
232 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
5answers
281 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
2answers
1k 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 ...
8
votes
5answers
275 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 ...
8
votes
4answers
479 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
3answers
193 views
How should I indicate to a user that they've already viewed an item?
In a mobile app in 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 ...
8
votes
2answers
10k 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
3answers
3k 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 ...
8
votes
2answers
83 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
125 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
5answers
490 views
Most intuitive way to offer manual sorting?
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 ...
8
votes
1answer
352 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 ...
7
votes
4answers
193 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
3answers
184 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 ...
7
votes
2answers
717 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. ...
7
votes
2answers
142 views
List of checkboxes or multi-value select box
Currently in our application we have multiple lists of checkboxes. These lists comprise of random attributes related to a company. Each company will only perform a couple of these attributes and it is ...
6
votes
5answers
908 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 ...
6
votes
2answers
144 views
Numbered vs Bullet List
I am displaying a list of newsletters like:
Newsletter Jan
Newsletter Feb
Newsletter Mar
Newsletter Apr
Newsletter May
I order them by date so the numeration does not really mean anything and can ...
6
votes
5answers
182 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 ...
6
votes
4answers
161 views
How to paginate alphabetically grouped items?
I am in the process of creating an interface for browsing contacts in a CRM. I have the contacts displayed in alphabetical groups. like so:
A------------------------------
Andrew Bloggs
...
6
votes
3answers
429 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 ...
6
votes
4answers
302 views
How to optimise the space used by tags in the right column of StackExchange sites?
In this meta question about what the StackExchange UI site should look like, I'm working on (read: messing around with) a design for the site. I'm using a web-based tool to edit the page's CSS, which ...
6
votes
2answers
387 views
How to help users navigate a very long list on mobile
I recently came across SXSW's native apps on iPhone and Android. Both apps revolve around the conference's schedule. On the home-screen of both apps, you get the day's schedule, which is actually a ...
6
votes
2answers
116 views
Data listed horizontally or vertically?
I am currently building a data entry application and a lot of our data is contained in Div's on a page. Right now all of our data is listed horizontally because I feel that it is more readable and is ...
6
votes
2answers
193 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 ...
6
votes
1answer
655 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 ...
6
votes
3answers
1k 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 ...
6
votes
3answers
610 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 ...
6
votes
3answers
129 views
what are ways to offer sorting on a list of items by a property?
I have a list of divs that contain various pieces of data (name, type, date, etc). I want to offer the user the ability to sort this list by a list of possible properties (the name, type, date, ...
