Written by Wilbert Baan

Today is the day of the US elections. I don’t think we ever had a live event on the web that will get so much live coverage. This means incredible amounts of information will be published over all kind of services and social networks. Websites like Facebook, Twitter, Flickr, WordPress, Blogger and many more.

Most popular web services have programmable interfaces. These interfaces allow developers to extract information out of the system. This creates a whole new genre of storytelling: storytelling with public databases. You can aggregate the information you need and sort it the way you want.

To prove the concept I made three small mock-ups. They all use search.twitter.com to see how people voted.

When I made the first the first animation Erik Borra replied by developing the idea into something that stores the data retrieved from Twitter in a database. I made a new interface that shows a graph based on what people say they voted on Twitter. And the result is a Twitter Poll.

These three examples are not representative data, it is extracted from Twitter. But it shows you how much personal and valuable information is in the public database. All you have to do is ask yourself what you want to tell to your readers and if this information is available.

I voted

This animation gets the latest twitter message where someone says they voted on McCain or Obama. It automatically refreshes.

What Twitter votes

In this animation Erik Borra stores the “I voted” messages in a central database. And I made a visual interface for the data. Obama is popular on Twitter. Refresh the window to see if results changed.

We say

In this animation you can click on keywords to construct a query. It searches the Twitter database for matching Twitter messages.

PHP Freelancer

Written by Wilbert Baan

The last year has seen social networks like Facebook and LinkedIn updating the design of the homepage to turn it more into a notification page: the homepage as a place where you can see what your friends are doing. Your virtual center of the network.

These updates let you know what your friends are up to, but they also let you know what your friends like or share. The social networks often work as recommendation networks as well.

New technology, new business

Google added relevancy and order to hyperlinks and is very useful for the active searcher: someone who’s looking for something. Social networks add relevancy to hyperlinks you’re not searching for. The networks provide you with new information and new articles recommended by virtual friends.

Both are in a business that was traditionally the business of a news provider. Google gives you insight and background information. Social Networks keep you up-to-date and recommend information.

Does this design shift also affect the future design of news websites?

The average news website probably publishes around a hundred articles every 24 hours. We can’t and don’t want to read all the articles a news website publishes. We need filtering mechanisms.

News websites add hierarchy to the news by presenting the most important things first. But this is a mass hierarchy. It’s not personal. The sorting is based on what the news website thinks will interest most people. And this works very well for the most important news.

The news website is a large pile of stories. Is this still in the best interest for a reader? His or her most valuable asset is time. Sure there is some news you need to know about, but you get to know about the important facts through your social networks as well.

And if you know the facts you can learn more by hitting the search button. The news website is still a database with a single entry, the frontpage. This makes it vulnerable in a distributed environment.

Distributed environment

The future of information presentation (at least for the long tail of information) will probably be user-centered. Mobile devices are extremely user-centered. Successful access points like interfaces and devices provide readers with the most relevant information.

Time is our most valuable asset and the reduction of noise is a serious proposition for any new service. News itself is relevant, there is no question about this, but how do you deliver your content in a distributed environment?

Type of environments

There are different environments.

1. Get your content on other platforms through syndication or API’s. The problem is monetization, although you could distribute the news and link back to your website with hyperlinks in the text that link to more in-depth coverage.

2. Your content on your platform with a personalized presentation based on your own network or an external (social) network.

3. The current form of presentation where your content is on your platform presented in your hierarchy.

What can you do as a news website to be more relevant? Should news websites learn from the design of social networks and move to a more user centered approach? The New York Times is already doing this with Times People and with EN.nl (the project I work on) we created a personal selection based on your reading habbits.

Your Thoughts

What design elements that originated in social networks do you think could very well be applied to the basics or every major news homepage? Or what are the arguments not to implement this kind of functionality?

- Share articles with your friends
- See on what articles your friends commented
- See what your friends are reading
- See what news is happening close to your friends
- See news topics your friends subscribed to
- Discuss an article only with your friends

PHP Freelancer

Recently my attention has been drawn to the Dutch news website www.en.nl. Wilbert Baan, interaction designer for the Dutch newspaper de Volkskrant, told me he wants to see “what we can do with news, social networks, wikis and more.

“I think you might like the experiment we are doing,” he wrote.

And bloody hell was he right.

The first thing that strikes you about the site is the bar chart across the top of the page, replacing the traditional masthead. This is a newsriver:

Down the outside column is a list of articles from the past hour:

That’s culture shift number 1.

At the bottom of the page you will find recent images, social bookmark sites, most commented articles from the past 24 hours, most important and most viewed.

Culture shift number 2 is the list of incoming links to this article – something built into the very fabric of blogs (pingback) but so far either anathema to mainstream publishers (“send our readers elsewhere?”), or difficult with current content management systems.

And with one simple move the site demonstrates it’s part of the conversation.

The ‘most important’ list is also worth looking at. How did they decide what was “most important?” I asked.

“We are using around ten variables to decide what’s important news. The variables we’re using right now are pageviews, visits from external websites, unique referrers to an article, comments, votes (4 options) and the press agency urgency variable (3 options; normal, high, very high).

“By showing it next to the most viewed we can easily see how it works and adjust the settings to make it better. It’s not perfect yet, but it already works remarkably well.

“We could extend this even further (tags, edits, tag removals) or skip some. All the variables are connected to points, we can set a default amount of points to a variable and define or redefine the value for the website.

“We also made a tag sniffer at http://www.skitch.com/wilbertbaan/8733/en-tag-sniffing – it scans the text on certain names and auto tags the article.”

Wilbert’s next step is building a community that can contribute to make this website better with ideas or criticism. The newspaper is already conducting a conversation with readers on a NING social network where users can contribute new ideas and discuss the website (in Dutch), but clearly this is just the start.

“For example we could connect a popular social network to the website and use what your network reads to alter the presentation of the news. Or make section pages, or a frontpage?

And all this is possible because of a Holovaty-esque focus on the power of databases.

“The most important object is the database,” he writes on his blog. “We designed the database from a view that almost everything is possible with the data. We store a lot of information that might be valuable in the future. This allows us to experiment freely with the design and think up new features. The database is the most valuable asset of a news organization.”
And this means they can do “Almost everything. We can make mash-ups, feeds, aggregated pages. Hook in to social networks, extend the wiki functionality, and more. Technically everything is possible.”

Keep an eye on this one.

UPDATE: Wilbert writes: “We have added feeds for every tag, latest news and breaking news. We have also added a personal feed that can be created by selecting the tags you like or don’t like. Very rudimentary, but it is a first experiment with personalization (My feed: http://en.nl/en/my_rss.php?editorId=3) and you can take it anywhere you want.

“With these feeds we are encouraging developers to experiment with news sorting and make their own interface or mash-up.”

Read more posts about future newspapers here

PHP Freelancer