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
5answers
171 views

How to signal the user must add a minimum number of images to continue?

I'm making a utility where users rate images from favorite to least favorite. In the creation flow, the user must add at least two images, and is given the option to provide a title or description. ...
3
votes
4answers
54 views

Show a blank sidebar to preserve layout consistency?

In our product we have a sidebar which contain some widgets. However, certain pages don't need any widgets. On these pages does it create a better UX: a) Keeping the sidebar as a blank column. This ...
5
votes
1answer
121 views

Wizard inside a Wizard?

I am a UI designer, working on a webapp that deals with lot of user data and grids. The base portion where the user enter their personal details has been split up into a wizard. Here the user may be a ...
0
votes
1answer
68 views

Pagination vs Scroll in Datagrid

Normally, we can use pagination and scroll in a datagrid when it has too many records. How to balance when to use pagination or scroll, considering consistency in standard guideline in a whole ...
0
votes
2answers
34 views

Which are better: image sliders or image grids?

I'm desiging a site for a client that wants to implement and image slideshow on interior detail pages. I'm curious if people still use sliders or if an image grid would be best for UX. Thoughts?
2
votes
4answers
56 views

How to improve “between” operator usage in grid?

I have a grid with comparison functionality. The problem is I have to use column 2 only for "between" operator, for other comparison/search operators it's useless. How can I improve this? Open to ...
2
votes
1answer
122 views

Grid system for mobile app mockups?

1) For native mobile apps (iOS7, Android etc.), do you guys do mockups using the grid system too? Like maybe, 4-column grid layout for mobile apps? I heard of the grid system being used for responsive ...
0
votes
1answer
435 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 ...
-1
votes
1answer
70 views

Page size for wireframing [duplicate]

I am using axure RP 30 day free trial and I have a startup idea. I need to make the website really quickly. But when I at the wireframe stage I encountered with a problem.Problem is, According to ...
0
votes
2answers
43 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 ...
1
vote
2answers
135 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
76 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 ...
0
votes
1answer
71 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
110 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
57 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
2answers
160 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
46 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 ...
1
vote
3answers
85 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? ...
2
votes
2answers
48 views

Change page size drop down when paging grid

If you are paging by 10 items per page and you are on page 3 and you change the page size via a drop down to page by 30, do you start again at page 1 or do you stay at page 3 with a new page size?
0
votes
2answers
46 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
204 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
1answer
161 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
53 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
0answers
31 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
162 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
82 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
62 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 ...
1
vote
1answer
77 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 ...
3
votes
1answer
55 views

Where should an item on a 2d grid be pasted to be not overlapping

I have a grid on which boxes can be placed like in the image below. The main constraint is that two boxes must not overlap. Box X is not allowed to be on top of box E. Now given each box should be ...
1
vote
6answers
253 views

Add button for grid list

My team is developing a widget that uses a grid layout to display a list of webpage links, and we would like to have an inline add button so that our users will be able to add more pages to the list. ...
0
votes
3answers
281 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 ...
21
votes
10answers
4k views

How to display a division by zero in a grid?

I have to make an internal web-app for my company (with asp.net C# and Telerik). I have a grid with financial reporting inside with a simple KPI displaying the budget already used in percentage : ...
4
votes
4answers
464 views

What's the best way to represent a number which is over/under a reference?

I work with a resource management web application. I have a grid of numbers (resources forecasts). I need to show in this grid if the numbers are over or under a reference (resources capacities). I ...
1
vote
3answers
123 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
66 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.
2
votes
8answers
436 views

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
4answers
120 views

Should quantities with unit labels be left- or right-aligned in a grid?

e.g. 3 months 12 years, 3 months 10 years 8 years, 6 months
0
votes
1answer
32 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.
1
vote
3answers
123 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
143 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
2answers
165 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
41 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 ...
3
votes
3answers
271 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 ...
0
votes
1answer
133 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. ...
1
vote
2answers
123 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 ...
2
votes
2answers
86 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 ...
1
vote
1answer
182 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
71 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: ...
0
votes
2answers
123 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
149 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 ...