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

3
votes
2answers
140 views

Providing multi-language descriptons

In a similar question (Multi Language Name Input), I already read about the translation-topic. In our desktop applications, we have some situations where the user needs to enter translated values for ...
3
votes
2answers
529 views

What is the best practice for displaying mixed data in a single data grid?

We have a complex database application and would like to display mixed data in a data grid. By mixed data, I mean objects that roll-up to a single category (vehicles) but have unique properties (truck ...
3
votes
2answers
494 views

How should I design an MS Access application for Excel users?

I work for a public health study, and I have been asked to help manage the workflow for an upcoming project. We will be choosing subjects, tracking our contact with them, interviewing them, placing ...
3
votes
2answers
245 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 ...
3
votes
1answer
217 views

Best Practice for navigating to details page based on a grid selection

I am designing a feature that has a work list displayed in a grid. The grid is 8 columns wide and includes a person's contact and demographics. The grid is used to select a person and load a details ...
3
votes
1answer
176 views

Specifying default sort

I want to add the ability to specify a default sort to this interface. Currently it allows users to specify the order of the columns display and the default size. I am revamping it into a table form ...
2
votes
8answers
348 views
+100

How to launch an additional info popup from a set of cells in a grid

I have a grid with a large amount of rows and columns. Columns are logically grouped together in sets of 5 all related to one data item (the letters in the below example). Header | Property 1 (A) | ...
2
votes
3answers
221 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 ...
2
votes
3answers
138 views

Presenting data in a grid form versus a tabled form

Is there a general rule when displaying data in a grid form versus a simple tabled list? Since modern screens tend to be wider now, it makes more sense to me to start utilizing grids instead of normal ...
2
votes
1answer
340 views

What's a typeable symbol to indicate “starts with” in a filter field?

I am building a custom data grid control. The users do a lot of sorting and filtering. I want them to be able to do this with only the keyboard. Currently they can filter columns by typing in the ...
2
votes
1answer
122 views

What is the best way to lay out 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
3answers
174 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
2answers
119 views

How can I design a matrix that allows users to rate items in two or more categories?

Does anyone know a good way to show a double matrix question? For example where you need to rate stuff in 2 categorie!s (or more). Ive attached an example of what we came up with so far. The problem ...
2
votes
1answer
54 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
2answers
72 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
931 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 ...
2
votes
2answers
123 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 ...
2
votes
1answer
162 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 ...
2
votes
2answers
130 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 ...
2
votes
1answer
251 views

Grid and in-line editing

I am developing an application where I have a header and a list of lines. The dilemma I am having is how to display an interface where the user can edit multiple lines at the same time in a ...
2
votes
2answers
56 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 ...
2
votes
4answers
122 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 ...
2
votes
1answer
167 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
75 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 ...
2
votes
2answers
165 views

In a grid should I allow rows to be moved or use in place cell edit?

What is a better trade off: Allowing users to move rows around within a grid by dragging them and placing an "Edit" button on each row (see image) Giving users an in-place cell edit capability and ...
2
votes
4answers
173 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 ...
1
vote
2answers
659 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 ...
1
vote
4answers
2k views

1000px width layout. May I have problems using it?

I'm designing 12 columns site using Bootstrap. I have a quite crowded layout (can't simplify it further), so I want to use a 1000px wide layout (exactly this one), instead of using classic grids like ...
1
vote
4answers
410 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
1k 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 ...
1
vote
2answers
333 views

Displaying tri-state field in a data grid. What's the best cell control?

I have a data set where a column can have three values: true, false and null. My first instinct was to use a checkbox for the Boolean values and hide the control altogether in case of null. Am I on ...
1
vote
3answers
282 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 ...
1
vote
3answers
530 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 ...
1
vote
2answers
2k views

Grid dimensions on Android

I'm starting a mobile app on Android that displays nearby restaurants and outing places, but I'm so confused! There are lots of devices and sizes; I want the smart phones, no tablets or non-touch. ...
1
vote
2answers
34 views

Should I show first page when user sort the grid?

Consider this grid as an example. In grids, should I show the first page when user sort the grid by a column? I think logically I should. But I am not sure from UX point of view.
1
vote
1answer
56 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: ...
1
vote
1answer
86 views

Correct Use of ComboBox

I'm trying to think about a better interface for a combobox and grid control that I have in WinForms application. The combobox is used a search box to find Tenants that we have in a database. A user ...
1
vote
1answer
71 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
182 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 ...
1
vote
2answers
105 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 ...
1
vote
3answers
269 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 ...
1
vote
2answers
205 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. ...
1
vote
2answers
236 views

Are checkboxes necessary to allow selection of a row in a data grid?

I am re-developing the datagrids in a web application. A discussion has started around whether checkboxes to select in a datagrid are still necessary. Have mobile touch interfaces and their general ...
1
vote
3answers
9k views

A grid system (Photoshop/Pixelmator) for designing for the iPad

I am designing an iPad app, so I could really use a grid template. I could probably just work with the 960 grid system; however, I'd love to find a solution that is tailor-made for the purpose (that ...
1
vote
1answer
369 views

Are there any examples of well designed applications on iPad with 3 column layouts?

I'm designing an iPad application and had an interest in a 3 column interface with 3 tableviews across the screen horizontally and I was wondering if this interface has been done anywhere well.
1
vote
2answers
356 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
137 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
110 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
143 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
286 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 ...