Yoan Blanc’s weblog

Another lost swiss guy

Browsing data on a timeline

Yoan BlancMon, 14 Jul 2008, ,

It seems that the timeline is the new map. The famous Google/Yahoo!/… maps that enable so many so-called mash-ups (we all put something on a map and said: “wow, that is cool”). The timelines are hype these days apparently, with Wikiwix, Plurk, Dipity or the swiss one: Mixin.

I recently bumped on some prototypes for Firefox history browsing on Planet Mozilla, made by Wei Zhou: very impressing and interesting. It makes me realizing that the common single issue for all the calendar or timeline I saw aren’t going with the internet way. If you recall “Dao of web design” back in 2000, the internet is a new media with new rules. We have books with pages, agenda with grids but it doesn’t make any sense — most of the time — to strictly reuse those paradigms onto the web. Anyone tried flickriver (or twitterriver) sees directly how enjoyable this is to only scroll down and not having to deal with pages.

From my point of view, timeline for the web have to be flexible. More data: can I have a bigger space then? It’s empty: so collapse it to the minimum. A timeline is after all, the vertical scrolling made horizontal. Plurk even catches the scroll event, which makes me crazy. A timeline, have to use the maximum space it can, because you’re putting the visitor into something new, or different at least. A user, I, will continue to take advantages of what he knows. Dipity does the work pretty well because it puts all the content inside it, everything that is external belongs to meta data or actions you can trigger. Proof is you can browse it fullscreen.

A timeline is a browsing facet you can offer, but don’t rely on it too much as you cannot rely on a map to create an application. It cannot define it. On the other hand it is a great help. A timeline is more visual than a list, more direct. You can remember it from time to time and figure out what changed since last time I saw it. You also should be able to see where are the hot spots, like you do with a graph.

“Content precedes design. Design in the absence of content is not design, it’s decoration.”Jeffrey Zeldman

Timelines or graphs aren’t data, are nothing without them. All visualization metaphors have to serve the content, to make it more understandable, actionable or relevant. If it’s not the case, maybe remove them (and read “Administrative debris”) It’s almost certain that I can be amused to discover a new way to browse data, to engage with a web application. Everyone wants to get things done, in a pleasant and simple way and it’s not a map, a timeline or anything else that you may imagine that will solve your problems. It’s like regular expressions, now you have two problems, don’t you?


Timeline for Bikini Test agenda.

Anyway, I made a little timeline experiment. It’s for the well-known Bikini Test and in French... have fun. It’s quite interesting to see how Firefox, Opera and Webkit (via Epiphany) behave with it. Webkit wins.

Avec Dipity, Plurk, Wikiwix et Mixin, la timeline est-elle devenue la nouvelle carte. Ce gadget qu’on va placer partout, entre deux accordéons Javascript pour attirer le badeau assoiffé de web 2.0. C’est certe un élément intéressant pour de multiples raisons, prenez juste garde au facteur hype qui ne passera pas l’hiver.

Sur planète Mozilla, des prototypes réalisés par Wei Zhou imaginent une navigation assez intéressante de ces bookmarks, intéressante car spaciale, offrant ainsi au lecteur plus d’élément lui permettant de remettre le lien sauvegardé dans le contexte où ça c’est passé. C’est cognitif et franchement titillant. Ce que ces mockups m’ont inspiré est l’élasticité du temps, des informations, rien n’y est linéaire, constant ou répétitif. C’est être créatif, inventif que de réussir à s’y adapter, à sortir de la grille de l’agenda papier pour en faire une caricature à l’image du temps présent. Comme le web doit sortir du média papier, des livres pour définir ses règles, réflexion amorcée en 2000.

J’ai rapidement réalisé une timeline pour les informations du Bikini Test, des soirées, le plus souvent le week-end où la vue mensuelle traditionnelle est bien inintéressante et ennuyeuse à consulter. L’idée est d’ouvrir les jours à contenu et refermer au minimum ceux sans. Au minimum dans le sens que garder en trame de fond les espaces vides donne de l’emphase. C’est assez rudimental et, de mon point de vue, sympathique.

Un outil comme celui-ci sert le contenu, n’est rien sans lui, doit s’effacer pour lui laisser la première place, le devant de la scène. Dipity le fait assez bien à mon sens, il immerge bien dans cet élément nouveau car rien de ce qui l’entoure ne vient brouiller son utilisateur et un débutant va retrouver une scollbar, certe horizontale mais utilisable. Plurk au contraire, et de mon point de vue, plonge dans un monde un peu bâtard où ce qui est en dessous de la ligne de temps a son importance. Scroller avec sa souris va avoir un comportement différent suivant où on se trouve m’amenant le plus souvent à un comportement non désiré, donc un peu frustrant.

Pour conclure, un design comme une interface riche sert son contenu et doit s’effacer pour lui laisser le devant de la scène, l’accès premier. Ce qui reste comme bruit doit être supprimé si ça n’a pas plus de raison d’être là. La force d’une timeline sur une simple liste est l’espace, les choses vivent dans un autre espace, le temps qui est représenté et permet de facilement se faire une image mentale des choses, et de les mémoriser d’un clignement d’œil. Pour faire un essai, enlevez les avatars de Twitter et regardez combien de temps il vous vous pour réaliser qu’il y a du contenu frais ou pas. Autrement plus selon moi.

About

meYoan Blanc is a web developer that lives in Lausanne (rue Couchirard 15, 1004 Switzerland) worked for Yahoo! and comes from La Chaux-de-Fonds. This web site is for this weblog, a playground for random stuffs and can help keepingmeconnected with some friends out there.

Get my vCard or contact me by phone (+41 21 625 82 09) or email ().

Misc

RSS, list.blogug.ch

This site reflects only my opinion and is not affiliated with anyone else.

copyright 2006-2008 — doSimple.ch