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
230 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
41 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
56 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 ...
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 ...
0
votes
1answer
109 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
31 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
188 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
85 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
28 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
91 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
152 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
198 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
44 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
146 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
69 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
73 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 ...
1
vote
6answers
254 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
2k 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 ...
5
votes
9answers
309 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
223 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
137 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 ...
40
votes
8answers
6k 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
243 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
150 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
30k 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
78 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
198 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
44 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
125 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
108 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
84 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
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 ...
0
votes
2answers
62 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
366 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 ...
3
votes
4answers
157 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 ...
1
vote
2answers
97 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
122 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
41 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
83 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 ...
0
votes
0answers
98 views

Select/deselect all in iOS usability

I am creating a screen that requires selection by an item and all/none items with latter buttons being in the toolbar at the bottom. The problem is with accessibility labels. Quote from Apple docs on ...
1
vote
1answer
233 views

How to fix an overwhelming UI for reporting with too many options?

I'm having a difficult time organizing the excessive number of listboxes for a report I've been asked to write. They want tons of filter options with multiple select lists. Is there a better way to ...
0
votes
0answers
37 views

Controls to use for expanding data up and down

I'm building web application that allows assign tasks for users. For instance, you can assign a task for Nathan to be repeated every day. This task will be sent to him on daily basis. UI looks like ...
0
votes
1answer
117 views

Best way to represent bulleted lists in a text file

I have a large document that used to be in rich text, but must now be in plaintext. The document previously utilized nested lists to organize information. Is there a "best practice" for replicating ...
0
votes
0answers
65 views

Documents List on Mobile

What is the best way to represent a list of documents on mobile? I am designing a mobile web application developed in SharePoint. What are some must-have features for a documents page? Details + ...
2
votes
2answers
152 views

Best practice/guidelines for performing action(s) on *all* list items in a mobile app?

What's a best practice for exposing a set of actions to perform on all items in a list view? For example, "Archive All" or "Delete All" in an email app that lists all emails ("bulk actions"). Do any ...
0
votes
1answer
97 views

How to display long list of names alphabetically?

I've got a pretty large amount of names to display on a webpage (~150). I was thinking maybe I could display 40 or so per page, but I have no clue how to do this without it looking hideous, as the ...
0
votes
1answer
185 views

iOS: best way to list items in variate amount?

For example, I have a form, where I should input date, country and my gender. date(many) - is very-very big list, so, apple make picker for it. Good one. country(several) - everybody know about ...
1
vote
3answers
66 views

Order of the fields in a list of ingredients

I need to display a list of ingredients for a cooking recipe on my site. I was wondering if there is a right way to sort the different fields in each line: the name of the ingredient the unit ...