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
1answer
36 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 ...
0
votes
1answer
49 views

How to manage a dashboard displaying resources production/consumption?

Let me explain the context. The user has a list of Factories. Each Factory produce 1 to 5 Resources. For producing a resource, the factory consume 1 to 3 resources. I need to give an overview of all ...
1
vote
1answer
38 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 ...
0
votes
2answers
111 views

Inline Editing v Section below grid to edit

Is inline edit good UX? Which is a better way to edit a grid, providing an inline edit option or providing a view below the grid, (display additional details and provide editable fields)?
1
vote
1answer
99 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 ...
8
votes
3answers
632 views

Alignment of input fields in a form with plain text

I have a details page containing a list of information and input fields at the same time. Sections are alternating between information and input fields. I am debating between the alignment of data. ...
1
vote
1answer
58 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
2answers
93 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 ...
2
votes
2answers
52 views

Manage long grid data

I am creating an app which has functionality to search in some specific database and result it back in grid format. Sometime resulted data words are so long that it is not cover in column and it split ...
1
vote
2answers
62 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
0answers
130 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, ...
0
votes
1answer
85 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: ...
3
votes
5answers
196 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
77 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
170 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 ...
1
vote
1answer
186 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
44 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
61 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
326 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
1k 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
260 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
76 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
215 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
143 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
196 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
136 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
84 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
262 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
57 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
106 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
79 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
54 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 ...
1
vote
1answer
349 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
228 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
57 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
35 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
211 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
100 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
69 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 ...
2
votes
1answer
126 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
57 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 ...
2
votes
6answers
345 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
355 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
5k 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 : ...
5
votes
4answers
476 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
133 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
89 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
492 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
131 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
35 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.