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)

8
votes
5answers
464 views

Zebra striping for body text?

The general consensus is that zebra striping a table makes it a little easier for people to keep track of which row they're on...but is this reduction of cognitive taxes only for table rows? I at ...
2
votes
2answers
188 views

Less noisy cell buttons on a table

I have table where almost all of its cells are a button that works independently. When I add a 3D button-like design to each cell, the table becomes a large chunk filled with buttons and looks a ...
5
votes
2answers
583 views

Filters on top or on side of the table

I have 2 options to show filters for a table. One option places filters on the top and the other on the side of the table. For both options we'll give users the ability to hide the filters (by ...
2
votes
2answers
290 views

Adding paging, sorting and filtering toolbars to a table

I have a bunch of report views, which essentially are tables. They should enable the user with sorting, paging and filtering capabilities. My idea is to add those features via menu-bars. Paging ...
3
votes
1answer
141 views

Table Comments and Actions

I have a table where one column is a 'Comment' section with a textarea where users can add a comment and save it for that row. I'm trying to think of the best way to implement this. There are a ...
3
votes
2answers
317 views

How to indicate required fields in columns in a table?

In a form indicating which fields are required are often indicated by a asterisk (*). How should I indicate that a column in an editable table contains required fields? One of the options is to add a ...
6
votes
4answers
260 views

Merge multiple table entries

I am building a widget to merge Records. Lets say, this table is information on Cars. There are variable/data points like VIN, Milage, etc.. Now, there may be more than one entry of the same car in ...
2
votes
3answers
474 views

Pagination of tree structure tables

Ok first things first. I did not design this layout but all feedback is appreciated. I have a web app that takes in a user file and spits out a table. the table also has hierarchy. Lets say its a ...
5
votes
3answers
168 views

Improve display of date range inside a table

I have been taking a look at this post, but it is not exactly what I am looking for, plus I have hour and minutes and is inside a table. My current table is this one (bigger image): The problem I ...
5
votes
2answers
74 views

Incorporating new (unrelated) data on an existing table

We have a big table where user enters hours for each day of a time period (14 slots for day inputs) each row represents a task. the Dev team wants to incorporate tasks from another system into that ...
0
votes
2answers
149 views

What is a good way to display a ranked list in a table cell?

I have a set of metrics to fill each row of a table. And each metric has some factors, usually, there are about 10-20 factors for one metric and they are ranked by their importance as well. Now I ...
3
votes
4answers
276 views

Better to Show Empty List or Default List?

This is a web application for people to manage a large database of stuff. When the user clicks on the a button/link to "View Their List of Stuff", is it better to present them with a populated list or ...
5
votes
4answers
253 views

Grid - Inline Editing and Sorting - How to handle the features together

The Dilemma: You have a grid/table with sorting (and/or multi-sort) and inline editing. The user modifies a value that should modify the sort order. What do you do? An Example: Lets take ...
3
votes
4answers
460 views

Combine edit and action column?

In the table below, you can see the first column contains what I called the "action menu" and some examples of action could be: email, create task, send letter, create paycheck... The second column is ...
4
votes
2answers
126 views

Unintentional link clicks in table rows

The problem In a desktop application, our users browse a lot of tables. Some cells contain links. Link texts look the same as other cells', except from when hovering, when they turn blue and ...
5
votes
2answers
840 views

Displaying a large number of columns in a table

I have a Twitter Bootstrap based table with responsive CSS. Everything looks good but, when I try to put more columns than the size of the table supports, I have a line breaking. I tried to change ...
10
votes
4answers
342 views

What should happen when I add a Row to a paginated, sorted list

A user wants to add an item on a sorted and paginated List. If we keep the list sorted, the item might be on another page than we're viewing and if we just add it to the top of the list it will break ...
5
votes
3answers
447 views

Multiple similar tables with varying column widths

When multiple forms are displayed on a page that display the same type of data, grouped into categories, is it OK for the columns in each table to be varied or should fixed widths be used to enforce ...
8
votes
3answers
763 views

Table Checkbox side best practices

When is it a best practice to allow for checkboxes to appear on the left/right and side of a table? A wireframe came across my desk looking similar to the wireframe below. The justification the team ...
4
votes
1answer
172 views

Is it better to have a modal or an inline entry for a table?

I have a styled table containing first and last names in each column and nothing else. As part of the usage of my app, people will be entering names. Should I: Have the "add" button launch a ...
20
votes
4answers
11k views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
3
votes
3answers
425 views

Show more information from a table row

I have a Table which contains some basic information for a Product. Upon clicking a row, I wish to show more information (on the same page) for that product where a user can edit certain information. ...
6
votes
4answers
975 views

Best way to show long list of detailed information for summarized items in a table?

I'm working on an application page for an insurance company regarding purchasing policies and showing all the detailed information that comes with the policy. The problem I'm facing is knowing how ...
1
vote
2answers
198 views

Is there a better way to layout this UI using the Microsoft Office Ribbon?

I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
2
votes
1answer
249 views

Three-dimensional matrix of tristate selections

I am building a configuration UI for a client's desktop application. This could be called metaconfiguration, i.e. it allows the client to determine which options are actually available in the eventual ...
9
votes
10answers
451 views

Is it better to represent simple labeled information as table or just text with subheadings?

I'm redesigning a website that has some simple information presented as a table like this: download bmml source – Wireframes created with Balsamiq Mockups I read yet the again the Label ...
0
votes
3answers
140 views

Displaying data criteria based on users weight/importance

Users are presented with a categorized list of criteria for them to choose the level of importance. After filling out the form, how should I display their result? The left table is easier to scan ...
5
votes
3answers
171 views

Form for property rent prices depending on season and length

Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue. We run a holiday property rental website. Properties can be rent on ...
6
votes
5answers
1k views

Best way to represent null and empty data in an excel file

We have an application that allows users to design their own forms and export the data to excel. One problem is the representation of null or empty data. There are two scenarios that we need to ...
2
votes
3answers
169 views

Only show table columns when users are filtering its specification?

The initial table display shows the required information like name and price. name | price If the user wants to filter the product on a specification like weight, the table adds a weight column ...
5
votes
4answers
254 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
1
vote
2answers
289 views

What is the best way to display linked text?

I always was curious about the following question: What is the best UX way to present a text that act as information and also as a link (for example to more detailed information). I always ...
5
votes
4answers
199 views

What might be the fastest way to delete (or modify) records from a tabular interface?

When managing huge number of records, its often a huge time confusing task when selecting a certain set of random records to do some task on them like, deleting, deactivation, activation etc. ...
2
votes
1answer
87 views

display reports while minimizing resolution issues

I'm building reports and dashboard interface for customer use that should eventually serve many users with many different screens and different resulutions. I build the report with ssrs-2008 tool. ...
2
votes
5answers
150 views

Table head labels should be bigger?

One of my clients is asking me to make column head labels bigger, but i prefer them smaller but bold and lighter. which one should be the better? bigger and bolder headings for each column? or smaller ...
3
votes
1answer
125 views

Best way to add extra information to a log table?

In a web application, I've just added a log tables that displays chronologicaly the last events that are monitored by the application. Those events are of two main types: inputs and outputs. In ...
2
votes
1answer
111 views

About the creation and management of items

I need some guidance regarding the following design issue. In my application I need to create, maintain, delete and manage so called "Roles", they are just basically a name and a description pairs. I ...
1
vote
7answers
233 views

Possible functions for a column in a grid, list or table

I'm working on a portfolio management system at an investment company, which will include a list of stocks held and their attributes such as name, issuer, market price, value etc. These will be listed ...
3
votes
2answers
469 views

Sub rows within complex tables

There's a table view we need to show in a Web app. It contains summaries of a company's listings on eBay. Because of the volume of information, a standard columned table won't work - it just gets ...
6
votes
2answers
176 views

Numeric data input in a web based scientific software

(Note: I'm more a backend developer, so please forgive my lack of UX terminologies. Don't hesitate to edit the text or the tags) We are working on an online scientific software with specific ...
7
votes
2answers
620 views

Too many checkboxes in a table?

A user should be able to change the settings for 5 different options for each day of the week at the same time. I was thinking of something like this, but it seems a bit messy... Too many things ...
6
votes
8answers
369 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
2
votes
4answers
437 views

Drop down menu best practice question

I am working on a page containing a tabular list of schools (see http://www.guidetoonlineschools.com/online-schools/non-profit). This list contains the name of the school, data on its tuition, ...
6
votes
2answers
2k views

UX for filtering a table of data

I have a table of data that can be filtered by name, location or status. The data of each of these columns will be obvious to the administrators of the Portal (i.e that the first column is child's ...
2
votes
4answers
792 views

Boolean table cell values - best way to show Yes/No

I have a table with some columns showing Boolean values of Yes/No. What do you think is the best way to show it? Several alternatives I can think of are: Leave the Yes/No labels Utilize a ...
4
votes
1answer
179 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
0
votes
1answer
100 views

Default column width for text data in a table

I'm designing an application with a data table. The data is backed by a C-style string (that is to say, a char array) so I know the maximum theoretical width using my proportionally-spaced typeface. ...
2
votes
1answer
243 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
2
votes
1answer
189 views

Is it a good experience if a table pagination doesn't refresh the whole page but only its own area

I'm working on a UI pattern thing for an ERP system. the problem is about the table pagination.a common table have a pagination, I'm fine with that. Here is the problem, if there is a lot of content ...
1
vote
1answer
839 views

Are there any recommendations for the look of Metro UI table?

I can't find any Metro UI example of medium-size table (to give you an idea, min. 5 columns with text and numbers and min. 5 rows). For instance, when table is wide, it's useful to use alternate row ...