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
1answer
76 views

Sorting a Paginated Record Set User Experience Expectation

we have built a grid / table of records with a paginator control. So you paginate through 25 records at a time. At any point, you can click the header cell to sort by that row. If you are say on the ...
10
votes
2answers
227 views

Should percent sign go into the header or the cells of a table

We've been debating this question with a client. In a table which displays percentages, should the percent sign % be displayed once in the header of the column Header (%) or in each of the cells 80 %. ...
0
votes
0answers
31 views

Add free-form text body to datatable

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
0
votes
0answers
49 views

Best way to fit free-form data body below a table row

We're redesigning our a page of our web-based application after complaints that this particular page was too data-dense. The page currently has 6 filters at the top and a data table with 10 columns. ...
2
votes
3answers
82 views

Should I set maximum table width?

My app has a page that contains a table with about 10 columns. Should I limit the width of the table to some maximum to prevent too much whitespace inside the table rows, or is it a bad practice? If ...
4
votes
1answer
37 views

How to accessibly specify units in a table?

I'm working on a web page with a series of charts that are built from visually-hidden HTML tables for accessibility - the idea being that the tables present the data in a form suitable for screen ...
0
votes
0answers
34 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 ...
2
votes
1answer
91 views

Is it more usable to display information in a table-like display?

I am trying to display information about the last time a remark has been changed. For this I have to display the Author, the region, the date and time. This information will appear in a tooltip on ...
2
votes
4answers
87 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
1answer
103 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
33 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 ...
10
votes
3answers
3k views

Best UI approach to align the column titles of reports

I would like to know what the best approach is to align header columns according to their data type. I haven't found any Human Design Interface articles explaining this. Should the header column ...
0
votes
2answers
46 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
123 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: ...
7
votes
5answers
746 views

Extra wide tables best practices

I have a table with large (25+) amount of columns in it. Right now it looks very complex and has a horizontal scroll. I want to make it more useful for the users. One solution is to group columns ...
1
vote
1answer
88 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 ...
1
vote
1answer
117 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. ...
0
votes
1answer
119 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 ...
2
votes
2answers
148 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 | ...
2
votes
4answers
119 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 ...
0
votes
0answers
98 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
1answer
85 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
5answers
467 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 ...
0
votes
0answers
16 views

Making 4-column table responsive [duplicate]

I have a 4 column table for displaying event information about our event. I am facing issues with narrow screens when I have 4 columns of data in the view. What would be the most feasible solution ...
7
votes
9answers
677 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 ...
0
votes
2answers
69 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
72 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 ...
0
votes
2answers
165 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 ...
0
votes
1answer
90 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 ...
5
votes
9answers
309 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 ...
10
votes
3answers
9k views

Table data in Mobile phones

I want to display a table with 4/5 columns and possibly 100 rows (as in desktop app right now) in smartphones. The table cells are also editable. Now we want to port this desktop app to smartphones ...
8
votes
4answers
2k views

tables with lots of columns

I have a table that lists various attributes of an individuals personal development plan; objective, time to complete objective, comments etc. The table is editable so the user can directly add ...
0
votes
2answers
185 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 ...
1
vote
1answer
219 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 ...
2
votes
1answer
126 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 ...
4
votes
4answers
105 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 ...
0
votes
0answers
71 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
4answers
233 views

UX for entering two times per day for time period

I'm building an iOS app to be used by children / youth for a period of four weeks. The app issues a notification twice per day, once in the AM and once in the PM. Prior to using the app, the user (the ...
0
votes
1answer
140 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
0answers
94 views

Assign associations in GUI

I've got myself in a challenging situation. Currently I'm working on an web-application. This application isn't intuitive at all. Now I'm bumping my head on this one; In the titles page you have on ...
1
vote
1answer
3k 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? ...
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 ...
4
votes
4answers
464 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
368 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
198 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" ...
1
vote
3answers
123 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 ...
1
vote
2answers
563 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 ...
13
votes
2answers
8k views

What is the best practice for data table cell content alignment

We are currently working on a windows based application where users capture data. Some data is captured in a table where other data is captured in text blocks. Im currently faced with the dilemma of ...
2
votes
2answers
111 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
209 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 ...