Aujourd’hui c’est dimanche, jour du Seigneur. Cela tombe bien, je voulais justement vous parler de charité chrétienne appliquée au web design: le lien « skip to content » (« Aller directement au contenu »). Continue reading →
11
déc 11
Les lois de la Gestalt appliquées au Web Design
Je suis particulièrement fier de cette slide, faite dans le train alors que je relisait une dernière fois ma présentation. Elle est extraite de mon cours d’Ergonomie Web dédié à l’application des lois de la Gestalt au Web Design.
Continue reading →
14
fév 11
Ergonomie et référencement (SEO)
Qu’est-ce que l’optimisation du référencement de sites internet a à voir avec l’ergonomie web?
La question peut faire débat et pourtant je n’ai pas hésité un instant à mettre une introduction à la SEO dans le programme de mon cours d’ergonomie web. Ma réflexion est la suivante: pour autant que vous restiez du côté lumineux de la Force (« white hat SEO »), tout ce que vous pouvez faire pour aider votre visiteur à trouver le contenu qui l’intéresse contribue à rendre son expérience positive et participe donc de la démarche ergonomique.
Cet article n’a pas pour objet de répéter pour la millième fois les principes de base du référencement organique: utiliser les metatags, la balise Titre, coder en xhtml valide et sémantiquement correct, densité de mots-clefs… Vous n’avez qu’à les googler ou venir à mon cours pour en être informé. L’objet de cet article est de voir comment intégrer la SEO dans le processus de création de sites web. Continue reading →
20
nov 10
Vive le mobile, même quand on n’a pas d’appareil mobile
Je me surprends à surfer de plus en plus sur la version mobile des articles qui m’intéressent depuis mon ordinateur portable voire mon ordinateur de bureau. Pourquoi?
« reduced noise ». Beaucoup moins de bruit graphique, pas (souvent) de pub, navigation plus simple et donc page chargeant plus rapidement.
Tiens? C’est la même raison qui m’avait fait passer de Yahoo à Altavista puis à Google il y a 8 ans: l’efficacité de l’interface. L’homme évolue moins vite que la technologie…
Exemple sur mobile.slate.com et m.lesoir.be :
-
- slate mobile
-
- Slate (Desktop)
-
- Le soir (mobile)
05
nov 10
préparer son site au mobile
Cet article devrait vous permettre d’adapter votre site internet aux visiteurs y accédant via navigateurs embarqués-autrement dit, les smartphone mais également certains modèles de téléphone mobile « augmentés ». Il est en cours d’écriture et me sert de pense-bête, donc n’hésitez pas à réagir si j’écris trop de bièsseries. Continue reading →
06
sept 10
HTML5 Boilerplate : modèle de base pour coder son site en html5
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 inquiéter pour les pauvres âmes qui utilisent encore internet explorer 6, votre site se dégradera correctement pour eux. Continue reading →
12
août 10
Oculométrie (eye tracking study) pas chère, peuchère !
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 une caméra rétinienne la direction du regard visionnant une interface afin d’en analyser les trajectoires, ce qu’il regarde en premier, puis en second, etc. Le résultat est formalisé en cartes de chaleur (également mieux connues sous leur appellation anglaise: heatmap). Cette technique est très utile pour tester des interfaces ou effectuer des tests A/B, tests comparant 2 positions possibles pour un bouton de conversion (« call to action » my friends).
Continue reading →
24
mar 10
Text 2.0: l'avènement du texte réactif?
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« . Continue reading →
21
mar 10
L' optimisation moteurs de recherche, selon Google
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. Continue reading →
04
fév 10
désinscription à une newsletter: un bon exemple
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 » :
Continue reading →