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)

0
votes
1answer
32 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
63 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
0answers
18 views

List markers' positions differ across browsers [closed]

I have a web page made of simple HTML5 and CSS (no third-party tools used). Today I observed that 'the list markers' get placed different in Google Chrome when compared to Mozilla Firefox (shown ...
0
votes
1answer
58 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
0answers
34 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 ...
3
votes
2answers
123 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
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 ...
2
votes
3answers
168 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
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
35 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
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
73 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
2answers
135 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 ...
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 ...
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
132 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 ...
0
votes
1answer
69 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 ...
1
vote
2answers
67 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 ...
4
votes
9answers
267 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 ...
3
votes
2answers
167 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
2answers
91 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 ...
1
vote
1answer
63 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
3answers
155 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 ...
2
votes
2answers
86 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 ...
2
votes
5answers
191 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 ...
1
vote
6answers
185 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
2answers
621 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 ...
2
votes
1answer
118 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
39 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
107 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 ...
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
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, ...
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. ...
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 ...
1
vote
2answers
90 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 ...
2
votes
4answers
108 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 ...
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
108 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
36 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 ...
0
votes
0answers
84 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
173 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
2answers
149 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 ...
0
votes
0answers
36 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
0answers
57 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 + ...