Interfaces - GaëtanHoussin => gaets86.com

Aller au menu | Aller à la recherche | Table des matières | Version Mobile

mardi 29 avril 2008

Eyes Tracking + module Firefox

L'eyes tracking, ou pour parler français le suivi du regard, consiste à enregistrer le parcours visuel d'un utilisateur sur une page écran et à en définir les zones chaudes.

Il existe des appareils spécialement conçus pour réaliser ce genre d'expérience mais il s'agit d'outils assez cher et par conséquent réservéz à peu de personnes, souvent des ergonomes spécialisés. Il faut aussi savoir que pour réaliser une étude fiable, il faut proposer le site (celui à analyser) à un public divers et varié car selon les générations, cultures et habitudes de navigation le parcours visuel sur un site Internet peut être totalement différent d'une personne à une autre.


Je vous propose un outil web qui permet de simuler une expérience d'eyes tracking sur votre site. Bien entendu rien à voir avec une vraie machine et un public cobaye mais le système permet malgré tout de révéler quelques zones importantes de nos interfaces.

Lire la suite





samedi 24 novembre 2007

Nouveau site pour le pole e-design

Le pole e-design a changé de site web, une création qui reflète mieux l’esprit du pole, et qui en ayant un principe de navigation totalement différent du précédent site permet de mieux aborder le contenu qui ne cesse de s’enrichir. Il y a en effet de plus en plus de vidéo et de son.

nouvelle interface du site du poele e-design




lundi 15 octobre 2007

Nouveau design pour le portfolio

J'ai commencé à retravailler mon portfolio car l'ancien commencé à être vraiment "usé".

On est toujours sur une dominante de bleu pour ce qui est de la couleur, l'interface est plus simple on navigue via un menu qui est sous forme de nuage de tags et le contenu s'affiche via de fausses pop-up qui sont en fait des blocs de la page qui s'affichent via des scripts en JavaScript.

Bon j'ai pas mal de bugs dans ma feuille de style donc il y a encore du boulot, j'éspère avoir un peu de temps pour l'améliorer.
Si vous remarquez des problèmes (affichage, script, ou autres) n'hésitez pas à me le signaler :-)

aperçu du nouveau portfolio




mercredi 26 septembre 2007

Mr Bricolage nouveau site web

logo magasin Mr Bricolage


Le nouveau site de l'enseigne Mr Bricolage est en ligne. A cette occasion un dépliant à été réalisé afin de présenter la nouvelle interface ainsi que les nouvelles méthodes de navigations.

Ce site est bien mieux optimisé que le précédent, qu'il s'agisse d'une optimisation liée à la navigation (on trouve plus facilement les informations) mais aussi une optimisation liée à l'ergonomie (finit les animations pixelisées en gif, place au flash qui est bien plus propre même si ce n'est pas l'idéal pour l'accessibilité). L'apparition de visuels permet également de rajeunir l'interface.

Côté technique le site est basé sur Joomla, on retrouve donc du XHTML 1.0 Transitional, quelques feuilles de styles, du javascript et bien entendu du PHP.

Par contre lorsque l'on gratte un peu dans le code source on voit pas mal de petites erreurs d'accessibilité, la première la plus flagrante c'est l'oublie de l'attribut alt aux images. Il faut donc espérer que ce genre de problème sera résolu dans le temps car pour le moment lorsque l'on passe un coups de Validateur W3C on a un résultat de 96 erreurs.

En tout cas je suis ravi de voir un nouveau site pour cette marque car l'ancien n'était pas agréable à visiter....

page d'accueil site magasin Mr Bricolage




jeudi 20 septembre 2007

Les pages jaunes changent de style

Ca y est depuis ce matin (plus ou moins 11h00) le site des pages jaunes http://www.pagesjaunes.fr/ à changé d’apparence.

Un petit retour en arrière pour commencer. Hier encore le site ressemblait à ça :

index pages jaunes
recherche pages jaunes


Désormais le site est plus travaillé (côté interface et ergonomie), ce qui n'est pas désagréable (l'ancien site commençait sérieusement à être usé!!!), mais de nouvelles fonctionnalités sont également apparues.
On peut par exemple faire une recherche express ou une recherche détaillée. La recherche détaillée correspond à l'ancienne méthode de recherche, la recherche express nous permet de mettre uniquement deux conditions de recherche :"Quoi, qui" et "Où".

L'affichage des résultats n'a pas énormément évolué quand à lui, le contenu et l'agencement des informations reste identique seul le design de l'interface à changé.

Pour mieux vous rendre compte de ce que je dit je vous propose deux captures avec les mêmes pages que celles précédemment affichées :

pages jaune index nouvelle version

pages jaune recherche nouvelle version


Je n'ai pas eu beaucoup le temps de découvrir ce nouveau site pour le moment donc je vais en rester là, n'hésitez pas à donner votre avis ainsi que vos impressions.

Pour rappel ce soir à lieu à Limoges le quatrième ergonomic café au Pub les Artistes, si le temps le permet il pourrait être intéressant de faire une analyse rapide de la nouvelle interface des pages Jaunes!!!!




jeudi 10 mai 2007

Nouveau site pour la Bfm de Limoges

Le nouveau site de la Bibliothèque Francophone Multimédia (Bfm) de Limoges est en ligne depuis ce matin.
Il est bien plus complet que le précédent et l'information y est mieux structurée.
Un effort a été réalisé en terme d'accessibilité (Conseils aux internautes non-voyants utilisant Jaws - site de la bfm en audio - chaque page à un équivalent audio - la mise en forme est réalisé en CSS - il est possible de modifier la taille du texte via son navigateur - etc...). Il y a certe quelques points qui pourraient encore être améliorés mais c'est déjà bien d'y avoir consacré du temps.

Je vous laisse découvrir la nouvelle interface

Interface du site de la BFM

Vous retrouverez le site à cette adresse http://www.bm-limoges.fr/