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

2
votes
0answers
576 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
228 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
894 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
3answers
143 views

Re-ordering grid rows when dragging is not available

I have a grid where the user can reorder the rows. However, my installation target will not afford the ability to drag items to reorder them. What is the best design strategy to allow reordering? ...
1
vote
3answers
5k 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
4answers
3k 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
1answer
218 views

Summarising grouped data in a data table

I'm working on a financial app and we're getting mixed feedback from users as to how we've displayed the summary for groups in data tables. We've data tables which are, say for example, shopping lists ...
1
vote
4answers
1k 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
2answers
530 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
2answers
3k 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
3answers
184 views

suggestions for dealing with multi-dimensional hierarchical data

We are designing a price calculation tool, for which every property adds a percentage increase/decrease in value of the object. Properties in combination with each other can have shared impact on the ...
1
vote
1answer
751 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
128 views

Designing show/hide flow for admin

Running into a UX problem on a webpage I'm designing. The flow is than an administrator of a company can select what items to show/hide to a member. So he will have access to a list of all items and ...
1
vote
3answers
157 views

Should the “zebra striping” data grid set-order column be highlighted, or is it enough that little arrow?

[For PC applications (desktop and web)] As a common rule, when showing data grids, and sorting data through one of its columns, a little arrow appears on that column (sometimes also, the header ...
1
vote
3answers
146 views

Displaying and editing multivalued attribute?

I don't know if "multivalued attribute" sounds good but I will try to explain my problem. I work on a web app and I have a list of users. Each user has a number (from 0 to ≈100) of "codes" related to ...
1
vote
1answer
78 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
2answers
156 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
123 views

In a data-table, should actions be on the left or right

When working with tables, I prefer to place actions that are specific to the row (i.e. edit, delete, etc.) within the row. Sometimes I use an action menu, sometimes it's an edit or delete icon. ...
1
vote
1answer
103 views

Search Results in a TreeTable

I Have a TreeTable where groups of itens are organized by categories, as you can see on the image bellow. What is the best approach to present the list of results taking into account that is ...
1
vote
1answer
51 views

How should empty details in master detail grid be displayed?

If I hide the captions for empty information and rearrange the elements, it is harder to check for details. If the caption is displayed, it is also confusing to read. (especially if there is another ...
1
vote
1answer
127 views

Best way to add filtering for the data in grid ? dynamic filter fields or filter for each column separatly?

How I can add 'Multiple' filters on my page for the data in the grid (grid is having 10 columns and I want to add filter for all the columns) which will be more obvious and easy to use for the user ...
1
vote
1answer
141 views

Property Grid vs Dialog

I have a general question about the use of property grids. There are forces within my company who want to implement a blanket rule of "no property grids". Here is an example image of a Property Grid: ...
1
vote
1answer
267 views

Sorting a Paginated Record Set User Experience Expectation

we have built a grid / table of records with a paginator control. So you paginate through 25 records at a time. At any point, you can click the header cell to sort by that row. If you are say on the ...
1
vote
1answer
194 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
535 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
3answers
388 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
278 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
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
467 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
1answer
68 views

How to display adequate info without looking “busy”

So I'm making a section of a web page for an "event management" system. The system works as follows: The Organizer Email field is an autocomplete. You start typing an email and it performs an AJAX ...
1
vote
3answers
85 views

Dynamic grid-like input with user defined columns - width issues

I have a system where a user can freely define a set of columns. Later, they can select this column set and enter data for these columns. They can enter multiple rows of data. It looks like this: ...
1
vote
2answers
103 views

How to visualize identical cells in a data table

I have a time series grid for which there will be sparse data, as changes won't happen often, as shown: I'm wondering what the best way to display cells when there haven't been any changes is. The ...
1
vote
2answers
346 views

What is the best way to show categories to the user according to Google's Material Design?

I have a list of categories like Food, Shopping, Electronics etc.. , which I am thinking of showing these as the main activity to the user. I think of showing the categories as a Grid View or a Table ...
1
vote
2answers
454 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
175 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
174 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
183 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
453 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
561 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
1answer
89 views

Better way to act on grid data?

I need to assign different levels of permissions to users in a grid. But in-line/direct editing of grid data is not allowed! As shown in the mockup below, in the action column, clicking "Add" will ...
1
vote
1answer
91 views

Is there a best practice for alignment of nav bar content - with grid or not?

Looking at various site's nav bars I see some sites spread their content wide across the bar, anchoring their logo to the far left and login to the far right, navigation in the middle (examples: ...
1
vote
2answers
39 views

Showing selectable and non-selectable row in a grid

I have a grid where I need to show to differentiate 2 kind of rows, ones that can be selected and others that cannot. All the rows include a link and the user can select multiple rows. My question is ...
1
vote
0answers
78 views

Columns or Rows: Showing data in grids or lists [closed]

When presenting a list of quite detailed information (lets say a title, a date, a number, and then several paragraphs of description) which provides the better usability; rows or columns? Why? ...
1
vote
0answers
261 views

Need help on creating innovative sleek data grid table design [closed]

As we can see in the the following URL, conventionally lot of supporting UI elements are available to sort out, search and navigating pages for data grids. https://www.datatables.net/ Now a days, ...
1
vote
3answers
649 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
152 views

Grid with cards

I want to create grid withs cards that looks like on photo, every card have text in it. What would be better to make , all square or rectangular cards ?
0
votes
3answers
322 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
169 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
268 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
2answers
115 views

Grid Sorting Indication: single triangle in sorted column vs. single for sorted and double greyed-out for non-sorted?

I need to create a table on a touch device where all the columns are sortable. What in your opinion works more user-friendly? Triangle pointing to the sorting direction only in the sorted column All ...