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 du billet »
Dessiner des stores extérieurs en ligne en 3D temps réel
Wednesday 19 December 2007Internet 3 commentaires
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.
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.
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.
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 …
Fred Nassar explique sur son blog les principaux points à prendre en compte quand on pense l’ergonomie d’un blog. Lire la suite du billet »
Créez la voiture de votre choix ? Dessinez votre intérieur sur internet ? Vous avez certainement lu et vu ce genre de promesses sur les sites que vous visitez. Seulement, comment doit-on nommer ce type de services ? S’agit-il de « configurateur » produits ou de « simulateur » de produits ? Retour sur une petite définition de concepts. Lire la suite du billet »
Sur le blog de FredCavazza, j’ai découvert un livre blanc très intéressant sur le Contingency Design, que l’on peut traduire par “l’art de la présentation des erreurs”. Cela revient à travailler l’ergonomie et les fonctionnalités de son site de manière à rendre les éventuelles erreurs (page 404, champs de formulaire vides, … ) plus utiles et agréables pour les internautes. Lire la suite du billet »
Derniers commentaires