Rectangular layout of information. As well as tables, grid layout also refers to a 'typographic grid' used to position items on a page.

learn more… | top users | synonyms

1
vote
1answer
142 views

What is the most intuitive way to allow users to convert tags to grid columns?

In my desktop application the users can add tags to files. I would like to provide a way to display certain tags as columns in the grid: I have a few ideas how to let users convert tags to columns, ...
1
vote
1answer
115 views

Optimal way to handle multiple many-to-one attributes in a grid control

We are working in web app where we have parent records that have multiple attributes that have many-to-one attribute values tied to them. We are attempting to list these parent records in a grid ...
1
vote
1answer
147 views

Do dynamic height changes jar users on web page load?

When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
1
vote
1answer
294 views

Display change history of grid

Assumption: if there is a grid with 20 columns (I mean a lot of columns), and users can add/edit/remove rows and columns in bulk. Now we want to display the detailed changes of this grid (which means ...
1
vote
1answer
408 views

UX design document for Web platform Grid control

Is there any User experience(UX) design guideline document available for Web platform grid control? I am developing ASP.NET grid control and wanted to know if there is anything already available. I ...
1
vote
6answers
101 views

Add button for grid list

My team is developing a widget that uses a grid layout to display a list of webpage links, and we would like to have an inline add button so that our users will be able to add more pages to the list. ...
1
vote
0answers
283 views

Expandable\accordion table row example [closed]

I would like to to present the users with a set of data, in a table\grid and when they click on a row, instead of taking them to another page with a form, to expand the row (like accordion) and show ...
1
vote
2answers
265 views

Research on the Usability of Grid Views

I have been trying to persuade my colleagues that viewing, sorting, and searching large lists of data in a grid are less usable than performing those actions on that data in the context where it is ...
0
votes
3answers
289 views

What color should an add row template be?

I have a large grid. At the top is an add row template for adding another record. I want to differentiate it with making it stand out too much and drawing the eye constantly towards it. The rest of ...
0
votes
4answers
105 views

Display Items in 2-Dimensional Grid by Row or by Column?

I need to display a number of Contacts in a grid and they sorted by name. Should they flow from left to right in rows? Or from top to bottom in columns? Although my examples don't illustrate it, ...
0
votes
2answers
220 views

Is an accordion worse than a grid?

I am building an author site for myself, and would like to display, for each book, the cover image, the title and an enticing blurb, and links to (say) four other books that might be of interest. ...
0
votes
1answer
605 views

fast data entry UI patterns

I am working on a web app that helps people manage their finances. the app requires users to manually enter key financial transactions on a weekly basis, and there is a strong requirement to make the ...
0
votes
5answers
223 views

Listing of all videos in one category on a VideoOnDemand service

What is the best way to list all videos in one category? thumbnails grid with minimal info (fex. Name and duration) list with thumbnails and more info or something completely different?
0
votes
3answers
120 views

Best way to display a long list of static values

I am creating a grid-style list of attributes for a complex tool. Each line gives their name, data type, description, and their respective lists of values (LOVs). However, the LOVs can range from 1-2 ...
0
votes
1answer
118 views

On what grounds do we reject showing one and only one item in a grid?

A colleague of mine recently showed a single entity, in a grid. In this form, we have three sections: A section which shows the main entity (say a school) A section which shows a vote form (each ...
0
votes
2answers
289 views

How to display many different kinds of video material on one page?

Best examples and practices of displaying different video types (series, single program, short clip, trailer etc.) on one page. How to indicate the differences between them?
0
votes
1answer
25 views

Should read-only Boolean grid columns be aligned to center?

My understand is text should be left-aligned; dates, times, and numbers should be right-aligned; images should be centered. What about Boolean strings "Yes"/"No"? My hunch says to center them.
0
votes
1answer
32 views

Recommendation on where to arrange button and overall color schema for this search screen? [closed]

I have the following search/landing page...The buttons above the grid/table look busy and the colors do not seem to match the grid and header. Any recommendation in terms where to move the buttons and ...
0
votes
1answer
74 views

Expanding video/photos preview

I'm working on different options to preview video and photos that are laid out on a grid without triggering a pop up or a new page. One option is the expanding preview. ...
0
votes
1answer
53 views

separate or in-grid-column-header filtering for reports?

For filtering tabular data as part of a reporting feature in a B2B web application targeted at relatively low-tech users, what are the pros and cons of having filtering UI be part of the column ...
0
votes
1answer
111 views

Usability of masonry grids for older users who are not tech-savvy?

I am redesigning my company's site. The primary persona is a marketing director in her 50s (edit: late-career professional, not retired / senior citizen) who is computer-literate for basic tasks but ...
0
votes
1answer
40 views

How to allow the user to create three grids filterable between them?

It's hard to be clear so I'll try to explain with a concrete example. I need three grids. Category, Sourcing and Service. I need to display them at the same time with all the related data but I also ...
0
votes
1answer
101 views

Set color for status buttons inside grid

I have to update the buttons for a grid. Currently the ones used are the ones in the skin/light orange color and I am testing different ones. There are 4 buttons: Active Inactive Active long term ...
0
votes
2answers
98 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
2answers
87 views

Is it good to present unlimited data in carousel view?

I have unlimited list of contacts. That list will contain my contacts plus shared contacts with me. I want to know: It will be good practice to represent that list in carousel view. Or should i ...
0
votes
1answer
313 views

Grid design for complex data design

The purpose of making the design grid / cards alike is to display the information directly to the users, so we avoid things like accordion, drop-down that could have hidden information. The ...
0
votes
1answer
113 views

Android: Hint/Clue to distinguish (product) categories from (product) items?

I am currently designing an Android app that allows users to browser a product database. The database has a defined tree structures with inner nodes representing product categories and leaf nodes ...
-1
votes
4answers
296 views

Is a grid layout for a music/video player bad ux?

I'm working on this app for a music festival @ http://www.acl.fm - we don't have much traffic so I can't test my assumptions, but the bounce rate is high. I'm curious if this type of layout is a bad ...
-1
votes
2answers
329 views

What is the best option for user to select single task on multiple selections? [closed]

I've a multiple data grid tables but need to select a single task either from single row or multiple rows, can anyone give the good ideas on this?
-2
votes
1answer
142 views

How to inform a designer to use a grid for responsive CSS? [closed]

How do you share information on a grid with a designer / design process, such that it helps in further coding of CSS of a responsive interface? Do you use any tools in a mock? Do you show blueprints ...