Although uniform spacing tends to look better from the macro view, I actually find this incredibly hard to read. My eye jumps all over the page, ignoring many of the articles because they are hard to skim. I went to a few of the demo sites and ended up leaving without reading anything.
Re:jQuery Masonry
by mikepurvis on Monday April 26, 2010 @06:59PM
(#1296526)
For some kinds of content, you want that skim-and-skip effect, for example the display of reviews on RottenTomatoes (which is in two columns nowadays, but used to be either three or four, I forget).
I think it's really the execution here that's problematic. Compare those examples, with say, http://37signals.com/, which has a similar look, but where each piece has been fit together by hand, rather than by an algorithm just stuffing everything where it seems to fit best.
I know that hand-arranging is often not possible, especially with dynamic content, but that's my take on it.
Re:jQuery Masonry
by mattcrest on Monday April 26, 2010 @05:45PM
(#1296255)
I completely agree. I implemented this on a site a few months ago, but ended up removing it because while it did in fact add a cool factor, it hindered readability (shocking coming from a designer, I know).
That being said, I'm sure there are use-cases where Masonry would add value; just not sure what those are.
Re:jQuery Masonry
by evo_9 on Monday April 26, 2010 @06:41PM
(#1296458)
Yeah, I think this sounds like a good idea until you actually use it. People scan pages in a somewhat orderly fashion and this is too chaotic on the eyes/brain.
Maybe if a designer created a layout with this 'chaos' factored in it could work. But as a general layout plugin I don't think this is an ideal solution.
Re:jQuery Masonry
by marknutter on Monday April 26, 2010 @11:52PM
(#1297154)
This is how newspapers have been laid out for centuries. As long as the headlines are effective and the typography is well thought out, this type of layout works.
I have to admit though that masonry looks much more flexible. My solution was specifically crafted to display images in different sizes, based on their "importance".
I think it's really the execution here that's problematic. Compare those examples, with say, http://37signals.com/, which has a similar look, but where each piece has been fit together by hand, rather than by an algorithm just stuffing everything where it seems to fit best.
I know that hand-arranging is often not possible, especially with dynamic content, but that's my take on it.
That being said, I'm sure there are use-cases where Masonry would add value; just not sure what those are.
Maybe if a designer created a layout with this 'chaos' factored in it could work. But as a general layout plugin I don't think this is an ideal solution.
Reminds me of The New York Times app on the iPad. When you changing the orientation, the content is reorganized to fit the available space.
Great work.
So for sites like that I imagine it would work well (less so for sites with widely varying content etc.)
I have to admit though that masonry looks much more flexible. My solution was specifically crafted to display images in different sizes, based on their "importance".
(FYI, I'm not just bitching -- I reported this as a bug six weeks ago.)