a list is collection of elements (or items) that may or may not be ordered in a particular way.
2
votes
2answers
35 views
Syncronize vertical list using tags and connections
My goal is to create a three vertical lists where user can filter them using tags and a search bar, move elements between them using drag and drop (similar to trello) and display explicit connections ...
1
vote
1answer
65 views
Content not viewable due to page scroll
Context
We deal with a lot of data in our product. Mostly we design list views in such a way that when you click on any row in the list view you get to see the detail view on the right side of the ...
2
votes
1answer
51 views
Show multiple statuses/state on a list item
Currently, I am working on a feature for a mobile forms application where users can send data via SMS and Internet. What I need to accomplish is a way to display both the internet and sms submission ...
0
votes
2answers
110 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, ...
1
vote
1answer
59 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
21 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
97 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
66 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
74 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
87 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
79 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
124 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
81 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
53 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
229 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
71 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
170 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
61 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
100 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
108 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
104 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
98 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
62 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
84 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
177 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
199 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
70 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
156 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
165 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
106 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
671 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
148 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
258 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
76 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
56 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
52 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
60 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
2answers
398 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
4k 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
93 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
61 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
161 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. ...
3
votes
1answer
269 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 ...
18
votes
8answers
5k 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
876 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 ...
