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

9
votes
3answers
864 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
44 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
57 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 ...
2
votes
4answers
183 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 ...
0
votes
1answer
124 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
3answers
445 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 ...
5
votes
4answers
286 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 ...
8
votes
6answers
290 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
79 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
2answers
162 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
120 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, ...
1
vote
2answers
385 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
2answers
118 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 ...
4
votes
3answers
389 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 ...
3
votes
2answers
978 views

How do I display large amount of table data on iPad?

On our windows product we display large searchable grids, with a large number of columns that can be reordered, sorted, and filtered. This is a fairly common method on Windows (explorer for instance) ...
0
votes
1answer
115 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
226 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, ...
2
votes
1answer
193 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 ...
1
vote
1answer
149 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, ...
10
votes
1answer
414 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 ...
2
votes
3answers
193 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 ...
2
votes
3answers
675 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
693 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 ...
2
votes
2answers
1k views

Replacement for Grid or Table Data Visualization for Mobile Apps

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps. To Elaborate..Well, lets say we have 10 rows and 5 ...
1
vote
1answer
128 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
votes
4answers
330 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
159 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
287 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
3answers
315 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
4answers
194 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
3answers
281 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
344 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 ...
11
votes
6answers
455 views

Method of showing that a row has been edited and will be changed upon “Save”

What paradigms exist for denoting that a row of data has been modified and that a Save action on the view will change them in the data store? Which paradigms are recommended? A few that we've ...
3
votes
1answer
419 views

Grid text alignment rules

I was wondering if someone has come across rules used by web designers for text alignment in a grid. I was observing that majority of text is aligned towards left, but financial figures with ...
6
votes
3answers
136 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 ...
-2
votes
1answer
149 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 ...
5
votes
4answers
680 views

“Edit” button in a grid

I have an Intranet application that displays a grid. Every row of the grid is editable. Which option is more user intuitive: Having an "Edit" button at the end of each row. Have one "Edit" button ...
-1
votes
2answers
354 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?
1
vote
2answers
237 views

UI State Management in a multi-form grid with many elements

Details: The application is a form based application. The form elements are arranged in Grids. Each of the Grids encapsulate related set of fields. Now the question is related to cancel buttons. ...
0
votes
2answers
234 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
320 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
79 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
160 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 ...
5
votes
3answers
188 views

Form for property rent prices depending on season and length

Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue. We run a holiday property rental website. Properties can be rent on ...
1
vote
3answers
2k views

Do you wireframe to exact size? [duplicate]

Looking for your steer on best practice for wireframes. In the past I've never wireframed to a particular canvas size or utilised a grid. This is usually because a designer knows the sizes they are ...
5
votes
4answers
270 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 ...
3
votes
1answer
139 views

Snapping to grid

What is a good threshold for a UI which allows users to place objects, snapping them to a grid? 25% of the grid size? Less or more? Should the user be able to change this?
5
votes
1answer
227 views

Displaying varying prices

The holiday accommodations my company rents out have varying prices, depending on the day of arrival and the duration of the stay. Currently, these prices are charted in a scrollable table, with on ...
1
vote
2answers
726 views

selecting multiple items on a grid, which is only a part of the total set

I need to show a set of N items to the user, but I can render comfortably only M. (M ~ 20, N ~ 1000). The user then can select one or more of these items and then move on to the next stage. I need to ...
4
votes
2answers
857 views

How can I preserve readability when using a dynamic grid layout?

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...