I’d love a user experience expert to chime in on this post. I’ve been watching as more and more technology sites are maximizing the viewport (the viewable region of your device) and I’m not really that impressed. I don’t believe that, if you have more resolution that you need to use that resolution.
Here’s a breakdown of the top resolutions on the MarTech Blog:
The most popular resolution, as you can see, is the 1366×768. This is pretty much the standard laptop resolution on the market right now. Proportionally, this is how that screen looks:
As you can see the screen is very, very wide and a bit short. While it makes for a great screen that’s optimized to view HD videos, it’s not really a screen that’s optimized for websites and reading. And we view videos at a distance… not up close where we’re reading text and typing on the keyboard. A vertical screen would be a much better resolution for that, since websites vary more in length than they do in width.
So, I’m seeing this onslaught of websites that are designed to maximize the viewport and I’m not sold. Newspapers found a long time ago that people read in vertical strips, not long horizontal ones. Our focus tends to get lost as we move across the screen. Moving elements far to the left, or to the right puts them out of focus as I’m reading content, so secondary elements like sidebars are virtually ignored altogether.
With that, I’m not looking to redesign the MarTech Blog screen to take up that horizontal real estate anytime soon. Our design on a monitor differs from the experience on a mobile device or tablet and we’ll continue to keep those experiences unique. Our width on the blog is great for reading top to bottom and seeing the sidebar as we view the key content. Our primary content is 640px wide to accomodate standard video sizes and a sidebar that’s 300px wide for standard advertising.
What do you think? Should we go the route of other sites? Or am I on the right track with our current layout?