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
0answers
8 views

Practical design for a timesheet on mobile

I am trying to tansform a timesheet design from a non reponsive web design to a mobile design. Each cell of the table describe the time spent on a particular task. At the end, each day sum up to 1. ...
2
votes
1answer
55 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 ...
0
votes
1answer
68 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
87 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
32 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
36 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
86 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
76 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 ...
0
votes
1answer
77 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
86 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. ...
1
vote
3answers
52 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
2answers
111 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
1answer
92 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
57 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
17 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
60 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
115 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
75 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
3answers
69 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 ...
0
votes
0answers
29 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 ...
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 ...
2
votes
5answers
439 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
76 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
144 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
63 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
68 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 ...
7
votes
9answers
667 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 ...
4
votes
9answers
269 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
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 ...
0
votes
2answers
97 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
64 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
114 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
54 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
439 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 ...
0
votes
0answers
85 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 ...
3
votes
2answers
268 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
118 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
2answers
330 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
83 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
113 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
61 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
77 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 ...
2
votes
2answers
701 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
152 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 ...
58
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 ...
1
vote
3answers
110 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
94 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
59 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
205 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
92 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 ...