Ergonomie Web

HTML5 Boilerplate : modèle de base pour coder son site en html5

Alexandre Plennevaux — Mon, 06 Sep 2010 10:41:17 +0000

html5 boilerplate est une template de départ pour tout site html/css/javascript , conçue pour intégrer toutes les astuces et bonnes pratiques de dégradation progressive, d’optimisation de bande passante, de support aux différents médias y compris les téléphones mobiles basiques à partir de html5. Oui, vous pouvez donc coder votre site en html5, CSS3 sans vous [...]

Oculométrie (eye tracking study) pas chère, peuchère !

Alexandre Plennevaux — Thu, 12 Aug 2010 18:10:36 +0000

L’oculométrie (je dois toujours réprimer un sourire obscène lorsque j’écris ce terme) est, me semble-t-il, mieux connue sous son nom anglais: eye-tracking study, et désigne une méthode de capture de la position du regard d’un utilisateur visionnant et/ou interagissant avec un contenu affiché sur écran. En gros, elle se base sur un logiciel enregistrant via [...]

Text 2.0: l’avènement du texte réactif?

Alexandre Plennevaux — Wed, 24 Mar 2010 10:47:36 +0000

Ralf Biedert et son équipe du German Research Center for Artificial Intelligence (DFKI) utilisent l’oculométrie (eye-tracking) de la société suédoise Tobii en conjonction avec du html, css et javascript pour mettre au point une technologie d’amélioration de la lecture, baptisée « Text 2.0« . Lecture augmentée Concrètement, comme vous pouvez le voir sur la vidéo de démonstration [...]

L’ optimisation moteurs de recherche, selon Google

Alexandre Plennevaux — Sat, 20 Mar 2010 23:08:18 +0000

Jolie trouvaille faite sur Google Webmaster Central: Google vient de rendre disponible gratuitement un PDF de 49 pages pleines de bonnes pratiques afin d’optimiser la manière dont votre site sera référencé sur les différents moteurs de recherche – et particulièrement Google. Ce qui rend ce document particulièrement intéressant, c’est qu’il a été rédigé par Google [...]

désinscription à une newsletter: un bon exemple

Alexandre Plennevaux — Thu, 04 Feb 2010 11:12:44 +0000

J’aime beaucoup l’expérience-utilisateur offerte par la fonctionnalité de désinscription telle qu’implémentée par le service de mailing lists « MailChimp » : la désinscription se fait en un clic (le lien classique « se désinscrire » vous amène sur une page web confirmant la désinscription si vous le souhaitez vous pouvez dire pour quelle raison vous vous désinscrivez vous n’avez [...]

capturer l’expérience utilisateur sans se ruiner

Alexandre Plennevaux — Thu, 26 Nov 2009 23:46:57 +0000

En tant que designers, nous mettons souvent en place des systèmes qui nous semblent logiques et « couler de source ». Mais, le nez collé sur nos échéances et sur nos contraintes, influencés par notre propre expertise de l’internet, nous pouvons facilement perdre de vue que nous ne sommes jamais (ou quasi jamais) représentatifs des utilisateurs finaux [...]

Clics contre la misère – de l’art de nommer ses boutons – Amnesty International

Alexandre Plennevaux — Mon, 19 Oct 2009 12:48:48 +0000

J’aime beaucoup le buzz interactif mis en place par Amnesty International, basé sur la mise sous forme interactive du slogan « Pour faire disparaître la misère, il faut d’abord la voir ». Le principe est basé sur ce que vous me pardonnerez d’appeler le P.P.I.V.C (plus petit vocable interactif commun) – le clic. Bonne manière de ne [...]

10/GUI – bureau tactile (concept)

Alexandre Plennevaux — Wed, 14 Oct 2009 10:41:14 +0000

Cette présentation d’un concept d’ OS tactile pour ordinateur de bureau est très impressionnante. Par C. Miller (http://10gui.com/). L’idée est simple : une main = 5 doigts. I doigt = 1 souris. Efficience = efficience x 10. Ce qui les amène à parler d’ « interaction bandwidth » que l’on pourrait définir par l’ampleur du vocabulaire interactif. [...]

De l’usage des réseaux sociaux – Jakob Nielsen

Alexandre Plennevaux — Mon, 12 Oct 2009 19:39:56 +0000

Dans le dernier alertbox, Jakob Nielsen résume les résultats d’une étude sur l’utilisation des réseaux sociaux (RSS, twitter, myspace, facebook, linkedIn) par des entreprises, avec pour objectif de tirer des recommandations sur la meilleure manière d’utiliser les réseaux sociaux dans un contexte professionnel. A retenir En bref, les conclusions à tirer sont: une fréquence trop [...]

Wireframes everywhere : flairBuilder et hotGloo

Alexandre Plennevaux — Sun, 27 Sep 2009 19:50:13 +0000

Cela n’arrête plus: après la fièvre du virus justine Henin, nous sommes actuellement sous le coup d’une invasion d’outils de wireframing / prototyping, tous plus prometteurs les uns que les autres. A ce train-là, il ne faudra plus attendre longtemps avant d’en voir un disponible entièrement gratuitement, le monde du logiciel de niche sur internet [...]