Rectangular layout of information. As well as tables, grid layout also refers to a 'typographic grid' used to position items on a page.
1
vote
0answers
26 views
Expandable\accordion table row example [closed]
I would like to to present the users with a set of data, in a table\grid and when they click on a row, instead of taking them to another page with a form, to expand the row (like accordion) and show ...
10
votes
6answers
369 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
1answer
136 views
Grid text alignment rules
I was wondering if someone has come across rules used by web designers for text alignment in a grid.
I was observing that majority of text is aligned towards left, but financial figures with ...
37
votes
2answers
6k 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 ...
2
votes
2answers
69 views
Grid view for Events on travel website
I can't decide which is the best option for this type of grid view.
The problem is that I need to have all the information listed below:
Picture
Price
Icon
Date (can be shown as a range or as a ...
6
votes
3answers
77 views
Showing preview rows of content types vs picking a default type and showing it in full?
I'm trying to figure out what would be a better experience.
We have 3 "types" of content usually, in this case let's say they are photos on user profiles.
Is it better to show a row of each type with ...
-2
votes
1answer
100 views
How to inform a designer to use a grid for responsive CSS? [closed]
How do you share information on a grid with a designer / design process, such that it helps in further coding of CSS of a responsive interface?
Do you use any tools in a mock? Do you show blueprints ...
3
votes
4answers
436 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 ...
-1
votes
2answers
183 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?
1
vote
2answers
144 views
UI State Management in a multi-form grid with many elements
Details:
The application is a form based application. The form elements are arranged in Grids. Each of the Grids encapsulate related set of fields. Now the question is related to cancel buttons. ...
0
votes
2answers
127 views
Is an accordion worse than a grid?
I am building an author site for myself, and would like to display, for each book, the cover image, the title and an enticing blurb, and links to (say) four other books that might be of interest.
...
3
votes
2answers
85 views
Grid - Inline Editing and Sorting - How to handle the features together
The Dilemma:
You have a grid/table with sorting (and/or multi-sort) and inline editing. The user modifies a value that should modify the sort order. What do you do?
An Example:
Lets take ...
5
votes
4answers
185 views
Users don't understand how to interact with my grid
The problem
The users that I have tested my application on don't see that clicking individual cells in the grid gives them the possibility to configure the content of that cell. Basically they all ...
2
votes
1answer
50 views
Importing and Updating Old Records within a Grid
I am in the process of designing a feature that allows a teacher to select students from the previous year who they used our product with, and be able to update the records of those students to the ...
1
vote
1answer
71 views
Do dynamic height changes jar users on web page load?
When a web site loads, sometimes an element's height needs to be determined dynamically with javascript. This can happen with a responsive design where the width of a fluid element is not known until ...
5
votes
3answers
112 views
Form for property rent prices depending on season and length
Seeing the similar post about Form for inputting operating hours of a business, I am hoping you might help me with a similar issue.
We run a holiday property rental website. Properties can be rent on ...
0
votes
3answers
154 views
Do you wireframe to exact size? [duplicate]
Looking for your steer on best practice for wireframes. In the past I've never wireframed to a particular canvas size or utilised a grid. This is usually because a designer knows the sizes they are ...
5
votes
4answers
198 views
Adding a state to a control that indicates a row hasn't been saved yet
I'm working on a web application that users use to approve a bunch of items from a list. Imagine, say, an expense report that someone has to approve every item that's listed.
Currently, the system ...
3
votes
1answer
91 views
Snapping to grid
What is a good threshold for a UI which allows users to place objects, snapping them to a grid? 25% of the grid size? Less or more? Should the user be able to change this?
4
votes
1answer
130 views
Displaying varying prices
The holiday accommodations my company rents out have varying prices, depending on the day of arrival and the duration of the stay. Currently, these prices are charted in a scrollable table, with on ...
1
vote
2answers
476 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 ...
4
votes
2answers
520 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 ...
0
votes
3answers
247 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 ...
3
votes
1answer
69 views
Printing Job Queue Grid display
I'm building a Printing Job Queue Grid Layout which contains 9 columns( Name, Status, Owner, Duration, Material 1, Material 2, Material 3, Material 4, print mode... (relevant for the current printing ...
2
votes
1answer
165 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 ...
4
votes
4answers
227 views
Paging buttons position – Top, Bottom or both?
The question is on where to place the paging buttons on a catalog page. We have some basic choices here.
Only on bottom.
Both on bottom and on the top.
The obvious argument to place it only on ...
4
votes
2answers
240 views
Should I use a popup window (lightbox) for edit and viewing details of grid records?
I have a web application that allows the user to immediately do one of two things:
1) Search for records
OR
2) Create a new record
As a result, I have two links in the menu bar called Search and ...
1
vote
4answers
542 views
1000px width layout. May I have problems using it?
I'm designing 12 columns site using Bootstrap. I have a quite crowded layout (can't simplify it further), so I want to use a 1000px wide layout (exactly this one), instead of using classic grids like ...
2
votes
2answers
307 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
1answer
182 views
Display change history of grid
Assumption: if there is a grid with 20 columns (I mean a lot of columns), and users can add/edit/remove rows and columns in bulk. Now we want to display the detailed changes of this grid (which means ...
2
votes
2answers
332 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
164 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
3answers
203 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 ...
2
votes
2answers
190 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 ...
1
vote
2answers
158 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 ...
5
votes
2answers
132 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 ...
3
votes
2answers
96 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 ...
1
vote
1answer
297 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 ...
2
votes
2answers
79 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 ...
6
votes
5answers
449 views
What can I do with a grid entry to make users not assume that it is just like Excel?
I have a lot of grid entries in my applications and I struggle with the paradigm because I feel that grids are hard to use for data entry for my users. Whenever they see a grid, they think "Excel" ...
-1
votes
1answer
285 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 ...
2
votes
1answer
145 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 ...
1
vote
1answer
148 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
163 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 ...
13
votes
6answers
475 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 ...
-5
votes
2answers
212 views
UX/design issue on combining different grid system [closed]
The guys behind Gumby framework have added the hybrid (12+16 columns) grid.
Which means on the same page you can have the 2 systems that cohabit at the same time.
What about the the design ...
2
votes
3answers
200 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
115 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
315 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
200 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?
