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)

2
votes
3answers
192 views

How can I determine the optimal number of items to show in the visible window of a list box?

Is there a way of deciding how large to make a listbox, based on the items that it contains? Take this example, listing a load of philosophers. Here there could be up to 300 items in the list. That ...
7
votes
2answers
2k 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 ...
3
votes
4answers
111 views

After deleting an item in a list, should focus go to the previous or next item?

Imagine you have a todo list, and you're currently editing the item marked ** Task 1 Task 2 ** Task 3 The interface provides a command to immediately delete the current item (not just clearing the ...
0
votes
0answers
41 views

On mobile, how should I present a post that has both comments and a main media component requiring a large thumbnail?

Take a site like Reddit for example, where users can post images or media in general and have people comment on it. I want the content and the media to be both easily accessible. My initial plan is ...
1
vote
4answers
137 views

When sorting by date, do dateless entries come first or last?

I have the data: "John Smith","2007-03-01" "Joe Richard","2002-01-21" "Harry Lee","" And the columns are "First/Last Name","Last Login". It's an administrative page that generally shows all users ...
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 ...
0
votes
1answer
367 views

Alternative to picking from number picker when there are many alternatives

I am developing an app in which you have to choose 2 things. First you pick an item from a list of 7 items: I feel like this works very well with the "number picker" style. One reason is because ...
2
votes
2answers
231 views

Page scrolling vs. Non-scrolling web app

Here's my problem. I have one view on our web app that needs just a list to scroll, not the entire page. The rest of the views need the entire page to scroll. I have no idea what to do. The old ...
0
votes
2answers
668 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 ...
1
vote
1answer
125 views

Where to place the add and remove buttons for a list box?

In a Windows Form, where should the Add / Remove buttons go when you have a header record with single attribute children, as below? Should the "Child Items" label be above the list box? Update: ...
0
votes
2answers
212 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 ...
5
votes
2answers
257 views

How should I implement a 'recently used' list in a dropdown function?

I'm building a complex web app that has a number of places where the user will need to select things from dropdowns. The dropdown lists can be quite long. We are already using the Select2 library to ...
0
votes
0answers
74 views

How to show a workflow on a sequence?

I need to display a potentially complex list of tasks. Users are software operators (workers, not common internet users). They try to check the correct execution of tasks. The problem is that the ...
2
votes
3answers
1k views

What are some alternatives to dropdowns and wizards for multi-level options?

I am trying to design user interface that allows a user to select out of multiple workflow options. The options list is fixed but has more than couple of options. It's important for the user to be ...
0
votes
1answer
71 views

What is the best way to differentiate read/unread elements in a list?

I am examining a few possible ways to differentiate between unread/unvisited and read/visited elements in a list of items. Google typically uses color to do that (e.g. Gmail), while Apple would ...
1
vote
2answers
73 views

Best way to add the same information to more items on a list

Imagine we have a list of people. They are to do a task. I have the option of giving them extra time. I could give Peter an extra 5 minutes for example. What is a good way to give all people an ...
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 ...
0
votes
1answer
201 views

UI for Checklist with optional items

I'm working on a checklist for new transfer students to guide them through the onboarding process at their new University. They have certain tasks they need to complete, and others that are optional. ...
2
votes
1answer
204 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
107 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
1answer
122 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
214 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. ...
0
votes
2answers
343 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 ...
2
votes
1answer
55 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
172 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;} ...
0
votes
2answers
91 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
102 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 ...
3
votes
6answers
500 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
3k 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 ...
1
vote
3answers
486 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
220 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 ...
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?
2
votes
5answers
789 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
411 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 ...
0
votes
1answer
141 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
344 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
63 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
157 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 ...
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 ...
2
votes
3answers
148 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, ...
1
vote
2answers
95 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 ...
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 ...
0
votes
2answers
72 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
400 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 ...
4
votes
4answers
326 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 ...
2
votes
2answers
167 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
177 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
62 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
100 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 ...