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)

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
41 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
112 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
654 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
85 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
110 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
114 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
147 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
117 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
83 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
78 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
450 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
15 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
673 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
68 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
65 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
152 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
84 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
294 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 ...
9
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
146 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
217 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
114 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
101 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
66 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
226 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
131 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
92 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
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? ...
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
450 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 ...
3
votes
2answers
307 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
162 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
116 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
460 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 ...
12
votes
2answers
7k 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
102 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
168 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
63 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 ...
2
votes
2answers
767 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 ...
1
vote
3answers
98 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 ...
60
votes
4answers
6k 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 ...
2
votes
3answers
178 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 ...
2
votes
2answers
277 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 ...
0
votes
3answers
210 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 ...
0
votes
2answers
65 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 ...
1
vote
1answer
101 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 ...
0
votes
6answers
358 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 ...