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)

7
votes
5answers
362 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
114 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
144 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
203 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
149 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
625 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
168 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 ...
9
votes
5answers
833 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 ...
3
votes
7answers
290 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
73 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
133 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
568 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
117 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 ...
5
votes
1answer
230 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
351 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
133 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
114 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
323 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
211 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
337 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
235 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
2k 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
935 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
372 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
648 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
89 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
150 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 ...
3
votes
3answers
189 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
276 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
301 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
165 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
78 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
274 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 ...
2
votes
3answers
648 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
518 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
504 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
473 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
213 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
148 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 ...
16
votes
4answers
1k views

Is there a more legible way to present tabular data?

I have some tabular data I'm displaying to users. It's not a lot of data, but I'm wondering if there is a more legible way to display it? Right now the data looks like this: Is there a better way ...
3
votes
3answers
585 views

Alternatives to tabular data display

We are working to show data from a variety of inputs and outputs at a given facility. Each facility can have any number of inputs and any number of outputs. For example: Facility 1 takes in the ...
4
votes
3answers
174 views

Small tables on big screens

I have a little problem, responsive design and tables with only 3-4 columns, so the tables can't be 100% of the width, because that would result in way too much white space between the columns and ...
5
votes
3answers
385 views

Looking up for an item in a list and different table styles in iOS

I have a settings view with a grouped table. One of the cells of such table is intended to show a very long list of items from where I want the user to select one. Due to the length of the list, I ...
1
vote
2answers
189 views

How should numbers be aligned in a table column?

We have tables that have numbers as data on a few columns. They are not currency numbers that add up to a total but just regular integers. For example, the number of subscribers. Should they be ...
0
votes
1answer
224 views

Datagrid Selection: Consistency & Placement

I'm working on an application that heavily utilizes datagrids (unfortunately) and I question the placement of the select option. Refer to my attachment and the list below: Select Option - Datagrid: ...
1
vote
1answer
980 views

Better way to display excessive data in table cell iOS

I am displaying data retrieved from server in UITableView. Each cell has to display more than 10 fields as shown in figure. Its looking very ugly if I just simply put up the fields in cell. I have ...
1
vote
3answers
189 views

2D action shooter “left-to-right” VS “bottom-to-top” experience

Which type of games is more suited for users on mobile platforms (phones, tablets) considering their thumbs movement? LEFT TO RIGHT like in R-Type? or BOTTOM TO TOP like in Xenon?
3
votes
2answers
224 views

Are there any design patterns for 'saving' or 'collecting' rows in datatables?

I'm trying to research a way to support this, and the requirement is that there should be a 'quick reference' area for users to save/store particular rows from a search results page. It's almost ...
3
votes
3answers
201 views

Best Practice For Opening PDFs in a Datatable/Table? [duplicate]

In reference to a question asked back last October "Should PDFs open in a new tab?" I implemented the method of PDFs opening in the current browser tab (as provided to be an answer to the question). ...
13
votes
8answers
1k views

How to avoid repetitive actions in table rows?

We have a table with data and actions on each row like so: Name Email Description Actions James james@gmail.com Desc 1 Edit Export ...