New answers tagged grid
A square grid feels nice and organized. But as Martijn said, (small amounts of text) tend to be wider than they are tall. Look at google results, at the replies on this website, at the windows start menu, etcetera. So you'll get better results for text if you use rectangular grid. My suggestion: use a square grid, but make text boxes double wide, or ...
If you only place text inside the cards a rectangle is often more economic in terms of space. download bmml source – Wireframes created with Balsamiq Mockups
Rectangular. A square grid can create an optical illusion called the Hermann grid illusion. https://en.m.wikipedia.org/wiki/Grid_illusion The squares of this size will not be readable for users, there is too much of them in the grid to keep users interested. I suggest you increase the size of cards and decrease the amount of cards per screen to 8 or 12 max. ...
Another possiblity is to use small ascending and descending barcharts. For example
Wouldn't it be better to lay the data out in individual groups? (I think this is what @plainclothes means by cards) e.g. record 1 Label 1 - Data 1.1 Label 2 - Data 1.2 Label 3 - Data 1.3 Label 4 - Data 1.4 Label 5 - Data 1.5 Label 6 - Data 1.6 Label 7 - Data 1.7 Label 8 - Data 1.8 ...next record button... record 2 Label 1 - Data 2.1 Label 2 - Data ...
Because your secondary sort is under Name, I would recommend that clicking on a subsection name (Standard Shapes) would toggle name sort a->z / z->a just for that section. This way you are only sorting on one data point (name) and in a single manner (alphabetical) even with 2 levels.
A scrollbar should do the trick. Applications like Excel often use fixed column/row headers to provide context when you scroll in 2 dimensions. You might benefit from doing the same.
There may be some sad part of the world where this is common, but I hope to never go there. This kills the whole scanability benefit of tabular arrangements and generally makes the data a jumbled mess. Data display options If the columns are variable in quantity, content, or meaning, let your columns scroll and allow the user to freeze columns for easier ...
Stick to far left. That way if your website or app is responsive the actions will always be available without horizontal scrolling. Especially given your example image and the content you are displaying.
It depends ... The question you need to be able to answer is: As a user, do I need to scan the entire row before I can make an educated decision if the row I am looking at is the row I want to "edit" or "delete"? General Thoughts If the amount of the information an end-user needs to scan is fairly small and by only looking at the "Address" column you can ...
When you're displaying tabular data, often the first column indicates the primary field and drives default sorting order because table is read left->right with more important data columns on the left side. Since the action buttons are not data, general UI convention is to put the on the right side. You can do a google image search for "web application ...
Top 50 recent answers are included