My redesign of The Oregonian’s homepage

When assigned this redesign project, I knew I wanted to tackle the homepage of The Oregonian, the leading newspaper where I grew up (Portland, Ore.). I have long thought that the site could use an overhaul for a number of reasons. Upon visiting www.oregonlive.com/oregonian, there were three things that I noticed right away. The first was the overwhelming amount of content. Text was tightly bundled everywhere on the page, much of it unnecessary or related directly to the print version of the paper (this is the digital version, please differentiate). The second was the lack of interactive elements. No opportunity to connect through social media channels was present above the “fold.” The third was the lack of visual components. There was only one photo visible without scrolling and no video. Multimedia was completely buried, and infrequent overall. End equation: Too much of one+ too little of two = unbalanced.

From my experience, users visit local news websites for one of two reasons. First, to find content they already know exists. A certain column, a particular section, etc., likely something they used to follow or read consistently in the print version. Second, to peruse a wide range of content because of brand loyalty. These users enjoy the familiarity (which could equate to writing style, ease of navigation, etc.) of the publication and visit out of habit. Without simple, straightforward navigation, neither of these constituencies is getting the experience they are seeking.

When completing my redesign I attempted to address each of these—in my opinio—problems. At first I found it difficult to leave out many of the elements originally present. I felt like I was stripping the homepage of many of the items that were essential because why else would they be on the page to begin with. I came up with a less cluttered, but still overly content-heavy page that simply rearranged already existing elements. I even kept the three-column format: talk about not thinking outside the box!

After I slept on it, I realized that I hadn’t really addressed any of the problems that I mention above. I was trying to work within the bounds of someone else’s idea and in doing so limiting any original creation. Knowing that I didn’t want to start completely from scratch, I went back and re-evaluated everything on the homepage, before deciding how I would go forward. How would the user experience suffer if I didn’t include a particular element? What did I need to add to enhance the user experience? Essentially, I was trying to find what I thought was the right balance between design and content. I wanted the end product to have value and be competitive in the online news market, yet usable and relatively easy to navigate. If people can’t find their way around, it doesn’t matter how much or how good your content is. Here is my final redesign in comparison to the existing Oregonian homepage:

Before: The Oregonian Homepage Sept. 30

After: My Redesign

Immediate Takeaways

I stripped out a lot of content, both horizontally—reducing the layout to a two-column format—and vertically—by chopping about 400 pixels off the length of the page. I kept the 980-pixel width and stuck with the same color scheme. The header is slightly smaller and without an embedded ad. I felt that branding was important, so I used the iconic Cloister Black font O next to The Oregonian name. It is repeated next to story sections in the right column. I don’t want people to think that the site is a carbon copy of the paper, but I also don’t want them to forget that they are looking at content created by The Oregonian. I grabbed some of the sidebar items and used them in my design (Photo/Video of the Day and Oregon News Updates). I think they are functional and compel users to interact with the site (why change something that works as it is?). I added a “Connect with The Oregonian” sidebar and included links to all interactive channels and content. Housing it all in one place makes it easy to find and use. Lastly, I removed all but one mention of OregonLive.com. It is a partner site to The Oregonian; they are not one in the same. This is something that is terribly unclear currently (it’s only expressly stated in the “About Us” section). I removed any ambiguity by including a single link toward the bottom of the page with text that states “our partner site.”

Now, I’ll explain a little bit more about why each problem was a problem—from my personal perspective—and how I “fixed” it.

Too Much Content

Every time I visit The Oregonian’s homepage, I’m immediately overwhelmed by the amount of content on the page. A long bulleted list of links from “Inside The Oregonian” on the left and links leading to all different parts of the paper’s “Service Center” on the right (plus a vertical banner ad) sandwich yet another list of links to stories in the middle.

The eye has no idea where to go first. No one wants to scan endless navigation or scroll down through nine sections, plus glance over 12 sidebars to find a story of piece of information. Too much content results in users clicking away. By packing pretty much everything on the homepage, The Oregonian is hurting rather than helping itself.

I think one of the main underlying issues is that the digital version of The Oregonian is trying to include far too much of what put in its print version. I can’t speak for others definitively, but I don’t visit an online news site to see what was in today’s paper. I tend to think of the digital arm of any paper as an entity with distinct readership goals that are very different from those of the print product.

Tying the website to the paper makes what is online feel like an afterthought instead of a complement. If readers wanted to look at the physical paper, in particular the front page, I think they would seek out a print copy. The website simply can’t fulfill the experience of reading the paper and so doesn’t need to present itself (looks or content) like the print version. It can function entirely separately and still offer a substantial value.

Long story short, I stripped out a lot of content. I only have four story sections instead of nine. The rest of the sections are accessible through the navigation bar under the header. Three sidebars in the left column and three at the bottom anchor what I feel is a manageable amount of content, while still allowing users to find a good deal of what is on the existing page, plus a little extra I thought was missing. I think it is important to note, and this is only my opinion, that a fair portion of the content on The Oregonian’s homepage is extraneous and nothing is lost by not having it, at least on the most forward-facing page. Anything that could go, did go.

Lack of Interactivity

What about Facebook and other interactive channels?

Interactivity is one of the key components of a strong website, news or otherwise. A page without interactive elements—multimedia (photos and video, professionally-created or user-generated), social media, and user comments/forums—is really not all the different from words on newsprint. The ability to connect with or engage with content allows the reader to have some control over how they consume news and information. It offers a level of involvement not possible with print. As such, news sites should utilize these tools, not only by including them, but making them highly visible.

I added a “Connect with The Oregonian” sidebar above the fold, as I mentioned, and placed direct links to Twitter feeds and other pages on the site dedicated to interactive features. The links are grouped and emphasized by a visual icon. By having a space specifically for Twitter, Facebook, blogs, and other interactive channels, users are encouraged to explore additional avenues of participation beyond simply reading. It also exemplifies the idea that The Oregonian wants to foster engagement and harness the power of the medium.

Where is the Multimedia?

Like interactivity, multimedia is an integral part of any online site. It is the visual window to the outside world, giving a sense of physical time and place to a story. Photos, and, increasingly video, ground news and information; they are the new narrative. Stories become tangible and as a result more meaningful and impactful through multimedia. It plays an important role in storytelling in an age where what you show is as weighty as what you say. Users look for quality photos and video as alternatives to text, or sometimes as an accompaniment. Whatever the function (supporting or center stage), multimedia needs to be high quality and very visible.

Multimedia is clearly not a priority given that there is only one photo above the fold. The amount of text totally swallows the lone visual; the eye eventually lands on the photo after having looked everywhere else on the page. Video is not visible at all without scrolling. Multimedia needs to be accessible if it’s going to be an element on the page. Why spend the time and money to create multimedia pieces if they don’t have prominent placement? To bring photo and video more to the fore, I moved the pre-existing “Photo and Video of the Day” element to the top of the left column and I added multiple photos higher up on the page. It is more aesthetically pleasing and incorporates a broader range of content right up front. The user experience is enhanced and diversified.

Wrapping Up

In the end, my ultimate goal was to create balance in my redesign. I wanted each aspect—content, interactivity, and multimedia—to have the capacity to stand alone, but also when taken together paint a more engaging and compelling picture. The whole is only as strong as its parts. If parts are missing or parts are weak, the user is being underserved. I hope that my redesign equalizes the current “too much of one+ too little of two = unbalanced” equation so that each element is able to pull its weight and contribute equally to a rich, informative user experience.

Share Button

Leave a Reply

Your email address will not be published. Required fields are marked *