I’m intrigued by Facebook’s new photo view layout, which they’ve started rolling out to users this past week. I like the maximum size increase, and the lightbox effect looks really slick (if somewhat familiar).

Facebook’s new wider photo layout
I suspect, as many others have, that two main drivers of the redesign were to move comments ‘above the fold,’ and to be able to place ads much closer to those comments. If that’s the case I completely understand the decision, but I’m really curious about how this fits with (or goes against) users’ preferred visual scanning habits.
There’s been a lot of eye tracking research conducted on web users in the past, but most of it has focused on text-only pages, or on pages where images are just a supplement to lots of text. If the habits found in those studies hold true in all cases, then something like Jakob Nielsen’s f-pattern would indicate that moving comments to the right side would be an improvement. As they’re brought up higher on the page, comments are in an area where users will be more likely to see them.
On the flip side, research from Catalyst Group [pdf] indicated that when text-heavy data is organized into columns, users find those multi-column layouts suboptimal to single-column layouts. Users found multi-column layouts more “tiring” to use, and more difficult to develop a scanning strategy for. But the caveat remains: the original Nielsen article describing the f-pattern, and the Catalyst Group report were both focused on text-heavy content. Are there differences when a photo is the primary area of focus on the page?
I think this article on design layouts is really instructive, particularly the part toward the end about focal points. It makes sense that the photos, comments and ads force users out of common scanning patterns and into a pattern imposed by the elements’ placement on the page. My gut feeling after using this new Facebook photos layout is that it puts a little more strain on the user than the previous version, by pulling users out of their natural visual scanning flow. While that can serve a clear purpose in art, it seems less useful in a situation like this, where Facebook is hoping users spend lots of time viewing album after album of photos (and the accompanying ads). The new layout’s scanning pattern from photo in the middle to comments on the right just didn’t feel natural to me. It’s entirely possible that I’m simply more used to the old vertical layout, but I’d love to see more research done in this area to get a better feel for what’s really happening.



