Wlbz2.com is the news Web site of television station WLBZ in Bangor, Maine. Its help page says, "It can be tough to find everything that a website has to offer." The rest of the site aims to prove that statement.
- The home page leaves room for about two stories above the fold: a lead story, placed dead center, and part of a second story that's located to the lower left. (That is, under the banner ad, to the left of the rectangular boxes that look like ads, and to the right of the left-rail boxes that look like ads.) This MSNBC-style spotlight on a single story leaves me searching desperately for more content. And finding little more than rectangular JPEGs and GIFs. And getting progressively frustrated.
- The problem is, the banner ad cuts sharply through the middle of the page, leaving everything disjointed. Everything on these pages seems to be compartmentalized. I feel claustrophobic when I try to focus on a part of the page, and I feel overwhelmed when I try to take it all in at once. (The sharp contrast between blue background and white foreground may add to this.)
- Perhaps more content would fit if the large, blue, drop-shadowed image at the top center of each page were eliminated. It measures 495 by 85 pixels, weighs 10 K and achieves nothing. A study has shown users expect the top center of a Web page to contain banner ads, but in this case, there's no ad -- only empty space. And I think that's why that giant slab o' blue feels so awkward.
- If that banner ad was moved up there, the news content would no longer be split into two sections, loosely joined by a "continued below," and it would feel a lot friendlier.
- Well, whaddya know. The site uses breadcrumb navigation, as I discussed yesterday. However, I question its usefulness here, as it uses different names for its site categories (e.g. "Our station") than the left navigation bar does (e.g. "About Us"). It's a noble effort, but consistency would help.
- When I checked, the Weather Extra page presented a 473 by 319 pixel image that simply displayed five lines of text over an image of red roses. To devote 49,389 bytes to an image that displays five lines of text is absurd. And, to make matters worse, the image lacks ALT text.
- Speaking of unnecessary file size, I was intrigued by the sheer amount of overkill -- both graphical and textual -- on this site. I tested the food page and found it weighed 260K, with images, script and all. The page's necessary components (the content unique to that page) weighed around 2K. Yes, that means the page weighed more than 100 times what it could weigh.
- Adding significantly to the page weight are the rectangular images under "NEWS CENTER Segments." As far as I can tell, they appear on the right side of the content area on every news story page. They tease to other news content on the site, such as special reports. Not only are these images excessive, they look like ads, too, so my eyes ignore them. If they were text links, they'd give the page more breathing room, they'd save tons of bandwidth, and, heck, they'd probably get clicked more often.
- The image of a person clicking on a mouse has got to go. This stinks of "Oh, I need to fill this slot with an image."
- There's a "Recommended Plug Ins" message in the lower left corner of each page. It recommends Acrobat Reader and Flash, but it doesn't link to them. Instead, it provides a pair of indecipherable 12 by 12 pixel images.
Alas, all is not bad with this site. I believe every news site can teach us something other than what not to do. Here are a few positive points:
- The left-rail navigation, shaped like a remote control, is a breath of fresh air in the artistically drained world of left-rail navbars. It's different enough to be quirky, but it's not so different as to confuse users. A remote control is the perfect TV analogy for navigation; and such user-interface analogies are hard to pull off. (Of course, using an image map for navigation means users won't be able to resize the text if they think it's too small...)
- Another good thing about the remote control: The Web designers were thoughtful enough to give the image map ALT attributes. This is especially appropriate for the upper four "arrow" icons, which were meaningless to me until I held my cursor and saw the ALT content in a ToolTip.
Pitch in with your own review of wlbz2.com by posting a comment below.