Kindalab, le blog

Je pars du constat que les livres n’ont pas tellement changé depuis leur création il y a plusieurs siècles et je crois qu’on peut aujourd’hui créer un nouvel outil capable de durer aussi longtemps. Mais qu’on se le dise, cet outil n’est pas le web actuel, je pense qu’il faut oublier l’existant pour créer quelque chose de totalement nouveau qui prendra en compte à la fois les moyens de communication passés tels que les livres, les journaux, le téléphone, la radio ou la télévision, mais également les nouveaux outils comme l’e-mail, les newsletters, le chat, les forums, les blogs, les podcasts, les réseaux sociaux, etc. J’en suis certain, cet outil de convergence ultime reste à inventer, les navigateurs web actuels ne sont pas adaptés à la diffusion des objets et je crois que le moment est venu de créer quelque chose qui dépasse le concept de « navigation » pour aller vers celui plus général de « communication ».

En gros, les navigateurs mettent aujourd’hui en oeuvre trois choses : une barre d’adresse, des liens hypertextes et une fonction « Back » permettant de revenir aux pages précédentes. C’est tout, il n’y a pas autre chose et c’est ainsi depuis le premier navigateur Mosaic. En fin de compte, les navigateurs ressemblent à des livres avec des liens hypertextes assimilables à des notes de fin de page amenant le lecteur vers d’autres pages, d’autres livres. Ils ont été conçus pour représenter un monde fait de concepts, d’idées, un monde de textes et d’histoires que j’aime à qualifier de monde de la conscience. Il existe cependant deux autres mondes tout aussi importants : le temps (donnant lieu aux blogs, aux lifestreams, aux podcasts, etc.) et l’espace (allant de Google Map à Second Life). Malheureusement, ces mondes induisent des mécanismes de navigation différents et absents des navigateurs actuels, les web designers sont totalement démunis en la matière, ils parviennent à se débrouiller grâce à un savant mélange de HTML, CSS ou autre JavaScript, mais reconnaissons-le, tout cela n’est pas très propre, ça ressemble à de la bidouille, du hacking.

Que faudrait-il faire pour améliorer les choses ? Tout d’abord, je crois qu’il faut sortir du paradigme de la « page web » qui ne correspond plus à nos besoins actuels. Il serait nettement préférable de recentrer les choses autour de l’idée des « objets » qui permettent beaucoup plus de choses. Tout peut être objet, un article d’un blog, une vidéo, une musique, un courrier, etc. Et bien qu’ayant une adresse unique, chaque objet peut apparaître à plusieurs endroits sur la toile et être mis en oeuvre dans différents contextes.

Par exemple, l’auteur d’un livre (ou son éditeur) créera un objet en définissant plusieurs choses : le titre, l’auteur, le nombre de pages, la quatrième de couverture, etc. S’agissant du contenu même du livre, le texte intégral, il sera probablement accessible sous une forme numérique, l’auteur disposant d’un choix de licences d’utilisation et de diffusion répondant à toutes les situations : vente classique à prix fixe, rémunération basée sur le don (freeware), licence Creative Commons (copyleft), etc. Le livre pourra s’afficher sur le site de l’auteur, de son éditeur ou même dans le cadre d’une boutique comme Amazon. Cette dernière enrichira éventuellement l’objet avec des critiques, des extraits de texte, des commentaires et que sais-je encore. Mais qu’on soit sur le site de l’auteur ou chez Amazon, c’est du même objet dont il est question, la présentation peut éventuellement varier, des informations peuvent être ajoutées mais tout ce qui est défini par l’auteur reste sous son contrôle. Libre à lui de changer à tout moment la quatrième de couverture, le résumé, la licence de diffusion ou même le contenu, chaque changement étant automatiquement reporté sur tous les sites référençant le livre en question.

Le concept de lien devrait également subir une petite révolution. Il faut bien prendre en compte les nouveaux mondes correspondant au temps et à l’espace qui s’ajoutent à la conscience. En plus des liens hypertextes classiques, on devrait donc pouvoir créer des liens pointant vers des dates ou des coordonnées spatiales, voire même une combinaison de tout cela. Par exemple, un lien vers « le concept température à une certaine date dans un endroit donné » pourrait être très utile dans le cadre d’un site web traitant de météorologie. Vous me répondrez peut-être qu’on peut déjà définir ces informations dans une URL traditionnelle en ajoutant simplement des paramètres. Certes, mais le navigateur ne comprenant pas grand chose aux paramètres, comment identifiera-t-il les concepts, les dates et les lieux afin de nous aider à naviguer plus efficacement à l’intérieur des différents mondes ?

Mais au delà des liens, il serait intéressant d’ajouter quelques éléments de structuration essentiels. On parle souvent de l’arborescence d’un site mais il n’y a malheureusement rien dans le HTML qui nous permet de la définir clairement. Les web designers mettent en oeuvre des liens ordinaires accompagnés de quelques artifices visuels pour représenter des menus de navigation, des barres latérales et autres onglets, mais il n’y aucune sémantique dans tout ça, il faut vraiment avoir des yeux en bon état pour comprendre de quoi il s’agit.

D’une manière ou d’une autre, j’aimerais beaucoup pouvoir revenir à la pureté du web original qui s’attachait d’avantage au contenu qu’à la forme. C’est aux navigateurs de s’occuper de la forme et non aux web designers. Pour afficher une arborescence, il suffirait de la décrire tout en précisant éventuellement quelques attributs permettant d’indiquer comment on souhaite la voir s’afficher, sous la forme d’une liste verticale ou d’onglets horizontaux par exemple, les navigateurs s’occupant de tout le reste. Le gros avantage d’une telle approche c’est que les navigateurs pourraient automatiquement transformer l’aspect d’un site en fonction du périphérique sur lequel il est affiché. Un ordinateur n’étant pas la même chose qu’un téléphone mobile, la présentation des sites et les mécanismes de navigation s’en trouvent nécessairement modifiés.

Pour comprendre où je veux en venir, il faut s’imaginer en train de naviguer sur un site avec une interface composée d’une colonne unique, un iPhone par exemple. Prenons un gros site tel que celui d’Amazon et essayons de voir comment la page d’accueil se présentera. En haut de l’écran, s’affichera le logo du site accompagné d’un petit texte décrivant brièvement le service. Ensuite, il pourrait y avoir quelques news importantes ainsi qu’une sélection de produits spécialement mis en avant. Enfin, on trouvera les grands rayons du magasin (le niveau 1 de l’arborescence) qui pourrait se présenter sous la forme d’une liste de choix. Rentrons par exemple dans le rayon DVD, que va-t-il se passer ? Avec un iPhone, l’écran étant ce qu’il est, la page d’accueil disparaîtra pour laisser la place à l’affichage du nouveau contenu. S’agissant d’un écran d’ordinateur qui offre d’avantage d’espace, une colonne supplémentaire pourrait apparaître pour afficher le nouveau contenu juste à côté de l’ancien. La page d’accueil ne bougerait pas et la liste des rayons serait par conséquent toujours visible, rejoignant ainsi l’idée d’un site classique disposant d’un menu de navigation répété sur chaque page. Finalement, on recréait des sites composés de plusieurs colonnes mais c’est le navigateur qui en a la gestion et il est donc capable de s’adapter automatiquement aux différents périphériques.

Ajoutons au rayon DVD les sous-rayons Comédie, Drame et Science-Fiction. Que va-t-il se passer si l’utilisateur rentre dans un sous-rayon ? Le navigateur affichera une nouvelle colonne, tout simplement. En fin de compte, le navigateur du futur est quelque chose qui ressemble un peu à l’explorateur de fichier du système NeXTSTEP, une formidable idée reprise plus tard dans le Finder de Mac OS X. Le fait de naviguer dans une arborescence entraîne la création de nouvelles colonnes et le bouton « Back » que j’évoquais au début de cet article se résume à un simple scrolling horizontal. On peut alors entrevoir une nouvelle façon de naviguer et concevoir les sites web, tout en gardant les avantages des sites multi-colonnes du web traditionnel, ils fonctionneraient parfaitement dans le cadre d’un web mobile. Qu’il s’agisse d’un PDA, d’un iPhone, d’un e-Book ou d’un écran 21″, un glissement de doigt ou un coup de molette devrait suffire à passer d’une colonne à l’autre.

J’ai débuté cet article en mentionnant l’idée de la convergence et je viens d’en donner un premier exemple. Il me reste encore beaucoup à écrire sur le sujet, à commencer par les aspects communicants dont je n’ai encore rien dit alors qu’ils permettraient de comprendre ce que j’entends par « communicateurs web ». Mais je ne voudrais pas précipiter les choses, je suis bien conscient que tout cela n’est pas facile à appréhender. J’ai à peine aborder le premier monde, celui correspondant à la conscience, j’y reviendrai sûrement mais avant d’aller plus loin il me faut réfléchir aux deux autres mondes fondamentaux, le temps et l’espace qui devraient contribuer à changer radicalement notre façon de voir le web. N’hésitez pas à me faire part de vos remarques et rendez-vous bientôt sur ce blog pour découvrir la suite de l’aventure !