Home > CSS Design, Internet > Design and Usability of the New Fox8.com Homepage

Design and Usability of the New Fox8.com Homepage


Watching the morning news a few days ago the anchors kept promoting their new site, Fox8.com formerly MyFoxCleveland.com . I forgot about it for a few days, but I’ve had a chance to visit it several times now and I wanted to give a brief analysis of the new homepage from a design and (basic) usability standpoint. At DigitalDay we’re working on a comprehensive analysis tool for judging the effectiveness and quality of sites, but while that’s still being produced we’ll look at the site on a basic level.

Although not design related, the new URL is a significant improvement. The station brands itself as ‘Fox8’ on nearly all materials I’ve ever seen, so it makes sense that they’ve moved to this shorter and easier to read designation.

Overall Design

Fox8 homepage

Fox8 homepage

When the page loads, a couple things come to mind. The page loads quickly on a decent connection, which is good, and at first glimpse the site doesn’t seem nearly as cluttered as most tv station web sites, especially small to medium market stations. The background graphic is extremely compressed (probably an effort to save bandwidth…but the design could be more abstract so the compression artifacts weren’t so prominent). Unfortunately the site was not built with large monitors in mind.

picture-1

The background graphic fades to a solid blue, so they could have easily made the body background the same blue – white gradient for a seamless transition. I realize my monitor is wider than the average users, but it’s the little details that make decent designs good, and good designs great. I can’t say I’m the biggest fan of the deep blue and red color scheme, but that’s their palette and they’ve embraced it fully.

Typography

Fox8.com uses a simple sans-serif typographic system. Lucida Grande is the main font, and while I love Lucida, it’s disappointing to see that they didn’t specify Lucida Sans Unicode as the Windows alternative (Lucida Grande is ubiquitous on Macs but rarely found on Windows machines).

menucomparison1

Instead the font stack moves to Tahoma, which has very tight kerning when bolded and lowers the readability on the main menu in particular. Unfortunately this is the way most users will be seeing the site.

picture-3

Section headers are images, but I question if that’s really necessary since they seem to simply be white Arial bold text with a heavy drop shadow. Was the shadow really that necessary? If you’re going to use images for headers, you should get as much aesthetic and branding benefit as possible.

picture-5

Fox8’s type has several spacing issues as well. In boxes like the Popular Stories feature, there is not enough spacing between list items to clearly differentiate them. It’s also unnecessary that the text in boxes like Offbeat News extends to the very edge of the box it inhabits (spacing between list items would be very beneficial here as well). A little padding would not only look much better, it’s used in other sections like Featured Links, and would be a consistent style.

Usability

From a basic usability standpoint, there are a couple of red flags on the Fox8 site. First, in the main news section stories are cycled through, but there is no active state. An indicator of which story is currently being featured would be a welcome addition. Similarly, I would avoid relying on a rollover to indicate what is a link. A user should be able to easily determine what’s a link and what is not without having to rollover it. Combine that with the inconstent link styling on the site (sometimes they’re blue, sometimes black, sometimes blue is not a link, but blue/bold is) and you have a confusing system that could be much simpler and more usable.

Conclusion

I struggle when seeing sites like Fox8. It’s a mediocre at best site redesign that could be significantly better. They have made improvements and are headed in the right directions, but in areas like basic usability and typography they could improve so much with such simple changes. I’ll take a look again in a few months and see if things have changed.

Advertisements
  1. March 4, 2009 at 6:19 am

    Great review and insight Eric, I didn’t even have to read the author to know who wrote this. As usual above and beyond.. keep it up!

  1. No trackbacks yet.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: