Le nouveau Yahoo! News et ses liens ‘lourds’

C’est en me baladant sur la nouvelle section News de Yahoo! (très belle métamorphose au demeurant) que j’ai remarqué de biens curieux liens. Alors que l’ensemble des liens sur le portail dispose d’un même traitement graphique, certains sont représentés en gras avec un petit icône à droite. Etant de nature curieuse je clique dessus et là, surprise :

Les liens 'lourds' de Yahoo! News

Un panneau contextuel qui propose un ensemble d’actualités relatives au sujet du lien ainsi que de la recherche ciblé. Une sorte de mini-dossier, le tout dans une petite fenêtre avec un très bel effet de transparence. C’est très bien réalisé et d’une efficacité redoutable, mais ça me fait quand même fortement penser aux co-links. De là à dire qu’il y a eu espionnage industriel, il n’y a qu’un pas que je n’oserais pas franchir. Plus d’infos sur la page de FAQ : Y!Q Search.

Un bel exemple d’assistant d’achat en ligne

Non content d’être le poids lourd du commerce électronique en France, Voyages-SNCF innove et nous propose une fonctionnalité assez remarquable dans sa mise en œuvre : Alertes Vacances. Le principe retenu est celui de l’assistant (wizard en anglais) avec une progression par étapes. Sauf que dans ce le cas de ce service, tout est graphique (pas de champs de saisie classiques) et que l’on est accompagné tout du long par une assistante.

L'assistant d'achat de Voyages-SNCF

Au bout du compte, nous avons ici un très bel exemple de fonctionnalité complexe (un processus découpé en plusieurs étapes) présentée de manière simple (avec un guidage très limpide) et efficace (un minimum de choix à chacune des étapes). Je ne saurais dire si avec ce service les trains auront moins de retard, mais en tout cas quand c’est beau et bien fait, moi j’applaudi à deux mains : Clap-clap-clap ! (merci à Stéphane pour le lien)

Une encyclopédie du design des interactions

Le site communautaire Interactio-Design.org vient de mettre en ligne une encyclopédie sur les termes employés dans des disciplines comme la conception d’interfaces, l’architecture de l’information, l’expérience utilisateurs et bien sûr le design des interactions : Encyclopedia. Plutôt intéressant comme initiative, à comparer avec l’IAWiki ou L’Encyclopédie e-Business du JDNet. A côté, mon glossaire à l’air tout minable… mais bon, il a le mérite d’exister et ce depuis plusieurs années !

Comment mettre en valeur de l’information fraîche ?

En mettant un coup de Stabilo dessus pardi ! En fait, nous parlons ici d’attirer l’attention des utilisateurs de façon élégante. Le but de la manoeuvre est de faire ressortir une phrase, un paragraphe ou un lien en lui appliquant un fond de couleur voyante (un peu comme quand vous surlignez avec un Stabilo). L’astuce est de faire en sorte que cette mise en forme ne soit pas intrusive, pour cela il existe une astuce en javascript pour que ce surlignage s’estompe en quelques secondes.

Cette astuce visuelle, baptisée Yellow Fade Technique, a pour la première fois été implémentée sur le blog de 37Signals (voir le billet à ce sujet : Web Interface Design Tip: The Yellow Fade Technique).

Cette technique est maintenant détaillée et proposée en téléchargement gratuit sur le site Axentric : The Fade Anything Technique. Je vous recommande de jeter un oeil à leur page de démonstration pour vous convaincre de l’intérêt de cette astuce visuelle.