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
3answers
293 views

When to show a Selection Column in a data grid

I have a windows based desktop LOB application. In a multi step process a user is requested to select a SINGLE row on a datagrid. My question is? should or shouldnt I use a selection column to ...
3
votes
2answers
990 views

How do I display large amount of table data on iPad?

On our windows product we display large searchable grids, with a large number of columns that can be reordered, sorted, and filtered. This is a fairly common method on Windows (explorer for instance) ...
3
votes
3answers
394 views

Are there any better ways to present/edit a very large matrix?

We have a page where user selects what training courses are required for each role in organisation (HR-type web-based system). That looks like that: Now have ability to hide columns, fix headers ...
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 ...
4
votes
2answers
389 views

Affordance (indication) of an editable grid

Working on a form with multiple small grids for information display and adding a new grid. (Grid is the right display here.) The business unit wants the legacy grids to remain editable with a pop-up ...
6
votes
3answers
294 views

Aligning text data in a grid

I've been asked to look at one of our legacy applications from a usability perspective. On one screen, we have a situation where data is displayed in two columns (eg. Key: Value) where we've ...
11
votes
6answers
458 views

Method of showing that a row has been edited and will be changed upon “Save”

What paradigms exist for denoting that a row of data has been modified and that a Save action on the view will change them in the data store? Which paradigms are recommended? A few that we've ...
3
votes
2answers
154 views

Providing multi-language descriptons

In a similar question (Multi Language Name Input), I already read about the translation-topic. In our desktop applications, we have some situations where the user needs to enter translated values for ...
2
votes
2answers
159 views

How can I design a matrix that allows users to rate items in two or more categories?

Does anyone know a good way to show a double matrix question? For example where you need to rate stuff in 2 categorie!s (or more). Ive attached an example of what we came up with so far. The problem ...
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 ...
4
votes
1answer
257 views

Best Practice for navigating to details page based on a grid selection

I am designing a feature that has a work list displayed in a grid. The grid is 8 columns wide and includes a person's contact and demographics. The grid is used to select a person and load a details ...
2
votes
1answer
295 views

Grid and in-line editing

I am developing an application where I have a header and a list of lines. The dilemma I am having is how to display an interface where the user can edit multiple lines at the same time in a ...
2
votes
1answer
442 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
3answers
242 views

Presenting partially overlapping tables

Let's say we have a grid displaying a bunch of devices, where each row is a device. The devices have performance data and configuration data. Some users are going to be interested in the performance ...
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 ...
3
votes
2answers
229 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 ...
14
votes
6answers
574 views

Should I combine these 2 mutually exclusive actions?

I have an interface for managing multiple email addresses associated to an account in my web application. This interface is to be used by an administrator. The interface shows a list of email ...
3
votes
3answers
329 views

Data Grid double click for detailed record view or single click to populate constantly visible single record form?

It was hard to phrase the question clearly. I'm looking at two options: 1) Full page data grid. On double click on a record, a window pops up showing the record in a form view. 2) Top half: form ...
2
votes
2answers
183 views

In a grid should I allow rows to be moved or use in place cell edit?

What is a better trade off: Allowing users to move rows around within a grid by dragging them and placing an "Edit" button on each row (see image) Giving users an in-place cell edit capability and ...
5
votes
3answers
493 views

What are good UI Visualizations to show in a grid for ranking activity?

I have a grid with a list of runners (one person in each row) on a webpage. I want to show some visualization in a column to represent how much they have ridden in the last year. Right now I am just ...
3
votes
2answers
296 views

What is the best way to display 15-50 choices when most users will select all and not know meanings, but some users will want specific choices?

In a program with users spanning from basic users with limited knowledge to super users with specific needs and detailed knowledge, we need to offer the option to select and deselect among elements ...
6
votes
2answers
170 views

How do we design elements that feature unpredictably sized images?

There are contexts where a design needs to represent several items, each with inconsistently sized images. One example might be a customer database, where the customer's logo is an identifying ...
2
votes
2answers
1k views

Replacement for Grid or Table Data Visualization for Mobile Apps

What could be the best replacement for Grid data visualization in terms of displaying multiple data elements with same structure in mobile apps. To Elaborate..Well, lets say we have 10 rows and 5 ...
4
votes
2answers
877 views

How can I preserve readability when using a dynamic grid layout?

There's a recent trend in web design to use dynamic masonry grids, like Pinterest, for just about everything these days. If you haven't seen such a layout before, it presents content of variable ...
-1
votes
2answers
357 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?
3
votes
3answers
171 views

Indicating A Document Has Been Drawn On

Imagine layed out in front of you is a large board with little white pieces of paper representing the cover pages of system files on them. You are shown a title, and a modification date. How might ...
12
votes
6answers
2k views

List vs tiles for links

I am designing a drop down panel which houses a collection of quick links / bookmarks to other areas of an intranet. Users access the intranet through a laptop or desktop pc running windows or mac ...
3
votes
1answer
416 views

Are there any guidelines for vertical layout and spacing?

The proliferation of grid systems have made it easy to determine the horizontal layout of a site - column widths and margins are just made to fit into the correct grid spacing. But what about ...
6
votes
3answers
813 views

Best way of selecting rows in a grid across pages?

Best way of selecting rows in a grid across pages? We have a data grid which spans multiple pages, which is core part of our web based application. Scenario 1: Checkboxes denote selection. Use Case ...
1
vote
2answers
754 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 ...
3
votes
2answers
613 views

What is the best practice for displaying mixed data in a single data grid?

We have a complex database application and would like to display mixed data in a data grid. By mixed data, I mean objects that roll-up to a single category (vehicles) but have unique properties (truck ...
1
vote
2answers
383 views

Displaying tri-state field in a data grid. What's the best cell control?

I have a data set where a column can have three values: true, false and null. My first instinct was to use a checkbox for the Boolean values and hide the control altogether in case of null. Am I on ...
3
votes
1answer
200 views

Specifying default sort

I want to add the ability to specify a default sort to this interface. Currently it allows users to specify the order of the columns display and the default size. I am revamping it into a table form ...
5
votes
4answers
702 views

“Edit” button in a grid

I have an Intranet application that displays a grid. Every row of the grid is editable. Which option is more user intuitive: Having an "Edit" button at the end of each row. Have one "Edit" button ...
3
votes
1answer
470 views

When to use grids vs lists?

In which cases are grids more useful? With grids I mean something like the homepage of youtube, where you have many rows of videos, and in which cases are lists better, such as the youtube search ...
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 ...
3
votes
2answers
542 views

How should I design an MS Access application for Excel users?

I work for a public health study, and I have been asked to help manage the workflow for an upcoming project. We will be choosing subjects, tracking our contact with them, interviewing them, placing ...
3
votes
4answers
7k views

Whats the average screen size of a handheld android tablet device? any wireframing mockup available?

I am designing a UI for an android app that is developed for tablet devices, I would like to know is there any mockup grid available? Like 960.gs for web... what is the good size to start designing. ...
1
vote
2answers
2k views

Grid dimensions on Android

I'm starting a mobile app on Android that displays nearby restaurants and outing places, but I'm so confused! There are lots of devices and sizes; I want the smart phones, no tablets or non-touch. ...
5
votes
6answers
439 views

Furnishing the sidebar the honest way

I'm developing yet another website (non-blog, static), and yet again I'm stumbling upon the same problem with inner (non-home) pages design. The layout is conventional: 960px wrapper header with ...
6
votes
2answers
212 views

How should I align field “format” markers?

Let's say I have a form with fields that accept data in very specific formats, such as currency (£) or percentage (%). How should I convey that to a user? If I use 'sub-labels' (symbols that represent ...
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.
5
votes
2answers
761 views

User interface for a “mapping” table

I have the following problem. I need to provide an interface for users inserting/editing "mappings" in a database. A mapping is a record as such: [Field A, Field B, Field C] --maps to--> [Field X, ...
4
votes
3answers
472 views

Selection of items in a grid across pages

Would you expect when making selections across multiple "pages" in a grid or other list style control that it would remember your selections? Would you expect it to forget your selections the moment ...
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
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
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?
58
votes
2answers
14k views

Ideal column width for paragraphs online

There is nothing worse than coming across a website with paragraphs that span the width of your screen resolution. They are usually so hard to read, I don't even bother. A lot of web designers use ...
6
votes
2answers
861 views

Best way to show “select all” in paginated table with some of the “all” not shown on the screen

A user can conduct a search in a grid that has pagination (i.e. over 25 rows is shown on next page). If the search returns more than 26 results and allows a "select all" checkbox, what's the best way ...
4
votes
5answers
1k views

In a grid, how to manually reorder rows?

I wish to let my users reorder elements in a grid - not do automatic sorting on a column. They select which element is the first, which one comes after the other, etc. I thought of and saw some ...