a means of organizing content into rows and columns, often but not always in a grid based layout where columns and rows have distinct relationships.

learn more… | top users | synonyms (1)

2
votes
2answers
205 views

Data table with no data rows - show, or hide and display alt content

In a web page I have a table with a header row that is visually distinct from the data rows in the table 'body'. In some application states there will be no rows to populate the table and the header ...
1
vote
1answer
221 views

Displaying search results for large hierarchical data

We have large hierarchical data which we would like the users to allow search on. The problem we are facing is in displaying the results. The search results can occur at any level and we would like to ...
1
vote
2answers
75 views

Creating an understandable sort for movies - some of which have incomplete data

I'm creating an app to help organize what movies you do and do not want to watch while also help facilitate movie discovery. Movies are pulled in through iTunes and Rottentomatoes. The first view of ...
0
votes
1answer
40 views

Chronological table : title column on the left or right?

I am working on a chronological table which display the measures taken for each day. The most valuable information is commonly the latest one so it has to be displayed near to the label. But if the ...
3
votes
3answers
69 views

How to format tables with monetary data?

I am working on a web app that needs to display revenue data in a table, and I am not quite sure how to make it easy to read. Are there are any style guides or manuals that can help me? For ...
2
votes
1answer
81 views

Matrix representation for hierarchic data

I have to create an UI that help user to define a relation level between 2 objects (from the same hierarchic level). 2 visions must be provided : Manager (3 levels) Technical (3 levels + 2 levels) ...
2
votes
2answers
138 views

Alternative method for displaying numerical data

I'm looking for alternative suggestions for displaying the following: download bmml source – Wireframes created with Balsamiq Mockups (Total = Available + In Use + Expired) One ...
1
vote
2answers
148 views

How to Improve the Layout of a Credits Table

I have this table which enables users to see different credit packs, and give the option to go ahead an purchase one. However I feel it is not as effective as it could be and I want to try to increase ...
1
vote
2answers
181 views

How to best layout a table where one column has lots of text?

I have a table that has a couple of relatively short columns and one column witha long text. (See example at the bottom.) The idea is the user can scan through each entry for comparison. Now, in the ...
5
votes
4answers
174 views

UI for splitting a table?

The web-app I'm designing for the marketing team has a table targeted suburbs with counts of persons, houses, etc. The users want to see the whole table (scrolling as necessary), and then elect to ...
2
votes
3answers
169 views

iOS Pattern for a List with a Sub-setting on Some Items

I have an iPad app interface that feels a little weird to me and I'm wondering if anybody has seen a good solution to this situation. (I've changed the content so that I can post it here---my app is ...
7
votes
5answers
326 views

Indicating sort direction without increasing horizontal space

I have a table that is very tight horizontally. Each column in the table is sortable by clicking the title of the header. As you can see, on most columns there is just not enough room for the ...
0
votes
0answers
101 views

Fling cells in table view

I'm currently working on a concept that allows user to "fling" table view cells in the reordering process (you can watch my short demo here). I have broad experience with iOS apps but haven't seen ...
2
votes
1answer
122 views

What is the best way to lay out a list of date ranges in a table?

I am showing a webpage where I list out where people will be out of the office. I want to get some feedback on which is a better format (obviously forget about the fact that you can't draw good tables ...
3
votes
2answers
179 views

Table builder - Drag-n-drop vs. clicking through dialogs?

I am working on a design of a module for a web application. The web app is to be used on desktops and tablets - in the newer browsers (IE9, CHrome, Safari, etc.). One of the tasks that users have to ...
5
votes
3answers
125 views

What is the best means to show three level data with numeric scores at each level feeding the parent level

I have a data set with three levels of data and a numeric score at each level. These score values roll up to the parent each level. I need this display as part of a report that is "printer friendly". ...
1
vote
3answers
381 views

Sorting/filtering on infinite scrolling data table

I'm creating an application where search results are being shown in a table and I want to implement infinite scrolling with fixed header and footer of the table. But I'm curious to know if sorting ...
1
vote
2answers
147 views

How to provide controls for various actions in a single page?

This one is for CMS. The user should be able to add,delete,update and search through a table in a single page. The buttons Initially ADD is visible, If the edit pencil icon is clicked only UPDATE ...
8
votes
5answers
674 views

Zebra striping in dynamic table

Here's a hypothetical question partially inspired by a real scenario. Assume that you have a table with many rows of data. This table isn't static; rows can be dynamically altered, added and removed ...
2
votes
7answers
222 views

How best can I indicate a table cell is clickable?

I have a table with lots of cells, containing products to buy. Certain cells will open a popup when clicked, which shows similar products. The rest will not (because no similar products exist). How ...
1
vote
1answer
57 views

How to add custom columns in a multi column table?

I am designing a control where the 1st column, 'Investment Categories,' corresponds with lots of purposes shown on the right. The users need to be able to add additional Purpose Columns as they work ...
0
votes
2answers
90 views

Singular or Plural Label for HTML Table or List

I have a grid that will contain 0, 1 or several email addresses. I would like to know what the best practice is for labeling this. Should the header read Phone Number Phone Numbers Phone ...
2
votes
3answers
266 views

What is the best treatment of pagination block in mobile view?

I'm working on a Responsive Web Design project. There is this table which can potentially go up to hundreds of records, so we are using a pagination block below it. On first load, user has the choice ...
1
vote
2answers
103 views

Indicate Which Item is Open in a List

I have a grid of items. I want to indicate which item is currently open (which one is the user editing?) The user can select other items in the list so I want the open indicator to be different than ...
4
votes
1answer
213 views

Use of frames with vertical scrolling for product area - Good or Bad?

I wonder if using frames with vertical scrolling for product display and selection is a no-no from the usability standpoint or is it OK? Here is a wireframe where our designer suggests this solution ...
3
votes
1answer
253 views

Best way to display date and time in a table with massive amounts of data?

I have a table of massive amounts of data. Each table row is a time sensitive order that our users need to cover on a day to day basis. Order's appear from all around the country and we have orders ...
1
vote
2answers
120 views

Tooltip to the right of table title?

Would tooltips to the right of table titles be used? There is short information on each column title in the table. But I don't want to clutter the screen with an [i] behind each title. But I do want ...
1
vote
1answer
107 views

How to display and label 5 essential and linked numbers in a table/dashboard?

I need to display 5 numbers. These numbers are essentials and display a summary of all the dashboard. This web application will be use by professional who already work with this kind of data. Here is ...
2
votes
2answers
243 views

Appropriate UI Design for Crossing Matrix

i'm programming in php, javascript. This isn't a programming question but rather User Interface/Experience one. suppose i want to create a crossing matrix for dog breeds. I initially created a table ...
4
votes
2answers
174 views

Shading grouped table rows

Currently, I am working on a mobile web application which displays all substitutions for each class in my school. To make this substitution list (varying between 5 to 60 entries) easier to parse, I ...
3
votes
4answers
292 views

Best way to layout information to optimize readability

The application I am designing is a large table of information that is updating in real time. The rows in the table are live orders in the companies system, our users scan through the list items, ...
2
votes
1answer
212 views

How do I best deal with this information overload?

This represents a category of job times, which are broken down into timeframes. Timeframes have: Total (if fake is 0, shown without T, else with) Fake (hidden if zero) as F Built as B Scheduled as ...
1
vote
1answer
893 views

Should content be left aligned or right aligned in a table that contains a mix of text and numbers?

I have many tables within a site that have a mixture of both numeric values of all types (currency, integers, etc) and columns that contain text. What is the guidelines or standards for alignment? ...
3
votes
3answers
535 views

Should clicking on a checkbox and a table row produce different actions?

I'm working on an implementation of a "checkbox grid" in ExtJS. It's just a table with a checkbox on each row, and the user can act on multiple items at once. There's a simple version of what it ...
2
votes
2answers
299 views

Alternatives to pagination for dynamic tables with many entries

I'm aware of the advantages and disadvantages of paginating table results, but I'm not sure what would be best in this particular case: I have a table that can have between 0 and 1000 rows (sometimes ...
2
votes
4answers
434 views

Tile vs Table/List view: Do they need to display exactly the same information?

I am currently working on a design (for a school/teacher app) that displays information about students. Two different views are offered to the user: tile and table view. The argument among people on ...
1
vote
1answer
81 views

Implementing three column sorting styles

Given a set of rows displayed on a table, I want to offer my users three sorting posibilities. The first two are the common ascending and descending. My problem is with a third option: "manual ...
3
votes
1answer
137 views

How to visualize a long list (9k elements) where each element has a custom set of attributes

I have to visualize a long list of elements (max about 9k) where each element has linked a set of attributes to visualize. The set of attributes is not the same for each element, but some of them can ...
2
votes
3answers
168 views

Regards to Records in a Table: Long Scrolling versus 1 > 2 > 3

There are some questions that have been asked along this topic; however, I did not find this exact question. I am having a disagreement with the technical architect on my team in regards to how to ...
2
votes
3answers
228 views

is it a tree or table?

In the following table the numbers represent the "downloaded" times the items on the left had been downloaded. The product manager insists it's not a table but rather a tree because of the tree ...
5
votes
5answers
267 views

Android App - What would the best way to show multiple activities with a fragmented time frame

We are creating an android app that will be used to survey truck drivers and gather some traffic information. One of the questions is "What is the amount of time that you spend driving, sleeping or ...
1
vote
2answers
153 views

Plain tables customization in iOS

I'm designing a view that contains a plain table view with a single fixed row. I want this row to let the user choose an item from a list I navigate to, then navigate back, and then tap a button next ...
2
votes
1answer
68 views

How to label Table Header Label Date vs. Date/Time

I have a table with a date time column. Right now the label reads "Closure Date" and it seems fine to me. I was wondering it was better practice to label it something like "Closure Date/Time". See ...
0
votes
3answers
222 views

At what point does the amount of data presented on a table become too much?

The engineers I have worked with at various companies seem to be of one mind, in that they believe it's most useful to their clients if every field available in a given dataset is displayed in a ...
1
vote
3answers
526 views

Table/grid design for website when a rows column has multiple values

I am designing a website in which users will input data into textboxes of a table, similar to this excel spreadsheet (but imagine textboxes and drop downs instead of table cells) The highlighted ...
4
votes
3answers
433 views

Positioning scrollbars on Horizontal scrolling tables

Currently we have a table of results which has both a vertical and horizontal scroll due to the number of columns and rows displayed. A user has requested we add the horizontal scroll at the top of ...
9
votes
4answers
470 views

What is the best way to indicate read-only cells within a table?

I have many tables, actually data grids, where most of the cells will be editable, but some may not depending on the users permissions. I am thinking of using light gray backgrounds on the read-only ...
5
votes
5answers
369 views

Sorting tabular data using a dropdown menu?

I'm working with a table of data and am focusing on the sorting functionality. I'm considering using a dropdown menu as opposed to traditional table header sorting (where you click the heading to sort ...
0
votes
2answers
187 views

Display notes section in table of data without making the table huge

Im developing the ui that uses a table based layout for listing items, it needs quite a detailed notes section, the obvious thing would be just to have an input in a similar way to a cell in a ...
0
votes
2answers
126 views

Editing hire/fire table for an employee [duplicate]

I need to create a HTML/JavaScript code to edit hiring/firing records for a given employee (the software receives a constant employee ID for the UI to deal with one employee at a time). One employee ...