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 it time for news websites to stop using Flash?

Like many tech-geek online journalists, I’ve been spending more time with my iPhone in recent months. I use the phone’s Web browser to update my various sites from wherever I am on the road, or even around the house.

And I’m not the only person using Apple’s mobile devices who’s reading my various websites. The percentage of iPhone, iPod and iPad users reading my sites now stands just a hair under five percent, but it’s growing swiftly – up from just over one percent at the beginning of 2010.

So it’s as both a consumer and a publisher that I’ve been following the ongoing battle between Apple and Adobe over the latter’s Flash technology. Journalism educators should be watching this conflict, too, as they need to be making decisions today about what technology their students will need to be able to use in 2011 and years ahead. Today, I’m offering a collection of links for OJR readers who want to get up to speed on this controversy.

Apple’s mobile devices do not display Flash content and won’t be in the future, for reasons Apple’s Steve Jobs laid out in his famous open letter last month. As an iPhone user, that’s led me away from websites that rely on Flash and toward other, more mobile-friendly alternatives.

I’m finding myself doing the same even when I am using my laptop. Ten years ago, I adored Flash photo galleries. Today, watching stuff move on my computer screen isn’t enough to excite me anymore. I prefer user interfaces that allow me to skim and scroll through information quickly, lingering on that which I find interesting and moving swiftly past the rest.

I don’t like having to click and click and click to see something. Nor do I like having to wait for large presentations to load, or annoying transitions instead of instant display when I do have to click. (My wife late last year expressed frustration with Flash-driven websites more eloquently than I could, so – as I often do in life – I defer to her for further argument.)

My experience as a consumer is leading me away from using Flash as a publisher. Is that the case for other publishers? I don’t know. But I think that journalism educators would be smart to start thinking about alternatives to Flash-based presentations when working with students who are trying to find the best form for their online storytelling.

Apple and other platform developers are pushing HTML 5 as an alternative to Flash for displaying motion on webpages. Streaming Media and Wired offer some interesting background suggesting why Adobe’s not been able to convince companies such as Apple to embrace Flash on mobile devices.

But what is HTML 5 and how can it do what Flash has done so long? Roughly Drafted offers a great timeline for the development of HTML 5, tracing it back to the early days of hypertext markup.

Online journalism’s go-to source for Flash training long has been Mindy McAdams, so it’s no surprise that she’s stayed on top of this issue. She defends the continued use of Flash in journalism while offering a sound overview of all that HTML 5 can do. And in a follow-up post, she goes into greater detail about the use of HTML 5′s “canvas” tag, which provides the Flash alternative that many developers are beginning to explore.

Please take a look at these links. Even if Flash survives and thrives as a publishing tool into the 2010s, its use will be influenced by the development of HTML 5, potentially narrowing and sharpening what constitutes the “best use” of Flash.

The controversy over Flash, at the very least, provides journalism educators a teaching moment in which to reinforce the important message that no publishing technology is eternal, and that journalists must be prepared to either train themselves, or seek training, on new publishing tools and techniques throughout their careers.