WilbertWelcome on my blog, it's my personal space about things I like, projects I do and thoughts I share. Feel free to comment, I enjoy reading your ideas and opinion.

You can also find me blogging at the electronic music blog eclectro.nl and journalism blog onlinejournalismblog.com.

Wilbert (more & contact)

Recent Comments

Wilbert 3 recordings ...
Nic Nice article. Discussion here : http://www.fubiz.net/blog...
Wilbert Did you make sure to use the right embed tags? You have to a...
Bran I use flash and dreamweaver, I have tried fiddling about wit...
Wilbert @Alex, thanks for the overview, nice link....
Wilbert @Inge True, a human (editor, friends) selection is special a...
Alexis Brion Hi Wilbert, I like your article a lot. It's interesting to m...

Relevancy? The first experience sucks

Hi, hypernarrative is a blog by Wilbert Baan about Art, Media and Technology with a focus on interactive storytelling. If you're new here, you may want to subscribe to my RSS feed with Google or Netvibes. I'll post a few messages a week. Thanks for visiting!

What your friends are reading (LinkedIn)
At the Next Web conference there was an overall urge for relevancy. You noticed it in presentations and startups. Unfortunately there weren’t many speakers that had exiting answers. In his presentation Robert Scoble made clear that for most new web applications ‘The first experience sucks‘.

Why?
This is inherent to how these new web applications work. The webservices that are doing something new are often ‘connected‘ applications. Websites and widgets connect information and people resulting in a new collections and new relevancy. This relevancy will only show itself when using the service for a while. Which is - of course - difficult to explain to a user when he or she signs up.

This is a user experience problem, but not one we will not find a solution for. The friendfinder button in most new web services enables you to import your Gmail contacts or another social network. Most applications are doing something similar to a service that already exists, with the open web (API’s and feeds) technology should be able to suggest a personal social profile before you start.

When information gets fragmented
What’s more interesting about this is what this search for relevancy really means. The web was always used similar to previous media. We made pages and domains on the web. Information was reserved for one place and relevancy was made by the website editor. This can be a news website or a blog.

Now the web is evolving in something that goes beyond what we are used to. Everything gets fragmented, distributed and aggregated. Information (text, photos and video) transfer from one online place to another. Information gets distributed and duplicated. The collection made by the creator is getting less relevant.

The distributed future of this blog post
For example this blog post is distributed through RSS and it will be picked up by a dozen of spam blog that will all duplicate the entire text and distribute it again. All these blogs are indexed over and over by aggregators like Google or any other. This blog post is written in the context of my blog, but most people will probably read it in another context. Specialized companies trace discussions about brands on the web and redistribute relevant articles. Social networks are crawling the web to show articles that are personal relevant to your profile (LinkedIn).

Data is made to be duplicated
The incredible amount of fragmented information is what makes the web interesting. New social recommendation tools, networks, online friends, aggregators, feeds and widgets are breaking the web apart. This is what makes the web really exiting and work like a network.

This is difficult to understand and use by publishers, copyright lawyers and designers but more relevant for the user. The reader doesn’t care what blog or website presents a good article or where they read it, as long as they can read it. The most important value is the relevancy of the presenter, this can be a system or your friend.

My first iPhone (news)website

Journalism, Mobile culture, Things I do, Usability - Wilbert on March 18, 2008 at 10:08 pm, 3 Comments

iPhone

Last night I made my first iPhone website. The iPhone has a full Safari browser, but you can also use some iPhone specific styling to make a website better accessible on an iPhone. Today we connected the stylesheet to the EN database making the EN newssite available on the iPhone platform.

en.nl/iphone

startupscreen
Uploaded with plasq’s Skitch!

I have said it before, but I really think that the future of information is in databases, meta information and API’s (public or not). Making this website was done really fast (20 minutes CSS & 20 minutes coding by a programmer) because all the information was easily accessible.

If you want to make an iPhone website make sure to check the User Interface Library for Safari development on the iPhone. For mobile phones we also made en.nl/mobiel

Reinventing the News Website


EN.nl (and.nl) is a new project where we are experimenting with new media, users, technology and journalism. This project is an open project where the public process plays an extremely valuable part in designing and shaping the news website.

The online news industry really changed over the last years. I think we’re at a point where every self respecting news organization takes the web as a serious medium that requires a different approach then previous media (newspaper, television, radio).

Some see these new possibilities as a threat and try to protect what they have. Which is I think the worst possible strategy (looking backwards into the future). Others see chances, new competitors, new technology, new journalism, new markets and new ideas.

I love a quote I heard in an interview with someone at the Washington Post. He said his ambition is to be the new CNN. With new media and technology this ambition is realistic. A company like the Washington Post (newspaper) can see CNN (television) as its competitor.

Google / AP
Google can be a news service. Why wouldn’t they? They have the database of intentions, Google knows what people are searching for and they can - like any other company - subscribe to press services. The value of press agency news is devaluating in a way that it often ends up in duplicate copies with a different lay-out. Try to search for an AP article headline. I’m sure you will find a dozen versions of it, all exactly the same.

Online news is moving to something where added value counts. What can you add to the news (omnipresent). Is it a personal or political view? Is it the selection you make? Is it a community? Are it your reporters or journalists? What is your added value?

In technology communities, collaboration tools and social networks are redefining most services and institutions. Why shouldn’t services and technology like this redefine how we consume news?

This is what EN.nl is about. We want to experiment with everything around news from a practical point of view, let’s make things.

Wisdom of Crowds
The Wisdom of Crowds believes a group is smarter than the individual. The Wisdom of a crowd can be very valuable for news. In the public opinion the idea of a wiki collides with news. I think a wiki-based system can work for news if you make sure the process is transparent and everyone can join the discussion.

Sure you will have to deal with vandalism, this a technical problem to solve. A reader doesn’t have to be an expert on everything, the valuable wisdom of an individual can be something he has read or seen somewhere else. The Wisdom of a crowd is about all the knowledge, not just the expert knowledge. The biggest challenge is get the knowledge and use it as a contribution.

Traditional media floats on the wisdom of a few wise people who create value by the choices they make. Social media uses the wisdom of your network en wiki media taps into the wisdom of a crowd. All have advantages and disadvantages.

The design
For the design of this new website we also experiment. The most important object is the database, 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.

The newsriver navigation
Newsriver concept
The newsriver is a principle that regards news as a continues flow of information, where you can hook in whenever you want (An RSS feed). For the first version of EN we are experimenting with this idea in the navigation. I don’t know if this is it, it’s different from the navigation we are used to.

En.nl article newsriver concept

What we can do?
Almost everything. We can make mash-ups, feeds, aggregated pages (screenshot draft design below). Hook in to social networks, extend the wiki functionality, and more. Technically everything is possible.

What does the news site of the future look like? Join the debate and discussion here or in Dutch at http://ontwikkelen.ning.com.

Draft theme page

Is the traditional weblog lay-out still sufficient?

Featured, Interface design, Usability - Wilbert on January 12, 2008 at 11:45 am, 4 Comments

Eclectro Column Design sketch

There is an interesting discussion going on about what’s the most effective design for a blog homepage. Is it a single page design or a homepage with excerpts? Blogs are moving to excerpts and there are some good reasons for this.

For example let’s take the statistics of the Eclectro website. Those are interesting because last month we changed the lay-out from a single page design into a magazine-style design with only excerpts on the frontpage.

The Eclectro weblog - a Dutch weblog about electronic music - started in July last year, it is written by volunteers and reaches around 15.000 visitors a month generating over 40.000 pageviews a month.

Why re-design
The reason for the Eclectro re-design came from the content. The high speed of new articles made some other (valuable articles) drop of the frontpage too fast. There was no visual difference between short posts, sometimes only containing news and the special posts containing unique content or special reviews.

This could all be solved by creating a magazine-like template for the frontpage, and so we did. The downside, you have to make an extra click on the homepage before you can read the article. And maybe there would be some resistance by the readers.

The effect is very good, not only are we able to show more posts on the homepage we can also show more headlines and excerpts in the first screen (before the scroll). Dropping the single-page website had actually has no negative effect at all and we haven’t got complaints about the change of homepage style.

Here are some statistics * of the Eclectro homepage (with 9,401 views in december and 8,373 in november; total visitor number (15.000) for the entire site is roughly the same for these 2 months)

(* thanks to Inge):

9,401 Pageviews on the homepage
Previous: 8,373 (+12.28%)
- good: with a similar total amount of visitors, the number of homepage visitors is higher than last month, which means that more people see all our content.

00:01:49 Time on Page
Previous: 00:02:14 (-18.62% )
- the lower number makes sense, since the real messages are on another page.

29.48% Bounce Rate
Previous: 42.02% (-29.85%)
- excellent! apparently, people stick longer and are better teased to click further and not leave at once.

25.05% % Exit
Previous: 33.49% (-25.21%)
- again, excellent! less people leaving, more people clicking through.

Connection Speed Eclectro / Netherlands
The image shows the average used connection speed of visitors on the Eclectro website over the past half year. High speed connections are mainstream.

Screen Resolution Eclectro / Netherlands
The image shows the average used screen resolution used by visitors on the Eclectro website over the past half year. Average screen width is growing, although the height isn’t. Widescreen is very popular.

What does it mean?
The average viewer of the eclectro website has a pretty good connection and a reasonable screen width. A blog template was designed with scrolling in mind, one long page with the ten most recent posts on the homepage. Around the same time this single-page blog-design got popular we did see RSS become very popular as well. The design of a feed is often similar to a blog.

RSS is chronological the way the original blog design is. The magazine style is more based on the content itself. Making a selection in what is the best content. RSS is more valuable for the real heavy user of a website, is there something new I haven’t read? A magazine design is more useful for the average website visitor. The guy or girl who types the url a few times a week to see what’s new and more important what’s interesting enough to read.

Are RSS, widgets, Netvibes, iGoogle and e-mailsubscription accepted so broadly by heavy internet users that we can drop the single-page design? What do you think, and what do your statistics tell you (please share). Should all blogs with more than two posts a day seriously consider a design with only excerpts on the frontpage? Or is the single-page not dead at all?

Everyone is a publisher. So, what’s the problem?

Cat
2006 was the year of the people (Time magazine said so) In 2007 the elite joined the discussion, and more outspoken than they had been in the last years. In short, the web is crap! Or at least a lot on the web is crap.

Andrew Keen talked about how everyone has the same voice, we don’t check facts or sources and basically create an environment with so much * useless * information that it could have a negative effect on culture in general.

I don’t believe public / universal access to information and publishing can have a (lasting) negative effect on culture, creativity or anything else. What I do believe is that the discussion is connecting the problem to the wrong cause.

What’s the problem?
The real problem isn’t that everyone has access to information or can publish anything he or she wants. The problem is you can’t find what you want and are confronted with the things you don’t want to see or know.

In an ideal situation the web only gives you the correct answer to what you need or want.

The discussion shouldn’t be about the mass joining and filling the web with everything and photos of their cat. The discussion should be about how do we enhance our filters.

The discussion only emphasizes that filters and thus search engines aren’t yet good enough, otherwise we wouldn’t be having this discussion.

Developing the signal to noise ratio
2007 was about social recommendations and social networks. The social web works with filters by like minded and ‘friends’. Mix this with the power of a search engine like Google and we are closer to the next stage of navigating through information on the web.

Don’t say that what people make or do is not good enough or wrong. Just be happy they tried.

I have updated the original photo in this post with a new one.

Volkskrant website redesigned

Things I do, Usability - Wilbert on December 7, 2007 at 1:40 pm, 0 Comments

Volkskrant website redesigned

Last week we updated the design of Volkskrant.nl. Most of the changes came from usability research and the natural change of things at a company. The previous design update was one year before.

The front page of the website is still the major outlet. RSS feeds and widgets are important, but most traffic is still generated on the homepage. With the 2006 update we changed the complete structure, last weeks update is more focussed on the presentation of the front page and article page. We improved on readability.

We have good arguments for everything that changed, some minor details, but I think the visual direction we’re heading is a solid one. What is more interesting is what this is the start of.

Object oriented design
We (users of the web) go to an object based environment. Widgets, feeds and API’s are all made to be transportable. With this new phase of data-transportability we need a design that can work with this. You need a lay-out that can be as exportable as your xml. Simple, clean and understandable.

Different parts of the Volkskrant website are made by different providers. What you want is a design that is extremely extendible like Lego, uniform like Lego and creative, like Lego. You want design to be object oriented as well. Instead of just an overall design philosophy.

There is a simple reason for it. There is just too much. The future of website development is one where not a programmer, but the designer could be the limiting factor. We can use widgets, script libraries, export and import content over databases, but we have to ask a designer to provide style elements.

Templates and CSS worked great in centralizing design, but what if your content starts drifting away? How will you stay consistent over all those widgets and interfaces? It’s a designers nightmare.

Everyone will be designing
Sure it’s great to have full control over all aspects and use of a design, but this could eventually slow down progress. We have to think around it. Style guides are a classic solution for this problem, but those are often made for other designers. Not for programmers, editors or users.

I think this new lay-out will give more freedom to develop object oriented design, small common objects that make it easy to combine and present great content. It’s like designing Lego blocks instead of the castle. And I’m quite happy with it.

There is more, go the next page