Sur ce détail, je pense que Google reviendra en arrière...

Catégories : Ergonomie - Innovations - Réflexions

Je vous parlais encore hier de la finesse avec laquelle Google innove, en permanence, en toute discrétion.

Même si, sur certains détails, je prédis un retour en arrière.

Par exemple, cet effet d'apparition de l'interface en deux temps...

Ce que vous voyez dans un premier temps...

Ce que vous voyez en passant la souris sur l'écran...

Au tout début, j'ai apprécié le clin d'oeil, l'idée d'une interface hyper épurée, jusqu'au moment où on l'active.

Mais cet effet au passage de la souris, en mode "fondu enchaîné", provoque vite un micro-agacement. Sensation personnelle, mais que j'ai entendu exprimer par d'autres.

C'est pourquoi je prédis un retour, à terme, vers une interface statique.

On parie ?

En revanche, la possibilité (récente) de personnaliser le fond d'écran pourrait tenir la distance, à mon humble avis. Car, bien que très facultative, elle ne gêne en rien l'interface, présentée comme une option discrète et décentrée (en bas à gauche).

Source : Jean-Marc Hardy, trip en VTT, récemment, en Forêt Noire.

Le nouveau Google : ergonomie enrichie

Comme vous le savez sans doute déjà, Google vient de modifier en partie ses interfaces.

Il s'agit plus d'une évolution que d'une révolution. La page d'accueil reste plus ou moins identique. Les pages de résultats s'enrichissent de fonctionnalités (présentes dans une colonne à gauche) qui existaient déjà pour la plupart, mais dont l'accès était moins direct.

Comme le montre le Journal du Net, cet enrichissement fonctionnel ne se fait pas aux dépens de la quantité de résultats affichée dans l'écran. C'est même l'inverse qui se produit.


Icône + texte
Les résultats, globaux par défaut, peuvent être filtrés en un clic sur base de différents formats (images, vidéos, discussions,...). Google a créé une palette d'icônes, soutenues par des libellés textes. Des études d'ergonomie qui ne datent pas d'hier, mais remontent aux débuts de l'informatique, démontrent que les interfaces qui associent un libellé texte et une icône visuelle obtiennent les meilleurs résultats (comparativement au recours au texte seul ou à l'image seule).


Affinement progressif
Plus les utilisateurs activent les critères, plus il en apparaît. L'interface s'étoffe à mesure que la recherche se précise, selon le principe du WYSIWYN ("What You See Is What You Need").


Exploration chronologique
Le nouveau Google combine le chaud et le froid : les résultats en temps réel et l'histoire ancienne. D'un côté, le bouillonnement constant de l'information et de la rumeur, à travers des extraits de Twitter, notamment. A l'autre bout, la possibilité d'explorer des documents anciens, jusque dans le profond Moyen-âge.


Roue magique
Certaines représentations alternatives permettront de parcourir les résultats d'une autre manière. Le système de la "roue magique" me rappelle l'ancien moteur de recherche visuel Kartoo, aujourd'hui disparu de la toile. Il offre la possibilité d'explorer les principales branches sémantiques liées à l'expression recherchée.


Pied de page
En bas de page, l'utilisateur peut désormais réintroduire une recherche, rechercher "dans les résultats", obtenir des conseils de recherche ou envoyer des commentaires.


Consistantes améliorations, donc, même si rien n'est jamais très spectaculaire avec Google (continuité et utilisabilité obligent).

J'attends avec curiosité les premières données sur l'évolution des comportements utilisateurs face à ces changements. Par exemple le taux d'utilisation des paramètres de filtre avancés.

Et vous, vous avez l'impression que votre utilisation du moteur va être affectée par ces nouvelles options à portée de souris ?

Géolocalisation + participation = e-democratie

Je viens de participer, avec quelques collègues de la société TIPIK, à un audit de site web dans le domaine de la gestion publique locale.

Plus ou moins toutes les communes disposent, aujourd'hui, d'un site Internet, en général assez actif.

Les gestionnaires de sites web consacrent leur énergie, peut-être un peu trop souvent, à l'éditorial pur : les "news", les "événements",... Avec une approche de type journalistique.

Cependant, je conseille de songer à investir davantage dans les contenus de fond, sur les matières strictement communales. Et la géolocalisation est une opportunité magnifique pour les institutions locales.

Ci-dessous, la commune de Farciennes positionne les pharmacies de garde sur une carte géographique. Une idée simple, mais très efficace.


Ci-dessous, à Zeeburg, aux Pays-Bas, les citoyens ont la possibilité de glisser des icônes sur la carte, afin de signaler des problèmes (un trou dans la route, un arbre qui menace de tomber, une plaine de jeu vandalisée,...) ou émettre des suggestions (et si on peignait ce mur en jaune ?).


Rien à voir avec la géolocalisation, mais, ci-dessous, à Metz, les conseils municipaux font l'objet d'un compte-rendu audio. La façon de naviguer à travers les sujets et les interventions nous a semblé particulièrement conviviale, à l'heure où de nombreuses communes continuent à balancer un PV très administratif au format PDF aussi digeste qu'une choucroute froide.


Et dans votre commune, ça bouge ?

Ergonomie des navigateurs web : améliorations discrètes

Catégories : Ergonomie - Innovations

La dernière version de Firefox intègre la possibilité contextuelle d'ajouter un onglet.

Le petit "+" semble très intuitif. J'adore ce genre d'amélioration, peu spectaculaire, tellement elle semble naturelle. Mais il fallait y penser.

En réalité -une fois n'est pas coutume-, c'est Internet Explorer qui avait innové. Seule différence: le petit "+" n'apparaît pas avec Internet Explorer. Une icône moins évidente apparaît uniquement au survol de la souris. Firefox s'est donc inspiré de son concurrent, en rendant les choses encore un cran plus claires.

L'ergonomie, c'est ce sens du détail. Ces mini raccourcis qui facilitent la vie.

La vidéo, pour animer les choix de navigation

Que pensez-vous de cette idée d'animer des boutons à l'aide d'éléments vidéos ?

Un exemple est accessible sur le site web de la société ACERTA, qui offre des services en création et gestion d'entreprise.

Source : www.prioritealhumain.be.

Outre leur mouvement, le fait que les personnages débordent du cadre strict du bouton attire évidemment l'attention.

Percutant ou perturbant ?

Futile gadget ou intéressante recette ?

Mon avis personnel : la formule se défend bien pour un choix simple (trois ou quatre options) et proéminent (choix de navigation centraux), comme c'est le cas ici. Les barres de menu permanentes (en haut ou à gauche) doivent rester sobres, je pense, pour ne pas perturber le contenu proprement dit. Le mouvement doit rester modéré, afin d'éviter une cacophonie nerveuse dans la page.

D'autres exemples dans la gamme ?

Coupures de presse en ligne

Il y a 20 ans (*), quand je faisais mes premiers stages en communication, on faisait du "clipping", c'est à dire qu'on découpait physiquement, aux ciseaux, des articles de presse sur un thème donné. La sélection d'articles circulait à l'intérieur de l'entreprise.

Aujourd'hui, on a jeté les fardes, les trombones et les ciseaux.
Désormais, on crée des "favoris", on fait des "copier/coller", on "enregistre sous", on "envoie à un ami",...
Mais le site de représentation de la Commission européenne auprès de la Serbie nous propose une fonction innovante directement comparable aux coupures de presse...

La fonction "add to clippings" permet aux utilisateurs de classer un article dans une sélection personnelle.

Bien sûr, il existe déjà, sur le web, des systèmes vaguement comparables. Mais j'apprécie ici la simplicité et la fluidité du mécanisme. Il n'est pas nécessaire de s'enregistrer. D'une visite à l'autre, les cookies mémorisent la sélection effectuée par l'utilisateur. Une fonction qui pourrait bien devenir un standard des sites médias ou portails généralistes, au même titre que les fonctions "Imprimer" ou "Envoyer à un ami", qui manquent, en revanche, sur ce site serbe.

Source : http://www.europa.org.yu/code/navigate.php?Id=1

Pour aller jusqu'au bout des choses, il me semblerait intéressant de permettre l'envoi de la sélection d'articles à un ami.

Merci à Régine pour son oeil attentif.


(*) Oups, ça ne nous rajeunit pas tout ça ;-)

Version imprimable 2.0

Catégories : Innovations - Ergonomie

L'impression et le Web, habituellement, ça fait deux. La logique de conception des pages web, extensibles, modulables, ne colle pas avec la logique spatiale du papier.

Parmi les problèmes les plus courants : le texte rogné et les pages qui s'impriment en petits morceaux.

Bien souvent, l'utilisateur n'a besoin que d'imprimer le contenu, voire une partie du contenu ; le fait d'imprimer la totalité de la page, barres de navigation comprises, constituera une gêne et un gaspillage d'encre.

Ci-dessous, une version imprimable vraiment bien pensée.

Source : http://www.linternaute.com/femmes/cuisine/...

Le format de départ est déjà intéressant : une mise en page cohérente, adaptée au document papier, affranchie des barres de navigation.

Mais ce sont les options d'impression qui ont attiré notre attention :

1. Avec ou sans les images.

2. Avec ou sans les commentaires.

En fonction du choix de l'utilisateur, la maquette est adaptée en temps réel. Bravo !

Sans tomber dans l'excès d'options avancées, on offre ici à l'utilisateur un minimum de contrôle sur ce qu'il imprime.

Merci à Sandy pour l'exemple.

Si la version imprimable proposée par le site lui-même ne vous convient pas, vous pourrez toujours vous retourner vers une application en ligne telle que PrintWhatYouLike. Pas mal non, au niveau souplesse et intuitivité ?


P.S. Au fait, vous avez déjà cuisiné des sushis ? Moi pas. Il faut que j'essaie.

Menus déroulants enrichis, sur arte.tv

Je surfe en ce moment sur arte.tv pour m'imprégner de leurs contenus, en vue d'une prochaine formation.

Même si l'ambition des formations que je vais animer est de monter plus haut encore la barre de la qualité éditoriale de la chaîne Arte, disons d'emblée que, dès le départ, mon client se situe trois crans au-dessus des concurrents. Allez goûter à la soupe de France2 ou de TF1... vous comprendrez.

Parmi les innovations intéressantes sur le site arte.tv, des menus déroulants enrichis. Comme dans l'exemple ci-dessous, où chaque élément du menu est présenté par un texte en deux temps, avec un contraste de graisse, et accompagné d'un visuel (parfois perfectible quant à lui).

Si vous avez, en magasin, d'autres exemples de menus déroulants enrichis, ça m'intéresse !

Le CMS qui va révolutionner le marché

Catégories : Outils - Innovations - Humeur

Ceux qui me connaissent savent que j'ai tendance à peser mes mots et à ne pas m'extasier au premier effet de mode. Mais je pèse mes mots en affirmant que le marché des outils de gestion de contenu (CMS) va connaître un tremblement de terre avec l'arrivée d'un petit nouveau. Baptisé ContentMetorite (bon OK, ça fait pas très original), ce CMS nouvelle génération, tout droit sorti des tiroirs de l'Université de Pragues, vient de gravir trois marches d'un coup.

Innovation n°1 : suggestion de thèmes porteurs
En fonction de la ligne éditoriale que vous aurez définie, en fonction des statistiques de trafic et en fonction des thèmes en vogue sur la toile, ContentMeteorite vous fait des propositions de sujets à traiter. Avec une pertinence à couper le souffle.

Innovation n°2 : adaptations linguistiques
Sur base des adresses IP, le système détecte l'origine des visiteurs et adapte, à la volée, le vocabulaire. Exemple : vous parlez de "chat" (discussion en ligne) dans votre article... les visiteurs québécois liront "clavardage". Le CMS s'adapte aux pratiques linguistiques locales, en s'appuyant sur une base de données linguistiques développée par un réseau d'universités.

Innovation n°3 : relecture orthographique humaine
Le système ne se contente pas d'intégrer un correcteur orthographique électronique, mais une véritable intervention humaine sur les contenus. Des experts linguistiques, en chair et en os, lisent les contenus de la communauté du CMS et proposent, en temps réel, des corrections et affinements stylistiques. Qu'on le regrette ou non, pour des raisons de coût, la société ContentMeteorite a pris la décision de délocaliser ce service. Pas moins de 1200 chinois ont été formés à la maîtrise poussée des principales langues européennes et asiatiques.

Innovation n°4 : suggestion de phrases
Dès que vous commencez une phrase, le CMS vous fait des suggestions pour la suite de la phrase. Le système s'inspire de la gestion des textos sur les mobiles. Résultat : un gain de temps indéniable.

Innovation n°5 : reconnaissance vocale
Publiez par téléphone. Un simple message vocal, posté au départ de votre téléphone mobile, est converti auomatiquement en texte HTML. Les touches * et # sont utilisées pour identifier les titres et hyperliens. La sécurité est maximale : le système ne reconnaît que les voix des éditeurs de contenu autorisés (la configuration du système de reconnaissance vocale ne prend que quelques minutes).

Innovation n°6 : design saisonnier
Pour peu que vous activiez cette option, votre site suivra le rythme des saisons. Et même plus : un petit bandeau rouge pour la journée de sensibilisation au SIDA, un petit bouquet de muguet le 1er mai,... viendront agrémenter votre bandeau graphique le moment venu, sans qu'il ne vous en coûte la moindre énergie. ContentMeteorite se charge de tout.

Innovation n°7 : la quatrième dimension du CMS
Cerise sur le gâteau, et certainement l'innovation la plus en avance sur son temps : un générateur d'odeurs. Il s'agit un peu de la quatrième dimension du CMS, qui gère les textes, les images, les sons et, à présent, les odeurs. Vous parlez du printemps, un petit arôme de fleur et de pollen est diffusé (allergiques s'abstenir). Comment cela se peut-il ? Via de nouveaux claviers, équipés de la fonction Olfactiv TM. Ces claviers, je le précise tout de suite, ne sont pas encore distribués dans le grand commerce. Mais cela ne saurait tarder. Plus de 4500 schémas olfactifs sont déjà encodés. Cela va de la sueur d'un sportif aux herbes aromatiques, en passant par l'odeur du bitume au soleil. Rien que dans la catégorie "poissons", on dénombre près de 300 odeurs : hareng, truite, poisson lune, poisson chat, poisson d'avril,...

Je suis scié, bluffé, scotché, tout ce que vous voulez.

Sans plus attendre, découvrez ce CMS époustouflant à travers sa visite guidée :
TAKE THE TOUR!

Je relaie ici une question qu'un lecteur de Toulouse a pris le soin de m'adresser :

Existe-t-il des sites web qui utilisent une webcam pour des produits de consommation rapide et du commerce de proximité ?

Du genre : visualiser les gâteaux en vitrine chez mon pâtissier ou l'écoulement progressif d'un stock limité de produits en promotion.

Vous connaissez des sites web de ce type ?

Vous pensez que cela puisse avoir un intérêt ou pas ?

Dans quels cas la webcam apportera-t-elle une vraie plus-value par rapport à une simple photo ?