Billets taggés: ergonomie

Et si Myspace influençait les interfaces de demain

La nouvelle version du site Myspace vient d’être dévoilée par son plus célèbre actionnaire au travers d’une screencast. La nouvelle interface, hyper graphique et ergonomique, (surtout quand les photos de vos amis et de vos artistes sont super léchées 😉 devrait certainement influencer les sites de demain. On en oublie même d’être sur un un site. N’est-ce pas çà finalement la finalité d’un réseau social ?

Je vous laisse la découvrir en attendant de pouvoir l’utiliser afin de voir si la promesse est au rendez-vous …

En matière de conception web, doit-on penser avec des « AND » ou des « OR » ?

Cette question m’a été récemment posée par une responsable e-commerce. En discutant autour de l’organisation d’un catalogue numérique, la question de la clé d’entrée s’est posée. Et nous nous sommes rendus compte que nous avions finalement deux visions distinctes. De son côté, elle privilégie plus le fait de mettre à disposition de l’internaute plusieurs clés d’entrées (prix, taille, couleurs, …). En d’autres termes, elle considère que l’avantage du web s’est d’apporter une large grille de choix au consommateur. De mon côté, je pense qu’en tant que marketeur, nous devons déterminer la clé d’entrée principale et ne pas jouer la surenchère pour gagner en lisibilité et en image de marque.
Lire la suite…

Mon blog-notes vu par un outil d’eye-tracking

C’est en lisant le billet d’Ange sur les raisons de son changement de graphisme, que je me suis décidé à tester la nouvelle mouture de mon blog-notes dans un outil d’eye-tracking. Cette technique disponible depuis quelques années sur le web permet de représenter le parcours de votre regard sur une mise en page ( différence entre les zones chaudes et les zones froides ). Le résultat est très intéressant car il permet de lire et d’évaluer l’ergonomie d’un site sous un tout autre angle.
Lire la suite…

Dessiner des stores extérieurs en ligne en 3D temps réel

designer-system-dickson-05.jpg
Voici bien une des applications web, dont je suis le plus fier. En test auprès de plusieurs clients depuis un an, on vient de mettre en ligne la version 2, il y a quelques jours. Cet outil permet en effet aux professionnels du store de simuler des stores extérieurs sur une photo de maison prise par leur soin.

Pour obtenir ce résultat, nous utilisons le moteur 3D temps réel, virtools. L’agence Gimagin, qui a réalisé l’application a imaginé un procédé super simple pour créer l’univers 3D. Dans une précédente version, les utilisateurs devaient indiquer une distance approximative entre le photographe et l’objet, puis une hauteur de l’oeil du photographe et enfin la focale utilisée (en gros, un vrai casse-tête). Maintenant, nous disposons d’un rectangle vert avec lequel nous allons redessiné le mur sur lequel nous voulons placer le store.

designer-system-dickson-02.jpg
En déplaçant les quatre angles avec notre souris, on les replace sur la photo. On obtient ainsi la perspective. Puis, au centre du rectangle, nous avons un store témoin de 120×120 cm. Avec le curseur, on ajuste le store de manière à l’adapter en fonction de la dimension de la maison. On obtient ainsi la distance.

designer-system-dickson-04.jpg

On peut ensuite ajouter nos formes de stores et les placer où l’on veut avec la couleur de la toile que l’on souhaite. Ce type d’outils destiné aux professionnels permet vraiment de se démarquer des concurrents en rassurant le consommateur quand celui-ci hésite sur la toile qu’il souhaite acheter.

designer-system-dickson-03.jpg

Une source d’inspiration pour vos sites

Vous connaissiez peut-être déjà des galeries de web designs comme cssmania ou cssvault. Ces sites sont très intéressants car ils recensent les designs les plus créatifs du moment. Une bonne source d’inspiration pour découvrir les dernières tendances.

Je viens de découvrir un autre site également très intéressant (Elements of Design)  car il se limite qu’à certaines parties d’un site : comme l’affichage des commentaires, les formulaires, … Il apporte donc des idées de présentation très précises pour améliorer votre ergonomie. A ajouter dans vos favoris …