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
2answers
215 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
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 ...
0
votes
1answer
552 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
223 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
1answer
116 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
283 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
18 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
1answer
29 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
50 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
39 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
103 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
36 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
93 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
1answer
34 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 ...
0
votes
1answer
58 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 ...
0
votes
1answer
68 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
2answers
75 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
234 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
100 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
votes
4answers
272 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 ...
-1
votes
2answers
318 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?
-2
votes
1answer
139 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 ...