Is 800×600 already the worst-case scenario?
Last week after visiting CNN.com for the first time in a while, I noticed that together with a new design, they'd switched to a wider layout for 1024+ viewports.
Today I followed a link (via digg) about the New York Times redesign, who have also adopted a wider layout and in so doing alienate their users with an 800x600 screen resolution. Their editor posted a note about the new design, while TechCrunch's Michael Arrington has blogged about some new features, and Subtraction's Khoi Vinh (Design Director for NYTimes.com, and was involved in the redesign's implementation) also has a lot to add in The Awesome Redesign I Didn't Do. This comment on Subtraction by Adam Greenfield stuck out in particular:
Not to sound the rare (lone?) negative note, but I really, really don't like this design. I knew it wasn't yours the moment I saw it, because I couldn't imagine you'd ever have signed off on something so unwieldy.
I see in the Times' design notes that this version is intended to take advantage of the larger monitors an increasing percentage of their readers use, and since they presumably have figures to back that "increasing" up, I suppose I can't argue with that. I do have to say, though, that it looks like ass on my 12" Powerbook.
I suspect my Adblock Firefox extension makes the site so much more attractive, but my interest lies specifically with the choice of layout.
There's nothing unique in catering exclusively for users with wider viewports, but when you consider that they're both news sites - which have proven over the years to be very cautious with redesigns, for me they represent an era of change that's so infrequent in a medium that's so revolutionary. I'm talking about the death of a resolution statistic.
Is 800x600 already the worst-case scenario?
We're right in the middle of a transition period, between 800x600 and 1024x768, with CNN, NYTimes and Newsvine too joining an increasing number of other sites that are dropping 800x600 layouts for good. Compare them with the aged designs of BBC News and IOL for example, and some obvious trends emerge which make it easy to convince anyone on the benefits of upgrading their monitor or resolution setting. Also since a higher resolution doesn't translate into smaller text if you're using a modern web browser which handles text sizing well.
I launched a redesign for Thinkspace on the weekend, an interior design practice here in Cape Town. I'll be posting about this in more detail at a later stage, but for now, the liquid layout technique I've used is the same as all of my other most recent work, which scales to fit a maximum width of 1024, while downsizing for smaller viewports. I've embedded a Flash header and showcase slideshow on the homepage (using deconcept's FlashObject which is great for best practices) and these scale along with the rest of the content. It's unconventional, but it works and you probably wouldn't have realised had I not mentioned it.
(Side-note: subscribe to Geoff Stearns's deconcept blog, it's a hell of a read!)
Without proper research and usability testing it's near impossible to know the surfing habits and screen configuration of your users. So as hardware advances, and users slowly adjust to using larger screen resolutions and wider viewports, and as designers continue to push this envelope, I continue to believe that a liquid layout of sorts is the safest way to accommodate everyone.
UPDATE [13/04]: Sony Ericsson have also switched to a wider (1024+) fixed-width layout.
UPDATE [17/05]: Search giant Yahoo! redesign with a wider 1024+ layout, but also provide for a narrower layout. SkyeMedia writes: Is it Time to Abandon 800x600?
- leave a comment
11 Comments
sarah: that’s bizarre, it’s using “img” for the link because Firefox will perform an “I’m Feeling Lucky” Google search with whatever non-URL you feed it. I’ll have to check that out.
The popup windows are just some JavaScript changing the display properties of a div and the source of an image… nothing fancy. The best part is the transparent PNG that covers the background – in IE I just used a transparent GIF but the effect is hardly comparable. If you’re after something similar check this out: Prototype Javascript Windows. They’re also a bit weird at times though.
I visit that site for stats too although I don’t think they’re very reliable.. they have Firefox usage at 25%!
My links were wrong. Fixed now. ;)
it’s weird that firefox stats have decreased actually. i was wondering if it’s because there are a few people beta testing the new ie browser. there’s no increase anywhere in their list of browsers and ie 7 isn’t listed???
LOL @ ‘drool’. Bet that was your idea, Dames?
Err, I would advice not to use; w3schools, at all. I think there was a DIGG about it; i think their site is ‘best viewed with internet explorer’;;; most of their examples need ie which for some-one who is supposed to be teaching standards,,,, but then again w3schools is not a W3C endorsed organisation/school;
i’d say the best way to test is on your own sites,,, i for (sinah.org) i was sitting at 25% firefox and 60% ie; and then RSS changed everything where the ratio is there same; but feed-readers take like 80% of it,,,,
i hope i have helped,,,
oh,,, a side thought, i try to stick to 800×600; i don’t quite like ‘liquid/fluid (which is it) layouts) that much;;; i hate any site that has paragraphs that are wider than 320px;;; that’s just me;;; but i see why 1024 has appeal; you can put more on screen,,, so i think their decision to claim it’s is becoming a standard is more like a business decision,,, advertising revenue,,, se we want content, the bosses want money,,, big screeen you can fill both everywhere,,,
i stand corrected,,,
oh, i can’t wait to see iol re-designed,,, that would be a good day,,, in fact i think about 70% of the ‘big’ corporate sites in South Africa need a redesign,,, i mean, do we all really believe ‘navigation on the left is a standard’,,,, hey i remember I met up with some dude who assumed i knew nothing about the web, and he was teaching these kids about ‘web design’ and the first thing is says is, ‘when you design a web site, you need a banner, navigation on the left and remember content is king’,,, i nearly died,,,
p.s: the thinkspace colours are kewl. red is my new toy.
mot.
Oh, i forgot,,, what i like (probably just me) is that the newspaper sites are begining to look and feel like newspapers, branding maybe,,, iht.com is almost the same style as the new york times,,, but i think the iht takes the cake in ‘innovating’ on the browsing experience,,, you can collect articles you want to view as you traverse the site, that is cool.
word.
lebo: You can use a liquid layout and restrict the width of text, so it’s just a matter of designing the page grid so that when it’s resized or the text size is increased/decreased, then it’s flexible enough to adjust accordingly without falling apart. Although most liquid sites aren’t that smart.
I sent an e-mail around a work studio 5 yrs ago about that iht.com clipping feature, back then it was more of a “wow” factor than anything so I’m really suprised it still exists.
True about most corporate sites needing a redesign. Wow check out SABC in Firefox… also it would be nice if news sites were just news sites again instead of bloated portals like the M&G and News24. There’s gotta be better ways to make a profit.
hey hey reall impressed i got to ive it to you, you really know your stuff
great site and some really great pic’s
lee told me to check out the site
lata..
Thanks kristine ;)
Hi
it’s weird that firefox stats have decreased actually. i was wondering if it’s because there are a few people beta testing the new ie browser.
Thanks
Leave a Comment
Your e-mail address is required, but will not be published.
04 April 2006
sarah09:27 am
okay, how do you do the pop-up windows for the project images? i like that, it looks very cool. if i click on an image before the page is fully loaded it takes me to:
http://www.imgworld.com/
for browser (and other) stats i check this out every now and then…
http://www.w3schools.com/browsers/browsers_stats.asp