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
2answers
122 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
318 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
243 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
291 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
394 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
108 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
1answer
66 views

Save or clear Sorting and Filtering settings when adding to a grid

The layout of the page is a grid on one side with a list of items, and on the other side displays a snapshot of something selected in the grid, or if you're adding an item, it displays the form. I'm ...
1
vote
2answers
390 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
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, ...
1
vote
1answer
130 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
162 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
339 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
441 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
0answers
366 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
367 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
299 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
123 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
237 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
37 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 ...
0
votes
1answer
715 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
227 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
2answers
45 views

Name for specific design type instance

So if you look at my little visual example below, the format on top I assume would just be technically referred to as a Grid or Tabular format, but if you were to break each of those rows out and make ...
0
votes
3answers
253 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
2answers
400 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
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 ...
0
votes
2answers
307 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
164 views

Android- Navigation Drawer with sub-menu

I am designing android app in which I have some categories and sub-category. What I am doing? In first image I have placed category menu item with sub-category menu item in Navigation Drawer. Sub ...
0
votes
1answer
43 views

What are the advantages of list view vs. grid view for video search results?

I'm designing a results page for video search for touch devices. on larger screens such as big tablets I'm considering using a grid views since it allows bigger thumbnails. I was wondering what the ...
0
votes
3answers
100 views

Which gives heavier congitive load in grid on phone screen? Grid of images or grid of text? And which is faster to recognize?

Im creating an app where on main screen I'll present contacts. Im wondering if I should present them to user in grid view or table view. I assume that list view is probably faster. But if I choose ...
0
votes
2answers
102 views

Dropdown/Radio button as an action selection in a grid row?

I need to display an action selection in every row of a grid. The action could be Do nothing, Confirm, Reject (mutually exclusive). And once all the selections were made, users are expected to hit a ...
0
votes
2answers
41 views

How to indicate that an element in a grid is the current one

I'm working on a real-time web application that has a grid displaying a a list of elements that can change continuously. Currently, I'm just displaying a checkbox "Is latest" for development ...
0
votes
1answer
137 views

Mobile grid views - which style is preferred by users - rounded corners with borders or rectangles? [closed]

Is there's a way in which users of mobile devices prefer to perceive grid view content? I'm a mobile developer and stare at mobile interfaces quite a lot. One of the things that was bothering me for ...
0
votes
2answers
51 views

What should be dimensions of a grid of images for review be?

I am creating a webtool for image moderation (approve / flag / delete). My starting image set to review is about 200,000 with 400 images added per hour. The end users of this tool will be outsource ...
0
votes
1answer
29 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
2answers
152 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
1answer
39 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
122 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
96 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
162 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
48 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
119 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
51 views

Combining multiple pieces of data into single column

I am currently working on a program that will involve a grid like control on the main page. There are a few pieces of data that the user wants to see that are closely related (i.e. a unique ID for a ...
0
votes
1answer
144 views

Responsive Grid View with Hover layer

I have a grid layout which has an hover state which reveals information that are crucial as below. The Content of each Grid Item Dish Name Dish Photo Rating Chef Name Chef Photo Chef Location ...
0
votes
0answers
24 views

Would laying out a multitude of [text-only] topics/options (> 15) in a card layout increase interface clutter?

I am trying to figure out when a card layout is optimal and when alternatives are ideal. For example, Khan Academy's lists has > 50 items, and is arranged in a neat list. Observing the flat trends ...
0
votes
0answers
133 views

User Interface for Role Management

I'm creating a role management screen and wondered if anyone had any good ideas. The basic idea is there are 4 possible roles a user can be assigned for a given category. There are approximately 12 ...
0
votes
0answers
76 views

Layout filterable grid and categories

Background A user goes to this page to view the levels their groups (>=1) have been placed in for certain categories, i.e., basketball, etc. Each category has an overview pdf document assigned to ...
0
votes
0answers
58 views

Display dynamic length list in grid column

I am looking to implement a custom expandable text block on UI. If the string (actually a list of people) is below a certain length (say 10 characters), it would be displayed as it is. If the length ...
0
votes
2answers
119 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
141 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 ...