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
0answers
15 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 ...
14
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
59 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
1answer
76 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 ...
0
votes
1answer
47 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
2answers
80 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 ...
19
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
50 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
342 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 ...
2
votes
4answers
59 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
76 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
64 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
72 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
31 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
1answer
122 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
2answers
312 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 ...
1
vote
2answers
63 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
40 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
87 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 ...
11
votes
6answers
3k 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 ...
27
votes
7answers
1k 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 ...
0
votes
0answers
35 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
83 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
39 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
107 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
55 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
50 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
56 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 ...
0
votes
2answers
48 views

Representing conditionally visible screen elements

Does anyone have any ideas on how to represent, in a wireframe, elements that may or may not be visible on a screen? For example, suppose I was doing up a wireframe to show a list of bookings for a ...
-1
votes
1answer
62 views

Allow users to select a top 10 list from 1000 items in database table

I have a database table with almost 1000 items, names ,image urls, desciptions etc. What would be the best way to allow a user to be able to select a top 10 list from those 1000 items, and then post ...
2
votes
2answers
176 views

What are some creative patterns for viewing and selecting individual items in a large non-hierarchical list?

As part of a profile flow, I need to allow the user to look through and select individual items to add to their profile. This list of items can be upwards of 300 items (the represent company ...
0
votes
0answers
24 views

Making a cool checklist [duplicate]

In part of my app, the user is required to select items from a list. Lists are not very friendly because there's a large amount of information and it requires for the user to spend a lot of time ...
2
votes
4answers
112 views

Best way to input a list of emails

Whats the best-practice way to input a column of emails that associate with different people- a la: My worry is that all the blue buttons and call to actions look cluttered and feels overwhelming ...
0
votes
0answers
30 views

What is the best way to display two CTA's within a single column

Currently the users can "print codes" for the entire group or invite individuals by email. Can you imagine a better solution to make it more clear that both options are available without prioritizing ...
25
votes
6answers
904 views

Where to place icons in a checklist? Before or after?

I want to display a list of permissions, with tick icons to indicate what permissions a user has. Where should I place the tick icons - before (on the left) or after (on the right) each item?
1
vote
1answer
57 views

UI : How to edit, save and load a list?

I work on a list builder component that the user must be able to build easliy, save and re-open if needed. I precise that only one list can be active. I didn't find any similar component on the web, ...
0
votes
3answers
150 views

Mobile. Long list to scroll, vs. collapsible trees

Regarding mobile.... The user uses 2 dropdown lists to select a date range for a filter. The results of the filter (date range), which are shown below the filter options, is where my manager and I ...
2
votes
2answers
86 views

Best way to construct a daily repeating set of steps?

I am developing an (web)application in which a user can upload data (for example excel, csv), apply some filters and export this data in several other formats. The user can continuously upload more ...
1
vote
1answer
29 views

Does finding something through a map also require a manual search?

I am about to create an android application. The application deals with objects that have location attributes and can be displayed on a map. I am thinking of having the map be displayed first with ...
3
votes
2answers
213 views

Long select lists on mobile web app

I know long lists on mobile have been discussed on here before. But there are some differences in my problem - and I have yet to find a solution I am fully satisified with. This is for a responsive ...
0
votes
2answers
55 views

Handling loss of visual relationship when selected item scrolls out of view?

I have a list of items. These are selectable, but only one at a time, and when one is selected a panel to the right of the list populates with further info on that selected item. The row is styled to ...
0
votes
1answer
27 views

Should you also order threads by their last edit?

In a discussion forum, you will often see threads sorted by the last reply to that thread (please disregard the sticky threads in the image below). What I'm beginning to wonder is what part editing ...
0
votes
1answer
66 views

IOS resizing labels

So I'm wondering how best to solve this problem. I want to display a 'list' of elements in my app. Right now this is what it looks like - That looks really bad, and I'm not sure how to make it so ...
1
vote
2answers
101 views

Design pattern for drag drop within a ListBox?

Need advice on how to build an intuitive UI: I have a ListBox of items, that can be re-ordered by drag drop. I get to this screen when I add a new item. Now this new item needs to be inserted into ...
1
vote
1answer
70 views

Choosing Multiple List Items While Allowing User Generated Content

I have a mobile app that allows a user to select multiple items e.g. item a, b, c and so forth and have this items displayed in his profile. However, the mobile app should be flexible enough so that ...
1
vote
1answer
52 views

How to organize list based content, newest to oldest or vice versa?

In our application we have a ticket tool that allows you to create simple to complex tickets, and start a comment stream for collaboration. Current UI: Currently we have the UI structure with ...
0
votes
2answers
75 views

How to present a huge list that support searching and scrolling in a fast way?

We are using jQuery UI Tabs to display 2 tabs with huge data; each tabs contain more than 8,000 drugs. The tab switching is currently extremely slow, it takes 4 to 5 seconds (on Chrome, IE) and 2-3 ...
0
votes
2answers
65 views

Use last modified time or time created for ordering by date?

When sorting a list of items by date, is it more logical to sort it by the time that each item was modified or the time that each item was created? I have seen both of these methods used and I'm ...
0
votes
1answer
61 views

What UI Control should I use to allow users the select the order items are displayed in?

Our UI displays different list of attributes in tooltips (mouse over) and balloons (right click). Users can select the attributes that will be displayed in each case in an admin panel. I want to ...
0
votes
1answer
62 views

how to visually distinguish two types of items in a list

Is there a best practice or convention for distinguishing two or more types of items in a long list in an elegant way? I have a search box in my app that returns two types of medical diagnosis codes. ...