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
258 views

Different Sized Containers in a Table-Based Design

Right now I am designing a new feature for my site. The layout is table-based. Let's call each pick that you see a "pick container." The way that I see it, each pick container has to be a different ...
4
votes
1answer
87 views

Is it better to have a modal or an inline entry for a table?

I have a styled table containing first and last names in each column and nothing else. As part of the usage of my app, people will be entering names. Should I: Have the "add" button launch a ...
6
votes
3answers
697 views

Responsive Design - How to deal with wide HTML Tables

I am doing a proof of concept with responsive design. One web page that I am modifying has some extremely wide tables. I really don't know how to shrink the tables width so there is no horizontal ...
0
votes
3answers
68 views

Displaying data criteria based on users weight/importance

Users are presented with a categorized list of criteria for them to choose the level of importance. After filling out the form, how should I display their result? The left table is easier to scan ...
1
vote
7answers
136 views

Possible functions for a column in a grid, list or table

I'm working on a portfolio management system at an investment company, which will include a list of stocks held and their attributes such as name, issuer, market price, value etc. These will be listed ...
3
votes
3answers
142 views

Show more information from a table row

I have a Table which contains some basic information for a Product. Upon clicking a row, I wish to show more information (on the same page) for that product where a user can edit certain information. ...
1
vote
2answers
138 views

Is there a better way to layout this UI using the Microsoft Office Ribbon?

I am building a Microsoft Outlook VSTO addin and I am trying to figure out the best way to lay out the UI and from looking through the office apps i can't seem to find the right layout pattern that ...
2
votes
1answer
106 views

Three-dimensional matrix of tristate selections

I am building a configuration UI for a client's desktop application. This could be called metaconfiguration, i.e. it allows the client to determine which options are actually available in the eventual ...
2
votes
3answers
114 views

Only show table columns when users are filtering its specification?

The initial table display shows the required information like name and price. name | price If the user wants to filter the product on a specification like weight, the table adds a weight column ...
5
votes
4answers
199 views

Adding a state to a control that indicates a row hasn't been saved yet

I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed. Currently, the system ...
1
vote
2answers
136 views

What is the best way to display linked text?

I always was curious about the following question: What is the best UX way to present a text that act as information and also as a link (for example to more detailed information). I always ...
5
votes
4answers
145 views

What might be the fastest way to delete (or modify) records from a tabular interface?

When managing huge number of records, its often a huge time confusing task when selecting a certain set of random records to do some task on them like, deleting, deactivation, activation etc. ...
2
votes
1answer
72 views

display reports while minimizing resolution issues

I'm building reports and dashboard interface for customer use that should eventually serve many users with many different screens and different resulutions. I build the report with ssrs-2008 tool. ...
2
votes
5answers
113 views

Table head labels should be bigger?

One of my clients is asking me to make column head labels bigger, but i prefer them smaller but bold and lighter. which one should be the better? bigger and bolder headings for each column? or smaller ...
3
votes
1answer
75 views

Best way to add extra information to a log table?

In a web application, I've just added a log tables that displays chronologicaly the last events that are monitored by the application. Those events are of two main types: inputs and outputs. In ...
2
votes
1answer
62 views

About the creation and management of items

I need some guidance regarding the following design issue. In my application I need to create, maintain, delete and manage so called "Roles", they are just basically a name and a description pairs. I ...
3
votes
2answers
154 views

Sub rows within complex tables

There's a table view we need to show in a Web app. It contains summaries of a company's listings on eBay. Because of the volume of information, a standard columned table won't work - it just gets ...
7
votes
2answers
356 views

Too many checkboxes in a table?

A user should be able to change the settings for 5 different options for each day of the week at the same time. I was thinking of something like this, but it seems a bit messy... Too many things ...
6
votes
2answers
123 views

Numeric data input in a web based scientific software

(Note: I'm more a backend developer, so please forgive my lack of UX terminologies. Don't hesitate to edit the text or the tags) We are working on an online scientific software with specific ...
6
votes
8answers
244 views

Alternative to color code in table cell

I am currently redesigning an LOB application that makes use of color coding in tables to 'categorize' each row of data. For instance, in the picture above, the 'St' column (which stands for ...
2
votes
4answers
285 views

Drop down menu best practice question

I am working on a page containing a tabular list of schools (see http://www.guidetoonlineschools.com/online-schools/non-profit). This list contains the name of the school, data on its tuition, ...
2
votes
2answers
221 views

Improving readability by aligning elements in rows

What's the best way to improve readability, when you have elements that change length like a name moving other elements, creating misalignment
3
votes
1answer
1k 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 ...
4
votes
1answer
1k views

UI Patterns for tables with many columns

I have a table with many columns,this table displays without scroll only on 21 inch and larger monitors. If there is a ui pattern for tables with many columns?
4
votes
3answers
276 views

A good way to display tables with sub-headlines

We are developing a web tool to allow users to combine different HTML templates to project variants. Each template has specific settings that can be combined with the project variant. The table ...
6
votes
3answers
719 views

exclusive select in a table: radio button, rowclick, text only, text and icon, or icon?

If you have a table where each row can be selected, and you are only allowed to select one row at a time, and selecting a row causes a drill-down table to appear to the side, how would you render ...
12
votes
4answers
568 views

How would you solve the column of check boxes problem?

So my question is a bit open ended. Basically, I am looking for possible solutions to the problem of lots of tabular data with check boxes. For example, if we look at Facebook's Account Notifications ...
6
votes
4answers
211 views

How can I avoid placing a legend on top of the table to tell the user what each icon means?

You can see an example here: As you can see, I am stuck with having to tell the user what each icon means. I also mention what a functionality does, such as "Click on a feature to filter out ...
2
votes
1answer
165 views

Alternative to a popup table

I need some advice please. I currently have a screen and the plan is to completely redesign it. But first, to tell what is does. It is a screen for managing orders, much lick a standard order form, ...
2
votes
2answers
155 views

Action inside a table vs. Specific screen for the action?

So.. My webapp is targeted for Human Resources departament. The app has a screen that list Positions. Now I'll have two new requisites in the application which are: The user might be able to ...
-1
votes
1answer
172 views

How to sort on a single column; OR multiple columns at once (phase 2) [closed]

EDIT: I'm working on this page now and for the next couple of hours, so please don't bother looking at it. I had many outstanding suggesting when I first asked this question five weeks ago. The ...
3
votes
2answers
132 views

Duplicate information vs. proximity in mobile apps

In the mobile app we are currently working on, we have a table view that shows certain information. When you press any of the cells, another view shows expanding the info. The regular behavior pretty ...
7
votes
2answers
742 views

What is the best way to display edit/delete actions on a row?

I am building a web application that deals with a lot of tables/lists of records. I am currently building an "AJAX edit-in-place" feature, so that you can edit a record while being on the same page. ...
7
votes
3answers
441 views

Showing extra information for a table row when that row's selected

In the app I'm developing, we have a table/list that makes use of a kind of master/details approach; when you select a row in the main table, a second table below it is populated with 'child' items. ...
6
votes
3answers
575 views

Best UI approach to align the column titles of reports

I would like to know what are the best approach to align header columns according with the data type. I haven't found any Human Design Interface article explaining this. Do the header column must ...
9
votes
4answers
3k views

Table usability/Readable font for a data table

What's the best font for a data table? Monospace is good but takes up more room, so you can't have as much whitespace between the items. Similarly, what are some good usability principles for data ...
0
votes
0answers
49 views

Displaying table contents on small devices [duplicate]

Possible Duplicate: Table data in Mobile phones This so far is the only solution I found on how to design responsive table content so that it gives you a meaningful overview of the data on ...
5
votes
2answers
578 views

UX for filtering a table of data

I have a table of data that can be filtered by name, location or status. The data of each of these columns will be obvious to the administrators of the Portal (i.e that the first column is child's ...
2
votes
4answers
407 views

Boolean table cell values - best way to show Yes/No

I have a table with some columns showing Boolean values of Yes/No. What do you think is the best way to show it? Several alternatives I can think of are: Leave the Yes/No labels Utilize a ...
4
votes
1answer
108 views

How to add a details link on a table when each cell is already a link?

I have a table on which each cell is already a link to a different section (eg. the row contains 'Name', 'Location' and 'Type' columns and clicking the name cell takes you to the Show action of that ...
0
votes
1answer
72 views

Default column width for text data in a table

I'm designing an application with a data table. The data is backed by a C-style string (that is to say, a char array) so I know the maximum theoretical width using my proportionally-spaced typeface. ...
2
votes
1answer
123 views

Charts or Tables

I have been working on a dashboard where a chart and a table are requested. However, both would contain the same data. For instance, it is required that a country map is shown, with the values of ...
2
votes
1answer
129 views

Is it a good experience if a table pagination doesn't refresh the whole page but only its own area

I'm working on a UI pattern thing for an ERP system. the problem is about the table pagination.a common table have a pagination, I'm fine with that. Here is the problem, if there is a lot of content ...
1
vote
1answer
501 views

Are there any recommendations for the look of Metro UI table?

I can't find any Metro UI example of medium-size table (to give you an idea, min. 5 columns with text and numbers and min. 5 rows). For instance, when table is wide, it's useful to use alternate row ...
1
vote
1answer
585 views

Multiple selection in an iOS picker view

The iOS SDK doesn't have a multiple selection picker view. However Safari's picker view allows multiple selection. Fortunately ALPickerView was created to allow multiple selection in a picker view. Is ...
1
vote
4answers
221 views

Column headers in a table functioning as input boxes for filtering

Is it a good idea to use column headers as input boxes for filtering the results in a table?
2
votes
2answers
763 views

Best way to display more table columns and rows than I have room for?

I have a similar problem to what is mentioned in Best way to display more table columns than I have room for?. But to make things a little more difficult, the table has approximately 1000 rows and 64 ...
4
votes
3answers
533 views

What is the best model for editing and viewing data that is summarized in a table?

I am designing a web application that has several tables displaying many rows of user entered objects. My users are fairly technically savvy. I’d like to bring the user to a place where they can view ...
2
votes
1answer
49 views

showing list of sorted contacts when some contacts don't have names

I'm showing the user a list of customer records. It can happen that for some records the user created a new customer but didn't enter a full customer name or a company name. When I'm showing the list ...
0
votes
1answer
292 views

iOS Table View - How to divide/filter different data

I'm wondering what the preferred choice would be to divide/filter data in an iOS Table View. The two options I have thought of are: Use sections in the Table View Use a Segmented Control I believe ...