Rectangular layout of information. As well as tables, grid layout also refers to a 'typographic grid' used to position items on a page.
2
votes
3answers
203 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
120 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
322 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 ...
0
votes
5answers
204 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?
3
votes
2answers
231 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 ...
5
votes
2answers
119 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 ...
1
vote
2answers
525 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 ...
11
votes
6answers
1k 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
3answers
114 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 ...
3
votes
1answer
271 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
416 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 ...
3
votes
4answers
3k 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
245 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
140 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 ...
1
vote
3answers
6k 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
3answers
310 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 ...
2
votes
1answer
214 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 ...
3
votes
2answers
358 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 ...
5
votes
6answers
408 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 ...
1
vote
2answers
1k 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. ...
6
votes
2answers
182 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
318 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.
4
votes
2answers
463 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, ...
7
votes
4answers
875 views
In a grid, how to display long column headers
When displaying data in a grid (each row contains a record, each column a different record field), vertical space need is easily solved with scrolling or paging.
We are usually sooner missing ...
0
votes
2answers
225 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?
6
votes
2answers
435 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 ...
3
votes
5answers
709 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 ...
4
votes
2answers
242 views
I want to let the user toggle a column heading to sort a grid by a date field. How can I make ASC/DSC intuitive?
I want to let the user toggle a column heading to sort a grid by a date field.
How can I make the ascending/descending dichotomy intuitive?
EDIT: I was looking for date-column specific solutions.
6
votes
6answers
342 views
Interaction with a grid with complex cells
Problem definition:
A grid where each column represents an attribute of a task and each row is a task
One of the columns represents the progress reported on that task
Multiple persons can be ...
