Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange
Join us in building a kind, collaborative learning community via our updated Code of Conduct.

a list is collection of elements (or items) that may or may not be ordered in a particular way.

0
votes
1answer
22 views

Long un-descriptive list [on hold]

At the bottom of one of my web pages I have a long list of downloadable files. 001256.pdf 001256.csv 005896.pdf 005896.csv ... It's a long list that requires a lot of scrolling. Besides a pdf/csv ...
0
votes
0answers
19 views

Generate a list with a input form [on hold]

How can I generate a list with a input form? I was thinking of a component with a input form and a button to add the input in a list. But I don't known if there are a better solution...
0
votes
2answers
78 views

Confused with what to use - List vs Table

So, I've been browsing for an hour now regarding what the best practice is for this and the majority of what I read is to use e table for tabular data and a list for lists, which makes sense. However, ...
0
votes
1answer
39 views

Swipe to refresh leaderboard

Our mobile game has a leaderboard widget with names and scores: This is a scrollable list with 50 to 100 elements in it, sorted by score. One entry is for the current user, others are for his ...
0
votes
0answers
19 views

Drag n drop list element with multiple adjacent list

Say I have a list of items, where items can have sub-items, represented by an indentation. Users can use drag-n-drop to reorder and/or convert (an item to a sub-item or vice-versa). The vertical ...
3
votes
1answer
58 views

Mixed alignment (LTR and RTL) in language selection list?

Most answers to this question say that for instance Arabic text should be aligned right-to-left even if the rest of the page is in a left-to-right script such as English. So, I was surprised to see ...
0
votes
1answer
46 views

Designing trees out of lists?

On a web tool that I'm working on, I need to allow the user to navigate through a flat list of data and create a tree out of it. The user is a backend admin who is trained to use the tool. Example I ...
4
votes
1answer
72 views

What's the best way to inform users the results of their UI selections before they make the selection?

For example if a user is going through an online request form and must choose from a long list of industries, forms, job roles, types of jams, whatever but some of the items result in a different UX ...
3
votes
2answers
74 views

Allowing users to select all items except few

I have a list of country names (eg below) I want the user to be able to either select a few countries or, select all countries except a few. Now, this can be done using a select all button by ...
2
votes
1answer
76 views

How to add a list item of different type

I'm working on a list containing expandable items that have properties and actions. Every list item can have 6 different types. Currently, at the bottom of the list there are 6 different add new ...
2
votes
3answers
105 views

Representing relationships/hierarchy within an otherwise flat table view

I have a standard table view which is used in a number of places in an online cloud portal. It's used to list servers, products, firewalls and more. As I begin to build views for the firewall listing ...
0
votes
2answers
78 views

In-line editing, display at the top or the bottom of a list?

I'm working with a nested list view. In order to add data to the list, the user initially sees an "add" button. Clicking this add button prompts a search bar where the user can then search for the ...
0
votes
1answer
51 views

How to visually configure dependency between data

I need to set the relationship between two sets of data. The sets can be big, with hundreds of records. After some research, I found that some applications use a dependency matrix, like in this ...
0
votes
3answers
175 views

How to represent a list with one item?

I have an application which generates a table of information. One of the columns may contain more than one business name but often only contains one business name. Semantically, the column contains a ...
0
votes
2answers
70 views

Long List and details in same panel

I'm Using bootstrap collapsable panel to display a list of items (revisions) in table format, I want to display the details of each item in the panel next to the table, this looks cluttered now, ...
0
votes
1answer
31 views

Publicly edited categorization

I want users of my site to be able to classify their projects by categories. Both extremes: a fixed set of categories and a set of categories arbitrarily edited by users are not quite good for ...
2
votes
2answers
127 views

Looking to use a dropdown and checkbox in the same search field

I am attempting to create a search based off multiple categories. The user should be able to select all that apply. They do not need to select one from every category. One of the issues I am having ...
0
votes
0answers
48 views

Preferred way to display a list

First time here... What is the preferred way to scroll through and display (and, not select) a list? A list of previous time stamps, for instance. I am using pickerView and it works fine, but it ...
0
votes
1answer
75 views

Android - What is the approach to use to let the user choose from a small list of time-related options?

I'm working on an app and I want to show the user how much he's paying for services he's got enabled. I want the user to be able to choose to display the cost per day, week, month and year. To let ...
0
votes
0answers
97 views

iOS - Variable item list in a modal - is scrolling a list (not picker) bad UX?

Question: Is allowing an iOS list to scroll within a modal bad UX? Background: I have a modal that contains a list of categories that the user can add to. For Android this is a radio button list that ...
1
vote
1answer
103 views

Expandable List Empty Space Mobile Device

I am a developer trying to make an information page for an application in development. What this uses is an expandable list, that looks as follows when not expanded: This is the generic android ...
2
votes
1answer
78 views

List width changes dynamically on the basis of some input fields

I have an add services screen, where I can add a service by giving some basic information and then add combinations of variants of that service. The problem is the width of the combinations list ...
1
vote
1answer
45 views

Displaying limit for selectable options

Case In our software, we have a list of modules/options that the user can enable or disable. Each enabled module has a severe performance impact on the CPU, so to avoid crashes, we decided to hard-...
0
votes
1answer
58 views

Nested Folders selection

I'm working on a selection in which I have a list of folders. This is the structure: Let's say I want to select a folder. The folder, its children, and future children will be selected. First ...
1
vote
1answer
77 views

What is the optimal way to display a multiple choice list?

I'm looking for suggestions for displaying multiple choice lists. My first (and naive) solution. Obviously, 90° vertical text is unnecessarily hard to read and takes up a lot of vertical screen real ...
0
votes
3answers
172 views

Dashboard: how to navigate the sidebar through a lot of items

I'm working on an analytical dashboard to help an owner of a restaurant chain to analyse performances of his restaurants. Restaurants could be filtered in groups, depending on places (ie "Show me all ...
0
votes
2answers
167 views

Checkbox list click behaviour

We're talking about a dialog in a Windows desktop application: The user types in one of the text fields, then grabs the mouse and clicks on an item in the checkbox list. What should happen? Should ...
0
votes
2answers
65 views

When designing a list of items with associated actions what is the better approach?

I am designing a mobile app using Xamarin. In my app's main page I have a list of few items (1 to 4 items perhaps). And then there are other items in the page. There is a few actions that user can do ...
3
votes
3answers
154 views

Indicate no time limit

I am displaying a To Do list that has time limits involved. However an item doesn't have to have a due date/time. Users are finding my current UI confusing, as they believe a blank time limit, means "...
0
votes
2answers
132 views

Check boxes and search Bar

I have a list with multiple select(checkbox) and also a search feature for it. Case : On the list appearing, I select two fields in the list and then search for another field. The field I checked ...
1
vote
2answers
92 views

Reorder and merge/unmerge list of items

I have a list that consists of blocks of one or more items. For example, there are 3 blocks with a total of 5 items in the following image. The user can add items, decide what items are grouped in a ...
7
votes
3answers
668 views

What type of control lets me either Select an item from a list or View Details of that item instead?

Situation: I need to build a sharing control that lets you share an item with individual or multiple users. To avoid having to select the same set of individual recipients each time I have created a ...
4
votes
2answers
147 views

Organization of 500+ items

Our team has to work with a very large number of image resources (over 500). We're struggling to figure out how best to organize these items such that they are easy to work with. We're specifically ...
0
votes
3answers
223 views

Order of radio button options and default option

I am currently putting a form together for subscribing to email notifications. One of the options called 'Frequency' allows the user to select how frequently they want to receive notifications. At the ...
0
votes
1answer
70 views

Recommended option to add item list from predefined list

I need to build an interface where the user will dynamically build an item from a pre defined list of items, like the following example: Personnel Team Name: Peter Gabriel Description: Sr. IT ...
0
votes
2answers
55 views

How do I improve the UI of a webpage that expands as you use it? [closed]

I have a website that constantly gets bigger and bigger as a user uses it. It is not yet complete, although I believe it is time for a better UI. So, how do I make it so the user feels more welcome. ...
1
vote
3answers
51 views

How to display a list of items when some have already been used

Our application has a security section which provides a list of users from AD and roles to be added for access to the program. Once a user is added, I'm not sure how best to display or not display ...
1
vote
1answer
57 views

Should repetitive icons show all the time or be hidden and only show on hover?

In our system we have screens that display lists of information. Within the each column of the list there is an option for settings, such as filtering. Having icons show in each column is repetitive ...
0
votes
1answer
139 views

Why 01, 02, 03, 04 and not 1, 2, 3, 4?

It seems designers like to add zero to number sequences, like here: As I understand it, from design perspective, it’s more boxy and comfortable to work with, but from user perspective isn’t it better ...
2
votes
5answers
3k views

Material design: List item with two actions

in my Android app, I have a simple list which should provide add, edit and delete functionality. I have designed the layout like this: The edit/create dialog looks like this: What is the material ...
0
votes
0answers
83 views

Multiselecting a lot of data

I need to use a component for selecting a large amount of data. My problem is we have big datasets containing data about products, users, companies, sales info, etc. And the user has to select the ...
0
votes
1answer
90 views

Does a “pyramid” structure help guide UX in lists?

The context here is presenting a short feature list on a website. My searches have not yielded any specific research on what makes for a good structure for a list of features. Intuitively, I have a ...
0
votes
1answer
34 views

Using the menu bar with user entries: Removing entries

I would like for the user to be able to add her own entries to the menu bar for the main window, something like this: Add a new entry -Separator- User-added entry 1 User-added entry 2 User-added ...
0
votes
1answer
60 views

Is there any detailed list of all website elements?

I'm trying to build a database with all the elements of a website to catalogue and organize the best practices, from a UX point of view, for each of them. Is there any online resources to start from? ...
0
votes
1answer
72 views

Best practice for numeric list within a card on mobile

I have an iOS app that is to display bus times for different stops that the user has saved. Each stop will be a card in the view, and then in the card it's supposed to show the latest buses and when ...
3
votes
3answers
158 views

Making large sets (250+) of choices more manageable

The app I'm designing allows people to describe organizations and individuals by selecting items from a list of predefined characteristics. A characteristic belongs to exactly one category. ...
2
votes
1answer
147 views

Best way to combine filtering and selecting items in a list

I'm building a web page to display a list of items. The list has three purposes: Display some very basic details about each item Provide a way of getting to more details, to view or edit them Provide ...
17
votes
8answers
4k views

Best way to reorder long list of items

I'm currently working on reordering items in a list. The tricky part though is that I need to be able to reorder up to 100 items. I have some solutions in mind but the design will break once it ...
3
votes
4answers
713 views

Mixing breadcrumbs with a Back button

The following is a web app store wireframe. The app listing has used a card layout and the search is on the left top of the listing. download bmml source – Wireframes created with Balsamiq ...
5
votes
1answer
126 views

What is the proper term for these items/images [duplicate]

First, is there any generic term or style for this type of showcasing images/items in mobile? I'm trying to emulate the style used here but first I would like to know the proper team so that we could ...