What can Gawker's redesign teach website publishers about maximizing readership and revenue?

Facebook got the PR this past week for its profile-page redesign, but I think news publishers ought to keep a closer watch on the redesign happening over at the Gawker blogs, instead. Here’s a video showing off the new design:

The Gawker redesign attempts to address the fundamental challenge confronting website publishers: How do you keep your front page fresh to reward frequent visitors, while also featuring your best unique or evergreen content, which will appeal to first-time or infrequent readers?

Get that balance wrong, and you’re leaving money on the table.

While I’ve long encouraged students and beginning Web publishers to launch with whatever open-source or free available blogging tool that makes them comfortable, if you’re going to prosper over the long term in online news publishing, you need to have fine control over your publication’s user interface. Out-of-the-box templates and standard designs aren’t going to allow you the design optimization you need to maximize your income.

Whether you’re making money from advertising, grants, direct payments or a combination of those, you need engaged readers in order to make your site attractive to the people writing you checks. But designing for frequent, repeat visitors often leads you to bury content that could interest a first-time reader. And keeping your best scoops or evergreen content up top could lead repeat visitors to think you’ve got nothing fresh, discouraging them from becoming the loyal and passionate repeat visitors who keep your traffic numbers healthy.

Gawker’s proposed moving what it typically runs as blog posts over into what amounts to a headline feed on the right side of its pages. Clicks in that rail would load content in the main bar. But visitors would see the items that Gawker site editors consider their hottest current scoop or story in the mainbar on their initial page load, even if that were older content.

With this system, big-traffic scoops (such as Deadspin’s recent, uh, expose on pro football player Brett Favre) would remain at the top of the main bar longer for initial views, and not be pushed down (or off) the page by newer, though less popular, content.

The new design also is intended to have more visual appeal, plus more space for video advertising, and to accommodate better a TV-style programming schedule throughout the day. Regardless of how you might feel about the websites’ content, Gawker has found a collection of voices and a format that does resonate with readers, eliciting not just daily visits, but repeat visits throughout the day. Smart publishers need to be watching them.

Will this new design work? Heck if I know. But we need additional attempts at finding new design solutions, so that Web publishers have more real world data to guide them in selecting and creating their own front-page designs.

Currently, Gawker websites are using an overhead rail of thumbnails, linking recently popular stories in a bit of design hack to highlight top recent posts without pushing the latest blog posts down out of the main bar. I can’t wait to see if Gawker’s new design works better than that in promoting both increased page views, and more frequent visits to its websites, by changing the mix of popular and fresh content.

We’ll know by how long this new design lasts, of course.

I’d love to hear from more OJR readers how you’ve addressed this challenge. Or would like to.

A Sunday Afternoon on the Island of Web Design

CHICAGO – I recently spent an afternoon at the Art Institute of Chicago, admiring, among many other works, the museum’s famed “A Sunday Afternoon on the Island of La Grande Jatte,” the impressionist masterpiece by Georges-Pierre Seurat.

A Sunday Afternoon on the Island of La Grande Jatte

What on Earth does this have to do with online journalism?, I hear you ask.

Plenty. For starters, Seurat’s use of pointillism might be considered the intellectual catalyst behind the pixilation that makes all broadcast imagery, including Web pages, possible. Standing in front of this work forces the viewer to consider how countless multiple parts can come together to create a coherent whole.

And isn’t that something a Web designer ought to be doing all the time?

As I look at Seurat’s work, my eyes go first toward the sunlit shoreline in the middle-left of the work. My eye follows the shoreline up and to the right, where it encounters the faces of the couple that dominates the right-hand side of the painting.

My eye tracks down their bodies, noting their lack of facial expression, their ram-rod straight posture. A boutonniere on the gentleman and a flower on the hat of the lady provide the only splashes of color on their attire. She’s holding a leash, upon which is… what is this? A monkey?

Perhaps there is more to this couple than I considered from my initial impression. A running dog, next to the monkey, grabs my attention and draws it toward the casually-dressed smoker, lying next to another couple. The bright sunlight behind them draws my attention up, and the cycle begins again.

I stared at the painting for at least 20 minutes, my eyes cycling around the image again and again, finding new details with each trip around the canvas. This is what great, coherent design should do – to provide each individual element in a way that not only rewards the reader’s attention to that element, but that also then directs the reader to another element on the page, and to do so in a way that creates an ever-continuing cycle, where the reader never feels the need to leave the page.

What do you see when you look at Seurat’s work? When was the last time you stood in front of a great work of art?

Obviously, a website isn’t a painting. We don’t publish just single images, but collections of pages, through which we want people to click, to read and sometimes, to interact by commenting, voting in a survey or creating content of their own. The design functionality of a website demands consideration of many more visual factors than in a single painting.

But great design and visual artistry, whatever the specific format, can inspire anyone charged with creating a website that attracts and retains visitors. As writers need to read great works to refresh and inspire their spirit, designers (who should consider themselves visual artists), must spend time with great art, as well.

Too often, website design begins as the creative work of an inspired individual or small team. But by the time several layers of management have “checked off” on the project, the design’s coherence is lost. The typical newspaper website provides not one, but dozens of potential points of visual entry, with no clear path for the eye, as I found in Seurat’s work.

As a result, the reader is left confused, leading to frustration and the eventual abandonment of the website. Don’t fall into the trap of believing that “pretty” websites are immune from this fate, either. I’ve seen plenty of websites (and paintings, for that matter) that appeared gorgeous at first glance, yet didn’t hold my attention for more than that first moment. Seurat’s “Sunday Afternoon” works for me because it offers a visual pathway to keep me engaged with the work. Artistry isn’t the antonym of usability: Great art offers viewers a “way in” to the work. As should your website.

So what’s an online journalist to do?

Individual online journalist/publishers don’t have to face meddling bosses. But most solo publishers I know aren’t designers or artists, either. So they rely on stock templates or themes, which typically provide a more clear point of entry and visual pathway than cluttered newspaper-dot-com sites, but often fail to offer the inspired originality needed to stand out and command a reader’s undivided attention.

For solo publishers, I’ve long recommended getting to know as much as you can make yourself learn about every element of producing your website, from image creation, HTML markup, CMS scripting and server protocols. You don’t need to become an expert in all, but you shouldn’t continue your online publishing career with a rookie’s technical skills, either. Developing some expertise allows you the flexibility to express creativity in your site’s design that others without technical skills cannot express.

But never forget to find time to be inspired. Whether you work alone or in a large organization, seek out places such as art museums, where you can spend time admiring and understanding the visual works of others. If you are part of a large design group, invite those managers “up the chain,” who’ll be making decisions about your work, to join you.

Never cheapen your work by saying “it’s just a website.” Always strive for excellence in what you do, to reward your website visitors the way that “A Sunday Afternoon on the Island of La Grande Jatte” continues to reward viewers today. No, you probably won’t achieve that level of excellence, but your work will be better for the attempts.

Postscript: I also enjoyed this painting at the Art Institute of Chicago:

Woman in Front of a Still Life by Cézanne

It’s “Woman in Front of a Still Life by Cézanne” by Paul Gauguin. The background of this work is Gauguin’s copy of Cézanne’s “Still Life with Fruit Dish” (which hangs in the Museum of Modern Art in New York, according to the note at the Art Institute). Just a reminder that mash-ups are not a new phenomenon, and that artists for generations have been copying others’ efforts to create new works.

Is anyone on staff actually reading the mobile version of your news website?

I’ve long complained about online news publications that automatically redirect all requests from mobile devices to their mobile home page. The practice kills deep-linking online, which is especially frustrating when the deep link comes from the news organization’s own Twitter feed.

But today, I’d like to highlight another frustrating practice by some news organizations – publishing incomplete articles to the mobile version of their websites or smartphone apps.

I’m illustrating two examples here today, but I’ve encountered so many on my iPhone over the past several weeks that I often wonder if many news organizations employ anyone to actually read their mobile publications, or if they merely entrusted their mobile versions and apps to automated processes.

With mobile news attracting a growing audience, news publishers simply can’t afford to take the Ron Popeil approach to their mobile publications – “set it and forget it.” They must devote some eyeballs toward a backread of all that they produce.

Unwatched content online inevitably becomes broken content – whether it be an automatically generated mobile app, a reader-driven forum or columnist’s comments page. Watch your content, and it might still break, but at least someone will catch the problem, allowing for a swift fix.

Earlier this week, I tried to read a story on USA Today’s otherwise delightful iPhone app about a survey questioning Americans about President Obama and his performance to date.

USA Today iPhone

That’s where the story on the iPhone app ended. You couldn’t scroll down to take that “closer look.” The story abruptly ended right there.

Now, here’s how the story looked in a laptop Web browser:

USA Today Web

You can see that USA Today had built a table-driven display, featuring an individual representing each of the several categories of respondents that USA Today had identified in its poll.

Now, here was the front page of the travel section on MSNBC’s mobile version last night:

MSNBC Travel

Hey, I love Hawaii! Let’s click and take a look at some of those tips for a cheap trip to Oahu:

MSNBC Travel Mobile Article

Uh…. huh? Yep, that’s it: a head, a deck and a shirttail. No article.

Let’s now fire up the laptop and see how the piece looks in the “normal” version of Safari:

MSNBC Web Article

Oh, it’s a photo gallery. It appears that MSNBC hasn’t yet devised a way to transfer content from online photo galleries into mobile pages. Indeed, MSNBC frequently uses this technique for travel articles, especially with tips and “best of” lists, and none of them ever comes up fully on its mobile site.

Neither of these were isolated examples, buried deep within their mobile versions. The USA Today article was on the “top stories” tab of its iPhone app, and the Oahu “non-article” was the lead piece on its Travel section.

Clearly, these omissions represent significant usability failures for these publishers, as well as any others guilty of the same errors. If you can’t port an article over to your mobile version in a useable format, better not to attempt to publish there at all.

But, better yet, news publishers should take the advice that many online journalists have been offering from years – quit encasing your content in a single, specific format. Store it XML, or some other format, that can easily adapt to multiple publishing formats for multiple devices. Then assign someone to look at the product, before or after publication, to ensure that it’s come through properly. If it hasn’t, hold that article until you can fix it. It’s time to show mobile readers some love, and not hope that they’ll remain content with whatever feed your tech crew wrote.

News organization’s desire to create impressive Web graphics and presentations becomes counter-productive when those presentations are not available to mobile users. It doesn’t matter how pretty your design team makes something if the fastest growing segment of your market can never see it.