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
106 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
270 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, ...
2
votes
1answer
737 views

What's a typeable symbol to indicate “starts with” in a filter field?

I am building a custom data grid control. The users do a lot of sorting and filtering. I want them to be able to do this with only the keyboard. Currently they can filter columns by typing in the ...
3
votes
5answers
200 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
102 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
230 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
2answers
62 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
77 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 ...
1
vote
2answers
899 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 ...
0
votes
1answer
4k 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 ...
2
votes
1answer
1k 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 ...
-1
votes
1answer
2k 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 ...
1
vote
2answers
377 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
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 ...
1
vote
2answers
357 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
284 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
452 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 ...
2
votes
3answers
126 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.
0
votes
3answers
164 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
167 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
63 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
151 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? ...
0
votes
1answer
298 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 ...
2
votes
2answers
161 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
66 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
2answers
70 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
309 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
2answers
502 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
0answers
93 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
294 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 ...
2
votes
1answer
171 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
6answers
509 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. ...
3
votes
1answer
62 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 ...
22
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 : ...
0
votes
3answers
553 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 ...
1
vote
3answers
147 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 ...
5
votes
4answers
503 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
160 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 ...
3
votes
8answers
592 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) | ...
3
votes
2answers
266 views

How to display complex, interactive grid?

I am working on the admin component to a web app that will create/manage web sites for multiple clients. This admin portion will determine what pages/features will be included, as well as what ...
1
vote
1answer
196 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 ...
2
votes
4answers
147 views
0
votes
1answer
45 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
4answers
2k 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 ...
0
votes
1answer
65 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 ...
2
votes
1answer
260 views

What is the best way to lay out a list of date ranges in a table?

I am showing a webpage where I list out where people will be out of the office. I want to get some feedback on which is a better format (obviously forget about the fact that you can't draw good tables ...
3
votes
3answers
474 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 ...
2
votes
2answers
144 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 ...
0
votes
1answer
240 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
1answer
573 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?