The last couple of days I’ve read the blog article about section view, played around with it, and really, really appreciate it. In fact, I appreciate it so much that I do not want to go back to the older layouts.
I think I also understand the design decisions made, BUT there is one thing I really don’t like: on a larger screen there is too much space between sections because of the “Z Grid” design:
That only has an effect once you start playing with multi-column sections, it will reorder the sections to promote a 1-column section before a 2-column section if your row has 1 empty column left.
Just found out you can have multiple headings in the same section. This helped me greatly reduce the blank space I have in my dashboards.
Here is an example: These were two different sections before, and they had a lot of empty space. I just dragged the heading and all the buttons from on section to he other keeping the same structure and order. Now it is much more compact on desktop, but still exactly the same on mobile.
For me, I decided to use two different dashboards: one with a sections view for small items like switches, etc., and one with traditional masonry design for larger items like info cards and the like.
But still, if I had a wish, it was for a more compact section view layout without much free space in between the different items.
