Tables are 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)

1
vote
4answers
464 views

How could a webpage containing multiple tables be displayed effectively?

I am designing a user management tool where users will be made up of several groups. Each group has its own table, but the table headings need to be sticky. Example of a table with a sticky header ...
2
votes
1answer
136 views

Where is it better to position an Add combobox - below table or on top of table?

I have a table that can be filled with pre-configured items. I also have a combobox that user can select an item from it - either by scrolling it or by starting to type and using auto-complete (the ...
0
votes
1answer
42 views

Is adding a “Total” description redundant in spreadsheets?

I'm making a spreadsheet for the PC I'm building, and I wondered if the Total description at the bottom of the Price column is necessary. In terms of user experience, is it already understood and ...
0
votes
2answers
65 views

How to indicate that an element in a grid is the current one

I'm working on a real-time web application that has a grid displaying a a list of elements that can change continuously. Currently, I'm just displaying a checkbox "Is latest" for development ...
2
votes
2answers
181 views

How to render multiple levels of labels in a table to improve readability?

I'm having trouble searching for patterns like the following. I need your help and opinions on the most clear, readable option to show three levels of labeling pertaining to a same table column: ...
1
vote
1answer
105 views

Tabular data on a mobile device

I've built a responsive web application, and while its functional on mobile, it can be a bit clunky to use. It has a page with a table of students, contact information, contact person, edit page and ...
2
votes
2answers
182 views

What is the best way to split first/last name and company columns in a table?

We offer a web service that has some entries that are people and some entries that are companies. We currently list them in the same column, but we have gotten some requests for the ability to search ...
1
vote
1answer
188 views

Display two column table on smartphone

I've been somewhat struggling on how to display a two column table on a smartphone (iOS app specifically). My said that they would like something other than a boring UITableView to display the data. ...
3
votes
5answers
150 views

Rating multiple items at once - looking for examples and ideas

I'm looking to present users with a data table of items to be rated on a scale of 1-5, or rejected (e.g. marked "Not Interested"). Basically, I'm envisioning a table of rows like: |ITEM NAME ...
0
votes
1answer
186 views

Web - Displaying data in a table

I'm currently developing functionality that allows the user to upload, what could be, a fairly large amount of data via an Excel upload. When the data is uploaded we will validate that and present ...
0
votes
3answers
162 views

Icon Placement within a row

I have a table with template names and the actions available will be shown in the form of icons next to the names. There are two options. Option 1 Icons next to the name(left aligned) appearing on ...
0
votes
0answers
41 views

On mobile, how should I present a post that has both comments and a main media component requiring a large thumbnail?

Take a site like Reddit for example, where users can post images or media in general and have people comment on it. I want the content and the media to be both easily accessible. My initial plan is ...
0
votes
0answers
161 views

In or around a table of results, displaying row-specific information and actions (master-detail UX)

I am tasked with displaying a list of clinical trials. Each clinical trial has at least one, and typically many, actual locations. We want to encourage users to enroll in clinical trials. What that ...
2
votes
4answers
123 views

Indicate recently answered question

I am working on an web-application form which represented as table rows. These table rows hold item information and can be checked or unchecked. When saved, all checked items are set to be seen by ...
2
votes
1answer
107 views

Is this a cascading list? And what would be an alternate or better pattern to use?

I am referring to the list of documents and then clicking on one and editing/viewing it on the right. Is there a better way to do this? This list probably won't be as long as it is in my example. I ...
2
votes
4answers
147 views

Cognitive strain by reading data in tables?

I would like to know if there is a study made about the cognitive strain that there is (or isnt) on reading dataheavy tables. I know there is a lot of help out there for how to make tables easier to ...
2
votes
5answers
523 views

Designing gantt like schedule in grayscale

I had some problem deciding if this should go here or in Graphic Design site. I hope I got it right! So I'm redesigning a schedule application. It looks something like this: Each activity has a ...
2
votes
4answers
110 views

How do i organise a table to show all people with groups within the table?

Im designing a table. On the table, it is made up of all people. People are set up with targets, the DR, LC and LP and [6],[7],[8] in the picutre If a person has been assessed they are scored against ...
2
votes
2answers
163 views

One or two columns for peoples' names in a table?

What are best practices for showing names of people in a table? I could do Name | First Name | More Columns -------+------------+---------------- Doe | John | more data or Name | ...
0
votes
2answers
91 views

help designing task screen

My colleague and I have been asked to design a task screen which lists tasks with certain attributes: Tasks are listed along with how important they are, who is assigned to them, what kind they are ...
0
votes
1answer
162 views

What is the best way to display an icon for removing the row in a table?

I am designing a system where users need to be able to delete a table row. Originally I had a 'remove' button, but that has now changed to an icon in the interest of saving space. I have used a red ...
8
votes
9answers
748 views

How can I make the relationship between rows in two tables more obvious to the user?

I have a web page that at first showed a top level goal with a bunch of risks. here is an example mockup: I now realized that since I have a series of events, it would be good to break down and ...
6
votes
10answers
473 views

Multiple icons/indicators on a table row

I am creating a table that lists all of the people in a group (75-125 people). I need to flag certain people with key roles in this group so they can be identified at a glance. There could be up to 10 ...
1
vote
1answer
250 views

How to offer sorting on a color coded table?

Am using a table to display list of names/addr/etc along with colored backgrounds for 'verified','problem' and 'unclassified'. I've been asked to provide a means to sort by these three classes and am ...
0
votes
2answers
449 views

How to Design a large columns table [duplicate]

I have a table in which i need to include 20-30 columns in every row with proper font-size and padding. The Problem is few columns of the table will go out of screen. Is there any alternate for design ...
0
votes
0answers
87 views

How to design different “columned” table

So we are trying to come up with a solution of how to display different number of columns in one table: for example) ...
0
votes
1answer
282 views

Improving table column expansion/collapsing UX

I've been developing a web app that contains a large table. Some of the columns are "nested", in the sense that with a click on a button in the column header, it splits into two, like in the following ...
0
votes
1answer
114 views

Context menus in table

This is a repost from:http://stackoverflow.com/questions/25520588/context-menus-in-table I'm not quite sure if the audience is the same in here, but this seemed better place. I've an UI design ...
4
votes
4answers
542 views

Visual clue to indicate table header might be truncated

In our application, we have a table view which shows the values of some hierarchical model. For example, the hierarchical model could be Root |_ Property 1 |_ A parent |_ Property 2 In this ...
4
votes
2answers
623 views

Improving a flat table view

I've been asked to improve a table view from where the main purpose is to show details about a business agreements. First at all, I was given this view: So, I started to do some research on UX ...
2
votes
1answer
344 views

How can list sorting/grouping be made intuitive?

My user is shown a list of devices as a table, say: Name, OS "Amazon Fire Phone", "Android 4.2.2" "Nexus 7", "Android 4.3 1" "asus_015d41d46d53f411", "Android 4.3" "HTC_HT14NT214173", "Android 2.3.5" ...
3
votes
2answers
2k views

List versus table design

The inability for tables to deal with data that span multiple rows, especially in situations where the screen space is limited is one particular reason why list views have been used as an alternative ...
2
votes
2answers
188 views

Improving data usability

I'm working on a new version of a data analysis for robotics competitions. Among other things, I'd like to make it easier to view complex match statistics that are collected on each robot. Currently ...
1
vote
1answer
428 views

Sorting table according to a single column with multiple values

Have a design related question. The image shows a sample table sorted according to the column 'Position'. How would one sort the column according to 'Office', with the fields having multiple ...
0
votes
1answer
74 views

Best way to show to user an element of a table is happening today?

I'm making an app where an event list is displayed into a table with sortable columns. Even if there is a Date column, I'd like something to show clearly the items that are planned for today in that ...
1
vote
3answers
316 views

Should “Date & Price” or other Numeric column along with their Heading be aligned right always?

I have a many tables in my application, where there are some "Numeric" columns like "Phone No/ Ext No, Date, Price, Serial No" So I have a question should these columns be always right aligned? And ...
3
votes
2answers
1k views

iOS: table view “Close”, “Edit” and “+” button placement in a navigation bar

There seems to exist some ambiguity when a table-based, multiple-item view needs to combine navigation ("Close"/"Back"), editing mode switching ("Edit") and aggregation ("+"/"Add") in a single ...
2
votes
3answers
314 views

Is there a good alternative to zebra stripes when rows use drag-and-drop reordering?

This answer gives pretty good evidence that in a table with multiple columns, zebra stripes are the most effective way to make it easy to see which rows are which in the table. Sometimes in tables, we ...
66
votes
4answers
8k views

Is there a better way than zebra stripes

Currently we are working on a project that includes many datatables. Before deciding to use zebra stripes to make datatables easier to manage, I wanted to ask if you could advise a better solution ...
1
vote
3answers
146 views

Displaying and editing multivalued attribute?

I don't know if "multivalued attribute" sounds good but I will try to explain my problem. I work on a web app and I have a list of users. Each user has a number (from 0 to ≈100) of "codes" related to ...
2
votes
1answer
294 views

Best practice to show transaction history?

I am working on the redesign of a transaction history page. Existing design uses expandable data table to show the history of each item. the data set comprises over 8 attributes including the status ...
0
votes
2answers
87 views

How to improve Sales Statistics?

Staffs can see Sales Statistics on their dashboard which allow them to see number of sales made per day. This is a weekly Statistic. For example, on Tuesday Paul have 4 sales which has been ...
0
votes
3answers
231 views

How to display a single thumbnail for multiple human faces?

I have a multi-row table view where an image represent the people who are associated with the row. Each row can have n number of people. How may I show a single thumbnail when members are more than ...
1
vote
1answer
130 views

help with table

I have been asked to review a table layout. The table contains a list of reports which the user can sort and perform various actions on: I have been asked to work within the confines of the CMS and ...
2
votes
2answers
382 views

Best way to display large dataset on mobile?

I am working on a website for the specific purpose of mobile first display of athlete data for the Highland games and looking for some UX help as far as how to display a large chunk of data with a ...
2
votes
6answers
681 views

Can I make double-clicking on a table row to open a details view intuitive?

We have tables with data where double clicking a row switches the table with corresponding row details. Currently a user can select a row and click a button to view details as well. Is there a way to ...
0
votes
1answer
113 views

Button text in table column - 'Open' or action name?

I need to decide which version will be more intuitive: Ver. 1 - action name in heading and open buttons: Ver. 2 - empty heading and action name on each button: Is it a big difference between ...
0
votes
2answers
290 views

Where Can I Find Good Contemporary Tabular Data Design Examples

We are building a reporting/dashboarding application that mixes data visualizations with more traditional gridded tabular type presentation. In our application one can click on a chart, and drill down ...
1
vote
4answers
221 views

Table with three rows per item

I was asked to design a table that contained three rows for each fleet asset. I struggled to find a way to label each of those rows so the user understands what the data in each row pertains too. I ...
3
votes
1answer
83 views

Naming columns in a table

I suspect that part of my problem is that I am not a native english speaker but here it is. I have a table with column header labels. One of these columns contains the "number of messages received". ...