Fixing “View All”

Lots of websites paginate their stories  – we all know the so-called justifications for why – so I won’t expand on that argument. However, many also helpfully include a “view all” link at the footer of each page so that if you want to view the whole story on one page you can (aside: with the various time-delay readers like Instapaper or Reader mode in Safari, this might be moot now, but I still use it a fair bit).

Unfortunately, these “View All” links are totally, and totally unnecessarily, broken. Have a look at this recent Wired article: “3-D for your ears”. It’s split into 3 pages, and at the bottom is one of those links. But when I click on it, it reloads the entire page, and leaves me at the top, not where I was.

I understand their desire to do a whole page refresh – in the game of page-view-counts, one more view is presumably a good thing. But their internal CMS must also know how/where a page splits – as it provides a split option. And we have the ability in HTML to link to any arbitrary point on a page via an Anchor Link. So why not tag the bottom of each page with an anchor – something as basic as “page1”. In the View All, you could then link me to the anchor link for the page , using the #page1 anchor link. You still get your extra page view, but you don’t annoy me in the process by making me find where I was in the now much larger content block.

I think the best solution of these “View All” links would be to simply load in the rest of the content in the current page via AJAX call – so the content simply stretches down – less bandwidth for everyone involved, and significantly more “refined” feeling in practice – but as I said, that doesn’t help the page-view-count game.

Because these view all solutions are currently such an annoyance, I find myself clicking the “Reader” button in Safari on almost every site I go to that paginates their stories. But for much the same reason I was never big on reading sites in RSS readers, I don’t particularly like this interface. I like the content to be snuggled in the chrome it was intended to be in.

Online News, Titles & Usability: The Globe & Mail Gets It

I spend a lot of time reading news online – far too much really. And why not? It’s an easy way to get a wide view of current events. Generally, in any given week, I’ll read through at least 2 stories from The Globe & Mail, The New York Times, The Vancouver Sun, The Guardian, Al Jazeera (english) & Le Monde. There’s a slew of other sites as well, but I’m focusing on “traditional” newspapers and their online forays. Each of these sites shares some layout similarities – I don’t want to talk about their design for this post – a leading article + accompanying photo at the top, under their masthead, then a list or grid of other articles. Some look more “bloggy”, others more “newspapery”. When a story breaks, a fun little activity I do is to canvas the headline for that story from each of the news sites I read to gauge their editorial take on the issue (firmly pro, anti-, on the sidelines, reluctant, eager, etc). I’ve come to the belief that the leading headline (is that the lede?) reflects the political leanings of the paper more than any other visible element. As a result, headlines are often somewhat misleading as to the content of the story hidden behind it – the lede is there to “sell” after all.

Because all the article titles in an online paper are links, this is the information that I have to decide whether or not to read a story – there’s occasionally some intro text for the lede & other important stories, but often, I’m basing my decision whether or not to click solely on the link text. Let’s take a look at 3 photo + headline combos that are around today.

First, The New York Times:

Judy Dench
Story about Judy Dench's Memoirs in the NY Times

There’s a photo of the subject of the article, Dame Judy Dench, but slightly turned away – I suspect many readers might have no idea who she is. The headline isn’t any more informative either. We can assume that the article is about the woman in the photo, but maybe not. And do I care? I don’t know who this person is. There’s not really a lot to help me decide whether or not to read this article. I personally don’t find a compelling reason to click through this.

Now let’s have a look at a headline I pulled from the Washington post today:

Story about debt from the Washington Post

This headline I find more informative, although I’m never fan of stock art without good reason. Certainly an editor could have found a more compelling image about American debt than a piggy bank? But at least I know who wrote the article (if that matters, and when it was posted. Both useful pieces of information in the online world. I go back and forth on the WP’s habit of including a couple of related stories. I like it because it groups related stories together, but I also find it distracting, because sometimes the related story is what I end up clicking on, and forget about reading the main headline. If you click on the main headline, you can still find the related stories (oddly buried in the middle of the main story), but  not vice versa – click on a sub-story and you’ve lost the relationship established on the home page. But again, nothing here tells me what I’m going to be reading about.

Finally, the Globe and Mail:

Video interview with Bono about aid

Much like the other 2, this title isn’t terribly informative. I know from the thumbnail that I’m linking to a video (actually, this bugs me: When I see a play button, I expect to be able to play something in situ, not be sent somewhere else – why doesn’t the video just expand and play right there?). The headline is ok – not terribly informative or compelling, similar to the other papers. But here’s where the globe and mail really shines: Mouse over that headline, and they’ve made smart use of the title attribute to provide additional detail about the article underneath. In this case, it reads: Bono, singer and activist, speaks about aid getting smarter since the 1960s. “Don’t be put off by the past. The present aid is working.” So I get additional insight into what I’m about to read – some context, to help me make my decision. It makes such a difference when presented with a long list of article headlines as to which I actually click on. It’s trivially easy to program, and yet the Globe is the only newspaper that makes use of this. It’s primarily why I consume the Globe more than any other paper – they help me make my reading decisions easier. I can scan the homepage quickly, easily get more context on a given article to decide if I want to read it, without having to click through to read the intro paragraph.

It’s a simple thing, news sites: Help me make my reading decisions easier. It takes me 2 clicks to get any other newspaper in the world to read the same story – so make me want to read at your site. Adding titles with information about the article I’m interested in is one tiny little detail that isn’t hard to do, but it’s that attention to detail, sweating the small stuff to improve usability & accessibility that will make winners and losers in the age on online media.