Posts from: Web design

Full category list for displayed posts: Design, Opinions, Web design

Single points of failure in web design

The BBC News website got a redesign this week. Naturally, lots of people hate it, but that’s because people hate change. I’m largely on the other side of the fence, and, objectively, the BBC’s mostly done a good job: the site content has room to breathe, the space-wasting left-hand nav strip has been ditched, there are no rounded corners, and although the amount of home-page content hasn’t been reduced, the design feels less cluttered. (That said, as Adam Banks wryly noted on Twitter, White space is like the comma: you have to put it in the right places, not just sprinkle around.)

However, I do wonder how much testing the BBC did across platforms. On my Macs, article body text is significantly less legible than it was previously. Delving into the style sheet, it seems the corporation’s centred on Helvetica Neue in grey for most of its text (falling back to Arial for anyone who doesn’t have this installed—in other words, anyone but Mac users). This is baffling, since Helvetica Neue is designed for print design, not the screen; and while Panic sometimes uses the font on its website, it’s doing so for what’s effectively a read-once advert, not many thousands of news articles. (Crucially, Panic also has the text in black, not a mid-grey, thereby hugely increasing readability.)

The BBC News redesign is therefore a great example of single-point of failure in web design. It looks great, the layout works, and even the headings look good. It only falls down when you start trying to read an article—but unfortunately for the BBC, that’s the main point of a news site’s existence.

Share this article:
  • Technorati
  • Reddit
  • Slashdot
  • Google Bookmarks
  • del.icio.us
  • Tumblr
  • LinkedIn
  • Digg
  • Facebook
  • Twitter

1 Comment

Posted: July 16, 2010

By Craig Grannell in Design, Opinions, Web design

Google adds awful home page backgrounds, parties like it’s 1996

So I just went to Google’s home page, to see what all the fuss was about. Here’s what I saw:

Google

After checking my surroundings to make sure that I hadn’t abruptly time-travelled to 1996, my web designer side kicked in and wondered what possessed Google to utterly destroy the basic fundamental usability of its search engine’s home page.

One of the core benefits of Google’s search engine has always been its simplicity. It gained marketshare by avoiding all the crud rivals added to ‘expand’ the search experience for users. With Google, you got a plain white page with a search box—simple and efficient.

Having used other Google products, I always had the nagging doubt that the Google home page aesthetic was more down to the company’s lack of design skills than anything else, and this new update pretty much confirms that. The current page has a background that makes it extremely difficult to read any of the on-screen text. It’s the kind of abomination that would have gotten a junior web designer fired from any self-respecting agency in 1996, let alone in 2010.

In an added nail to the coffin, the ‘change background image’ link that you can just about make out at the bottom-left of the page (that is if your eyes haven’t already exploded) doesn’t actually enable you to remove the background. Instead, you have to sign in to your Google account, assuming you have one. From a user-experience standpoint, this is crazy, but maybe Google just doesn’t care—after all, there are no ads on its home page.

Share this article:
  • Technorati
  • Reddit
  • Slashdot
  • Google Bookmarks
  • del.icio.us
  • Tumblr
  • LinkedIn
  • Digg
  • Facebook
  • Twitter

Don’t fight Safari Reader—make it obsolete

Lukas Mathis has written a great piece on Safari Reader. If you’re not familiar with the feature, it’s new in Safari 5. Using a keyboard shortcut, a panel slides up, containing the content of the article you’re reading, stripping everything else. In many cases, it also manages to stitch together multi-page articles automatically. The typography in Safari Reader is suspect, but the idea itself is what’s caught the attention of many people, who are proclaiming it to be the Worst Thing Ever (Ars Technica seems particularly miffed).

The reason for the anger is because Reader strips the ads, the branding, and everything apart from the content. As Mathis notes, though: “If your users are using a third-party product to make your product usable, you are doing something wrong.” That is a sentence that every single content provider on the web should read several times, digest, and, if necessary, write in permanent marker on both hands.

Something like Safari Reader shouldn’t be necessary, but it is, and that’s because the majority of content providers now offer such a poor reading experience online, burying content in amongst dozens of ads, or splitting up small articles across dozens of pages, in order to maximise ad impressions. This is a hateful, cynical, user-hostile approach, and it’s precisely because of this that the likes of Reader and the wonderful Instapaper exist.

In my life as a web designer, I’ve watched in horror as companies have forced clean, efficient designs to mutate into nasty ad-infested, unreadable disasters. The questions “Can’t we get at least one more ad above the fold?” and “Can we make the text smaller, so we can fit more on the screen?” still fill me with horror. And I’m constantly baffled by online publications that see fit to split a 20-item gallery of tiny images over 20 slow-to-load pages.

I’m not saying ads are inherently bad, nor that they should be removed from every website. Just don’t make them the focus. And in some cases, splitting articles in a sensible manner can actually aid usability, even taking into account the ‘infinite’ height of web pages. Just make sure that if you’re involved in any aspect of creating a website that you don’t make the user’s experience so bad that they feel compelled to use third-party technology in order to easily read your site’s articles.

Share this article:
  • Technorati
  • Reddit
  • Slashdot
  • Google Bookmarks
  • del.icio.us
  • Tumblr
  • LinkedIn
  • Digg
  • Facebook
  • Twitter

About Revert to Saved

Revert to Saved is a blog written by me, Craig Grannell, a writer, designer and sometimes musician. You can often find my work in Retro Gamer, MacFormat, Computer Arts and .net

Follow me on Twitter via @CraigGrannell, @reverttosaved (RTS updates), and @iphonetiny (iPhone app reviews).

Work with me

If you’d like me to work with you on writing or design projects, contact me via the Snub Communications contact form, or email me directly at .

iPhoneTiny.com
The Essential Guide to CSS and HTML Web Design

Donate

If you like what you’ve read and fancy buying me virtual beer, click donate badge. For really generous types, there’s my Amazon wish-list.

Recent tweets

Follow me on Twitter @CraigGrannell

Recently on Revert to Saved

Recent comments