Les résultats du Mozilla Design Challenge

Il y a quelques jours ont été révélés les résultats du Mozilla Summer Design Challenge, un concours ouvert à tous, où les designeurs et programmeurs ont dû s'interroger sur la problématique : « Comment reconstruire la navigation par onglet ? »

Le Mozilla Design Challenge

Le Mozilla Design Challenge est une série d'évènements organisés tout au long de l'année, au cours des saisons, qui ont pour but de faire réfléchir et discuter à propos des interfaces que l'on peut retrouver dans le monde de l'Internet. Il a également pour vocation de promouvoir l'innovation, tout cela ayant quand même un but pour Mozilla : rendre la navigation plus agréable dans les prochaines versions de Firefox. Cette année, le Summer Design Challenge s'est focalisé sur notre utilisation des onglets dans notre navigateur. L'énoncé explicite du concours était :

Citation : Mozilla Design Challenge

Lancé le 14 Mai 2009, il a rencontré un succès important auprès de la communauté Mozilla. En effet, 128 équipes de designers du monde entier y ont répondu présent et ont envoyé leurs maquettes du projet. Le jury, composé d'experts de chez Mozilla, de la communauté de design IxDA et du collectif Johnny Holland a finalement annoncé il y a quelques jours les grands gagnants de ce concours, répartis en différentes catégories.

Les lauréats du concours

Le concours s'est divisé cinq catégories majeures dont nous allons vous faire découvrir les vainqueurs dès maintenant.

Projet le plus innovant

Il s'agit ici sans doute de la récompense la plus importante puisque, rappelons le, l'objectif de ce concours était de concevoir une nouvelle vision de la navigation par onglet. Vous en conviendrez, l'innovation était donc primordiale.

Le prix a été raflé par un groupe de 3 jeunes étudiants de la University of Michigan School of Information. Après avoir fait une étude sur la façon dont les gens utilisaient les onglets, ils ont décidé de créer un système qui ne remplacerait pas le modèle actuel utilisé par Firefox, mais qui fonctionnerait en même temps, comme une surcouche.

Le projet porte le nom de TabViz , il s'agit d'un gestionnaire d'onglets en forme de quart de cercle, comme vous pouvez le voir sur l'image de droite. Il dresse la hiérarchie entre les onglets, c'est à dire que cela vous donne la possibilité de savoir en un clin d'œil sur quel onglet vous vous trouvez (c'est celui entouré de la couleur orange) et à partir de quel onglet vous êtes arrivé sur cette page (celui qui est plus proche du centre du cercle). De même, les onglets qui sont plus excentrés que l'onglet courant sont ceux qui ont été ouverts à partir de la page en cours.

Pour résumer, cette gestion d'onglets s'apparente à un arbre, dont la racine (l'onglet de départ si vous préférez) est le centre du cercle et dont les ramifications, orientées radialement, sont les onglets qui découlent de l'onglet maître. Et vous l'aurez donc compris, deux onglets qui se suivent dans la profondeur de l'arbre sont deux onglets ayant des liens de parenté. TabViZ est donc un projet très novateur et instinctif. Il pallie ainsi totalement un défaut de Firefox, qui est de n'avoir aucune hiérarchie visible entre tous les onglets ouverts.

Pour l'instant, le projet n'est pas adopté par Mozilla pour figurer dans sa prochaine mouture, et il n'y a aucune garantie qu'il le sera. Il servira peut être simplement de base aux développeurs pour construire un nouveau système de gestion d'onglets. Cependant, TabViz est téléchargeable sous forme d'extension Firefox, et il vous est donc possible de l'essayer.

Projet le plus fonctionnel

Le lauréat, portant le nom de Collapsible Tab Groups, propose l'intégration d'un bandeau vertical sur la gauche de votre navigateur. Il permet de regrouper tous vos onglets et de les classer par catégories, que vous auriez préalablement définies. De plus, vous pouvez y intégrer vos favoris ce qui permet de s'affranchir totalement des anciennes barres horizontales de Firefox où les onglets et favoris étaient regroupés.

La simplicité étant de rigueur dans ce concours et encore plus dans cette catégorie, Collapsive Tab Groups vous donnera la possibilité de modifier et utiliser très simplement votre nouvelle barre d'onglets. En effet, la fonction glisser-déposer permet de changer un onglet de catégorie d'un simple clic et l'option recherche vous retrouvera n'importe quel onglet rapidement. Vous pourrez également minimiser les catégories de vos choix afin de gagner en place et en lisibilité. Par ailleurs, la barre verticale peut elle-même se minimiser en entier; vous vous retrouverez ainsi avec vos pages Internet qui occuperont tout votre écran. Enfin, la dernière possibilité principale fournie par ce projet est la fait de mettre un onglet en surbrillance, afin de se rappeler facilement des informations importantes.

Projet le plus interactif

Comme des nombreux autres participants, le groupe qui a remporté ce prix a tout d'abord étudié le comportement des utilisateurs de Firefox. Il en est ressorti que les gens qui naviguent entre plus de 20 ou 30 onglets en même temps ne s'y retrouvent pas et préfèrent donc ouvrir plusieurs instances de Firefox pour bien dissocier les contenus différents. Cette solution était donc à améliorer et c'est de là qu'a émergé le Wave project.

Dans le rendu de ce projet, vos onglets seront regroupés dans un dock et seront représentés par une miniature de la page qui leur correspond. Cela évite d'avoir à utiliser une barre de défilement, élément que l'auteur du projet voulait absolument éviter.

Deuxièmement, pour le problème d'avoir plusieurs instances de Firefox lancées en même temps, Wave Project opte pour la solution de séparer son navigateur en plusieurs fenêtres, ce qui permet de bien faire la distinction entre les différents contenus. Et vous comprenez par ailleurs que si l'on peut diviser son navigateur, c'est également que l'on peut utiliser plusieurs docks en même temps; encore une fois, pour être mieux organisé. Et ces docks sont par la même occasion redimensionnables; cela peut par exemple être utile s'il s'agit d'un dock qui ne contient que des onglets peu fréquemment utilisés et dont on ne voudrait donc pas qu'ils prennent inutilement une place trop importante.

Projet le plus facile à mettre en production

Le projet primé dans cette catégorie a été Favitabs. Le designer Grady Kelly a choisi de remplacer les onglets habituels par les favicons correspondants (un favicon est l'icône qui se trouve à gauche de l'adresse du site web sur lequel vous vous trouvez). Puisqu'un favicon est assez petit, cela permet d'avoir des dizaines d'onglets ouverts en même temps, tout en les gardant à portée de vue et de clic.

Il existe également quelques autres fonctions intéressantes dans ce projet, notamment la time line view, qui affiche tous les favicons, classés selon l'heure à laquelle vous avez ouvert les onglets. Cela permet donc de retrouver assez facilement et rapidement les pages qui peuvent avoir un sens commun (si par exemple, on a regardé plusieurs pages sur une même information le matin, tous les onglets seront regroupés, donc on reprendra ses marques aisément).

Le projet le plus populaire

Cette fois ci, ce n'est plus le jury habituel mais la communauté Mozilla toute entière qui a élu le vainqueur de cette catégorie atypique. Et l'heureux élu est le Cubezilla Concept. Son principe est simple, considérez que votre navigateur est un cube où chaque face peut accueillir autant d'onglets que vous voulez. C'est un peu comme si chaque face du cube était une instance de Firefox.

De plus, une icône est en permanence présente sur votre navigateur pour vous permettre de vous balader entre les différentes faces du cube. Vous pouvez également dresser une mosaïque des onglets de la face courante ou alors les faire apparaître en miniatures dans une barre horizontale. Ces différentes fonctions qui font de ce projet un travail innovant et agréable à utiliser ont su convaincre facilement les membres du jury.

Pour finir

Bien évidemment, nous n'avons listé que les vainqueurs, mais certaines catégories renferment des projets très novateurs et qui valent largement le coup d'œil. Ils sont à ce sujet tout présentés sur le site de Mozilla.

Par ailleurs, les travaux que nous vous avons présentés ne sont pas encore totalement terminés, des bugs persistent et doivent être corrigés. Suite à cela, certains auront peut être la chance d'intégrer pleinement la prochaine mouture de Firefox, ou alors seront simplement de nouvelles extensions.

Quoiqu'il en soit, ce concours a permis aux designers d'exprimer leur créativité et ainsi de faire évoluer les possibilités et le confort de navigation ce qui, dans un monde où l'Internet fait partie intégrante de nos vies, est essentiel.

Vidéos des projets lauréats

• TabViz
• Collapsible Tab Groups
• Wave Concept
• Favitabs
• CubeZilla Project

Lien externe

• Le site du Mozilla Design Challenge