Puisque j'ai un nouveau système de tri des bookmarks, je cherche des nouvelles façons de les présenter et de les chercher. Je me suis insipré de l'idée de Wei Zhou : des miniatures durant la recherche. Il manque juste quelques possibilités de tri et informations sur les bookmarks, j'ai donc réalisé des prototypes d'interface

Cet article est la suite de "L'organisation des bookmarks".

This article is available in an English version.

Première interface

L'utilisateur lance une recherche restreinte aux bookmarks (par un bouton ou une combinaison de touches, comme ctrl + b). Le curseur est maintenant dans l'awesome bar. Il faut maintenant entrer un tag et/ou une catégorie de bookmarks (données, outils ou sites) et/ou un type de données (image, texte, vidéos, ...). Les bookmarks d'un dossier (par exemple "images") sont automatiquement taggués avec son nom 01. Si l'utilisateur commence par le tag "images", la recherche sera restreinte à se type. Dans l'exemple, l'utilisateur entre "css".

La page de résultats (voir l'image ci-dessous) affiche des miniatures des marques-pages correspondant exactement au tags recherchés. La ligne de texte en haut permet d'affiner ou modifier la recherche. Elle montre les différents tags présents dans les bookmarks renvoyés par la recherche, de même pour le type de données et les catégories. Ainsi on voit que les bookmarks avec le tag "CSS"th peuvent être des sites ou des outils, et qu'ils ont de nombreux autres tags. Les mots sont cliquable, pour les ajouter à la requête.

L'utilisateur ne veut pas de validateurs, il précise donc "site" pour exclure les outils, et rajoute le mot clef "tutoriel". Il ne reste plus que 3 bookmarks qui correspondent (voir l'image ci-dessous).

Voici une autre version de l'interface (image ci-dessous) où j'ai repris la première requête mais en présentant avec un petit formulaire et un nuage de mot clefs

Tout ceci est déjà réalisable en utilisant uniquement les tags : on peut tagguer un bookmarks avec sa catégorie, son type, sa langue et ses mot-clefs. Mais cela peut créer des redondances : si on recherche le type "vidéo", on l'entre comme tag mais il peut aussi renvoyer à une page de texte parlant de la nouvelle balise disponible avec html 5. Pouvoir "séparer" les champs règlerais le problème dans le cas de l'utilisation du formulaire.

Notes et références:

• Il serait évidemment pratique de pouvoir utiliser des opérateurs comme c'est courant de le faire dans les moteurs de recherche, par exemple "html OR xhtml" ou "css -validateur".
• À ceux ou celles qui auraient vu l'article avant le 03 juillet 2009 : je l'ai réécris de façon à ce que la version actuelle soit plus claire et plus réfléchie.
• Bookmark preview ajoute "une vue en album ainsi qu'une vue en miniatures au gestionnaire de marque-page", ce qui permet déjà de s'y retrouver plus facilement.
• [01] actuellement, c'est réalisable avec l'add-on tagsifter (pour Firefox).