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)

1
vote
1answer
68 views

user experience for a dynamically updating list of items

I have a requirement as below: On my page, I have a button, which when clicked will open a popup, kind of modal window ( as shown in the image below). This popup will have information in it related ...
0
votes
2answers
154 views

How to make connected lists on a website comprehensible for non experienced users

We have two lists on our website. One on the left listing activities, one on the right listing resources. When clicking on an item on the left list, more information about the activity is displayed ...
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 ...
0
votes
1answer
36 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
69 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 ...
2
votes
4answers
2k 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 ...
0
votes
2answers
329 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 ...
0
votes
1answer
60 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: ...
1
vote
2answers
354 views

Search / Filter list all in one

One of interfaces im working in, has a interesting problem. On the same screen i have a list on the left, a map on the right and a search bar on top. On previous mobile interfaces, the search bar ...
3
votes
2answers
169 views

How to allow users to position newly created items in a sortable item list

Background I have a list of items that a user can create, move around, edit and delete. Each item can be a different type such as a textbox field or a header. To create a new item or edit an ...
0
votes
1answer
155 views

How to organize a collection of URLs on an intranet?

As in most big organizations there is a lot information to be found on the intranet but unfortunately most users have difficulty quickly finding what they are looking for. We do have a full text ...
0
votes
2answers
95 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 ...
3
votes
2answers
131 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
35 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
174 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
32 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 ...
0
votes
0answers
17 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
2answers
38 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 ...
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 ...
0
votes
1answer
73 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. ...
0
votes
0answers
22 views

Would laying out a multitude of [text-only] topics/options (> 15) in a card layout increase interface clutter?

I am trying to figure out when a card layout is optimal and when alternatives are ideal. For example, Khan Academy's lists has > 50 items, and is arranged in a neat list. Observing the flat trends ...
2
votes
1answer
182 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
75 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
2answers
23 views

Ordering a set of cards/data by two properties

I have a set of cards, in this case people. Imagine a dating site where the user wants to find people who are both near to them geographically and have a high match rating. I'm not sure what the most ...
0
votes
1answer
72 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
136 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
143 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 ...
1
vote
1answer
34 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
133 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
63 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
68 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 ...
5
votes
2answers
649 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 ...
1
vote
6answers
187 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
1k 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 ...
4
votes
9answers
270 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
0
votes
3answers
157 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
123 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 ...
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?
2
votes
5answers
192 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
87 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 ...
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 ...
0
votes
1answer
57 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
119 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
42 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
108 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
88 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, ...
0
votes
2answers
82 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 ...
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 ...
0
votes
2answers
57 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. ...