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
2answers
19 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 ...
0
votes
0answers
30 views

Implementing a basic spreadsheet UX : if you were redesigning Lotus 123, Google Sheets, or Excel today what would you do differently? [on hold]

I just want to make sure I include all the basics ( like inserting columns and rows, copying cells around ), and don't miss anything that people have realized it would be really great to have in a ...
2
votes
2answers
69 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: ...
6
votes
5answers
491 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
69 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
3answers
47 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 ...
1
vote
1answer
70 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
0answers
67 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 ...
0
votes
2answers
160 views

Providing grid summary

We have a grid listing some data and then there is summary, which is also a grid. What is the UX pattern/ideas/designs to display both? If there is an operation like clear (which should clear both ...
0
votes
2answers
52 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
3answers
62 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 ...
0
votes
1answer
72 views

How do you design UI with multiple forms within a table?

My current UI: Notable points: gray row(s) including the input fields on the left, and the Save button towards the right, are part of a single form. Del button on the right is a form entire ...
0
votes
3answers
48 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
1answer
78 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 ...
3
votes
2answers
222 views

How do I edit a table of text items in IOS

I am looking for help editing a list of text items (names) in a table in IOS. I am using a simple table that displays the name of an item(first mockup). Currently, I allow the user to enter Edit ...
0
votes
0answers
16 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
2answers
143 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
113 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
45 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
70 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 ...
0
votes
0answers
20 views

Is the list view a more appropriate design pattern for sorting or ordering data items in a Windows 8 style design

I have often many designs where the implementation of a Windows 8 look and feel results in tiles / cards being used to present information that needs to be ordered or sorted in some way. I think it is ...
2
votes
5answers
431 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
13 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
658 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
59 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
50 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
136 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
61 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 ...
4
votes
9answers
259 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
8k 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
82 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
214 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
89 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
97 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
63 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
213 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
107 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
82 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
433 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
250 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
110 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
106 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
263 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 ...
9
votes
2answers
5k 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 ...
1
vote
2answers
77 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
96 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
60 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 ...