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

0
votes
1answer
26 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
27 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
20 views

report authoring workflow for non-technical users

I'm overhauling the reporting features of a B2B web app whose users are usually smart but not-very-technical managers in blue-collar workplaces. Report generator apps like Microsoft Reporting ...
1
vote
1answer
49 views

Should column labels for numbers be aligned right?

In a grid structure, I understand you should right-align numbers in the cells. Should you also right-align the headers for these columns?
1
vote
1answer
50 views

What's a pleasant way to mark a point in a 3D grid?

This question is related to a problem a friend of mine has encountered (in the context of a 3D video game, if it matters at all). I'd like to know if there's a UX pattern for the following use case: ...
0
votes
2answers
50 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
66 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
vote
1answer
86 views

Are editable grids and split pages with tabs bad web UX?

I'm rebuilding an Win Forms application that handles a lot of product data. I'm building the new application as a Web App with angularjs. The UI of the existing app has a ton of editable grids and ...
93
votes
4answers
5k views

Avoiding the Hermann grid illusion

I'm a UX newbie and I'm trying to design a page of image thumbnails. I came up with this: The trouble is that this layout gives rise to an effect called the Hermann Grid illusion. When looking at ...
9
votes
3answers
574 views

What is the correct way to format cents and dollars in a grid column with a total?

I have a grid with columns that are formatted as cents and dollars. By default, the tender and amount columns are being formatted as integers, but for the total we are formatting it as 2 decimal ...
0
votes
1answer
77 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 ...
1
vote
2answers
167 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
1answer
32 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 ...
2
votes
1answer
43 views

Is multi-layer ESCAPE expected?

We design an application, containing a grid with an active filter search and inline-editable columns. Each row represents a record, of which multiple fields are editable. The application should be ...
0
votes
1answer
143 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 ...
2
votes
4answers
98 views

Best UX for interacting with a grid that auto-updates on an interval

I have a grid that auto updates every 30 seconds. Each row has a checkbox in the first column where the user can select multiple rows and apply an action to it. They can also apply an action to an ...
1
vote
3answers
194 views

Best way to show one-to-many relationship in a grid?

This is probably the most common issue when it comes to grid/table design; How to display one-to-many relationship such not to repeat the item nested. Please take a look at two solutions I came up ...
8
votes
6answers
256 views

How to layout an icon, text and number within limited space?

If I have limited space, typically narrow enough that I cannot just spell things normally like "4 Strength" or "Strength 4", as this shrinks the font to nearly unreadable. How can I layout an icon, ...
2
votes
2answers
69 views

Is it a good idea to use letters as column labels?

I ask myself, is it better for users to use a generic grid with letters as column labels instead of numbers ? Excel, OpenOffice and Google Spreadsheet do it by default but I'm often confuse. I have ...
2
votes
1answer
93 views

What is the best way to “layout” a list of date ranges in a table?

I am showing a webpage where I list out where people will be out of the office. I want to get some feedback on which is a better format (obviously forget about the fact that you can't draw good tables ...
2
votes
2answers
94 views

What is the right UI for showing a grid that can be ranked

I have a grid of information (using jqgrid). One of the new fields is Rank. Its quite cumbersome to go in and edit each item and update the rank field and then have to update all of the other ...
0
votes
4answers
91 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
1answer
115 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 ...
1
vote
2answers
98 views

Indicate Which Item is Open in a List

I have a grid of items. I want to indicate which item is currently open (which one is the user editing?) The user can select other items in the list so I want the open indicator to be different than ...
0
votes
1answer
78 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 ...
2
votes
1answer
128 views

Responsive solution for quick view on grid items

When showing a grid view of items for desktop and tablet screen sizes, are there any examples or suggestions of how to offer a quick view option for both mouse and touch devices? Often on websites, ...
1
vote
2answers
344 views

A survey of grid box layout user experience design

I'm looking for other ideas to give a grid box (which contain an image with its title) a better user experience, make it easy to use. I think some people can't find out that they should hover and then ...
1
vote
1answer
126 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, ...
2
votes
1answer
138 views

UX for specifying & showing mutual exclusive pairs in a group

I'm working on a SaaS/B2B web app that includes forms that allow choosing and later showing mutually-exclusive pairs among a small number of options. Here are some examples: if the customer buys ...
10
votes
1answer
340 views

Why are nested column layouts getting so popular?

Google+, Ebay, Tumblr are just a few of many who have changed their layout to nested multiple columns instead of a uniform grid view. Personally I find it unorganized and hard to find what I´m looking ...
1
vote
3answers
291 views

Grid layout - why should I use it, and should I use a framework like Bootstrap or Foundation?

I had experience with Twitter Bootstrap and Foundation, and I personally think the only thing I want to use is their grid system. Other features are just bloated. So I read about the prospect of a ...
1
vote
3answers
441 views

Table/grid design for website when a rows column has multiple values

I am designing a website in which users will input data into textboxes of a table, similar to this excel spreadsheet (but imagine textboxes and drop downs instead of table cells) The highlighted ...
5
votes
4answers
204 views

how should the “select all” select when paginating elements

Suppose I have a list of 100+ pieces of data that I'm displaying in a table that's paginating 40 elements per page. Each row has 'select' checkbox that enables the user to select/unselect an ...
3
votes
3answers
269 views

GUI for creating a grid view of user defined headers that are based on a closed set of fields

Business need is for ability to see a grid of values for custom fields that are created by user. Example of business need. Take Microsoft Visual Studio for example. MVS has a closed set of fields for ...
2
votes
3answers
160 views

Panel arrangement and responsive design

In a user interface it is often appropriate to use to panels arranged in a grid to display content, either as a way of showing content instances to a user or as a way of arranging content instances ...
-1
votes
4answers
247 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 ...
2
votes
2answers
120 views

number justification in HTML table cells where some cells are editable and some are not?

A convention in financial software is to right-justify numeric and currency values when they are displayed in a table. This allows easy top-to-bottom scanning and summing of numbers. The same ...
3
votes
2answers
200 views

User access level grid - idea for gui

In my software application, multiple users can be created and every user belongs to a single Department. Users can add tasks to other departments. For example, the accounting department can add a new ...
1
vote
1answer
102 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
3answers
239 views

Grid design and pop up

I have little knowledge about user interface design and I just started building a public website. I wish to display an editable list of complex objects that include a list of elements. My initial ...
2
votes
3answers
191 views

Action menu placement for bulk actions in a grid

I have been playing with an idea of placing a bulk action drop down menu for a grid/table in the header of the column where the selections are done. This is to save some precious space above the table ...
1
vote
0answers
209 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 ...
2
votes
4answers
155 views

Grid view for Events on travel website [closed]

I can't decide which is the best option for this type of grid view. The problem is that I need to have all the information listed below: Picture Price Icon Date (can be shown as a range or as a ...
-2
votes
1answer
134 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 ...
6
votes
3answers
114 views

Showing preview rows of content types vs picking a default type and showing it in full?

I'm trying to figure out what would be a better experience. We have 3 "types" of content usually, in this case let's say they are photos on user profiles. Is it better to show a row of each type with ...
0
votes
2answers
208 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. ...
5
votes
4answers
220 views

Grid - Inline Editing and Sorting - How to handle the features together

The Dilemma: You have a grid/table with sorting (and/or multi-sort) and inline editing. The user modifies a value that should modify the sort order. What do you do? An Example: Lets take ...
5
votes
4answers
250 views

Users don't understand how to interact with my grid

The problem The users that I have tested my application on don't see that clicking individual cells in the grid gives them the possibility to configure the content of that cell. Basically they all ...
2
votes
1answer
72 views

Importing and Updating Old Records within a Grid

I am in the process of designing a feature that allows a teacher to select students from the previous year who they used our product with, and be able to update the records of those students to the ...
1
vote
1answer
139 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 ...