Le bloc-notes ; ergonomie & UX » Brèves

Bilan du bloc-notes, 2 ans de statistiques

Raphaël — Wed, 01 Feb 2012 11:28:24 +0000

Statistique du bloc-notes de janvier 2010 à 2012

Une progression continue de la fréquentation sur 2 ans, avec des pics et creux. La progression s’explique pour plusieurs raisons :

Le nombre d’articles présent est toujours plus important donc les sujets traités aussi. Les moteurs de recherche, notamment Google, proposent donc plus souvent des liens vers le bloc-notes.
Le nombre de lecteurs suivant le bloc-notes par divers moyens (RSS, Twitter, etc…) est aussi en progression constante.

Mon rythme de publication c’est un peu ralenti par rapport au début. C’est normal, mais je trouve toujours intéressant de prendre le temps d’écrire. Je me pose actuellement la question de compléter la publication sous la forme de blog, par une publication sous une forme plus aboutie et plus pratique à lire d’ebooks ?

Un grand merci à ceux qui me lise et à ceux qui prennent le temps de commenter !

Triplette : CSS3, HTML5, Responsive Design

Raphaël — Mon, 16 Jan 2012 20:56:20 +0000

Pour bien commencer l’année, je vous propose trois livres pour vous mettre à niveau en conception de pages Web.

CSS3 pour les web designers : Cet ouvrage décrit de manière claire et succincte la dernière évolution des spécifications CSS.
HTML5 pour les web designers : Ce manuel se lit vite et bien, et constitue une bonne entrée en matière pour aborder le HTML 5. Evoquant d’abord les versions précédentes, il précise ensuite les nouveautés du langage, notamment en matière de multimédia (audio et vidéo) et de graphisme vectoriel.
Responsive web design : L’auteur explique comment concevoir un site Web pour anticiper et répondre aux besoins de l’utilisateur.

Ces trois livres sont complémentaires car ils abordent trois aspects à prendre en compte quand on conçoit actuellement un site web : les css pour la forme, le HTML5 pour le contenu et le responsive design pour le rendre accessible sur tout les supports.

Couverture des livres, HTML5, CSS3, Responsive Design

Comment perdre un client en une seconde ?

Raphaël — Thu, 05 Jan 2012 15:11:56 +0000

Il suffit de suivre l’exemple de Zalando.fr en ce moment. La page d’accueil est recouverte d’un formulaire et il n’y pas moyen de passer outre. Hors, je n’ai pas l’intention de donner coordonnées, j’ai été client une fois mais je n’ai pas l’intention de perdre à 5 minutes retrouver les identifiants et depuis quand on me demande ma carte d’idée pour rentrer dans un magasin ! Le formulaire étant bien fait je ne peux même pas taper 3 « qsdkfjks » vite fait pour passer. Il faut le remplir correctement.

Page d'accueil de Zalando.fr, début janvier 2012.

Je suppose qu’il y a une sombre histoire juridique de solde derrière ce formulaire ou simplement marketing à deux francs, six sous. Il fut une époque où notamment la FNAC faisait systématiquement cela, mais c’était dans les temps anciens du web que les plus jeunes n’ont pas connus.

Pour la peine, je vais aller dans un vrai magasin « en brique et mortier » comme on dit par chez nous.

Bonne année 2012 et petit bilan de 2011.

Raphaël — Thu, 05 Jan 2012 11:42:45 +0000

Pour bien commencer cette année 2012, je vous propose de revenir sur les articles publiés en 2 011 sur le bloc-notes d’iErgo. Vous trouverez, ci-dessous, le recueil des douze articles les plus lus, les plus commentés ou simplement ceux qui me paraissent les plus pertinents chaque mois. Ça parle donc d’ergonomie et d’expérience utilisateurs, mais aussi de choses plus futiles et légères.

Je vous propose deux formats pour ce recueil, en PDF avec une jolie typographie ou au format ePUB à lire sur votre tablette.

La fréquentation globale du bloc-notes est en hausse par rapport à 2010, passant de 28 559 à 68 720 en 2011 visites. Un jour de semaine, il y a environ 200 à 250 visites, un peu plus quand un article est publié, beaucoup plus (2060 visites) quand Macgénération fait un lien sur sa page d’accueil. Ce qui m’encourage bien-sur à continuer cette aventure.

Je vous souhaites à tous une bonne année 2012 !

Découvrez iTunes U !

Raphaël — Mon, 12 Dec 2011 09:36:06 +0000

Je ne sais pas si vous connaissez iTunes U et son contenu absolument exceptionnel ? C’est une des catégories disponibles sur iTunes dans le store. Le contenu proposé est gratuit dans sa grande majorité et proposé par des experts des différents domaines.

Je vous propose donc une petite sélection des présentations que j’ai trouvées. C’est loin d’être exhaustif vu le nombre et la qualité des intervenants.

En anglais

Human computer interaction.Université de Standford. C’est le lien vers la dernière session (Hiver 2011), mais vous pouvez retrouver les contenus des sessions précédentes aussi. (« Human-Computer Interaction Seminar » dans la recherche).
Développement sur iPhone et iPad.Université de Standford.

En français, au collège de France, sur la psychologie

Physiologie de l’action et de la perception. Collége de France, Alain Berthoz.
Psychologie cognitive expérimentale. Collége de France, Stanilas Dehaene.
Jean Piaget. Université Paris 5

Pour les rubriques ludiques et qui n’ont rien à voir avec l’ergonomie et les IHM.

Nationale Geographic. De nombreux photographes.

Il y a encore sans doute de nombreux trésors à trouver dans iTunes U et les contenus sont mis à jour régulièrement.

Les moines copistes utilisaient l’oculométrie.

Raphaël — Tue, 06 Dec 2011 09:52:13 +0000

Oui, il faut en arriver à cette conclusion, les moines copistes au moyen âge utilisaient l’oculométrie (eyetracking in english). La preuve ? C’est simple, ils utilisaient les même procéder que Facebook, Linkedin et compagnie pour organiser la mise en page des ouvrages.

Seconde Bible de Charles le Chauve, France, Saint-Amand, IXe siècle

Comme le montre cet article, Here’s How People Look at Your Facebook Profile — Literally, utilisant l’eyetracking sur divers sites sociaux, l’utilisateur suit la structure de la page, s’arrête sur les visuelles et les titres. C’est fantastique, c’est révolutionnaire comme découverte ! Je n’en reviens pas !

On remarque dans les ouvrages anciens, du moyen âge par exemple, l’utilisation de lettrines, d’enluminures et de visuelles pour structurer la page, conduire la lecture et agrémenter l’espace. Mais alors si les moines copistes utilisaient de telles mises en pages c’est qu’ils connaissaient l’eyetracking et qu’ils avaient réalisés de telles études ?

Par exemple cette double page pourrait rappeler furieusement l’organisation actuelle de bien des sites, ou la page d’un profil Facebook.

Anges et diables : jouer le texte, France (Nord), 1577

Je suis tombé sur cette étude par l’intermédiaire de un article de Fred Cavazza qui s’enthousiasme aux vues de tels résultats. J’ai plus le sentiment que c’est (encore) une utilisation de l’eyetracking dans un mauvais contexte, en l’absence de toutes hypothèses scientifiques qui montre des choses tautologiques.

« 100 % des utilisateurs ont tenté lire le contenu. »

Allez pour le plaisir des yeux et de la typographie !

Pentateuque avec targoum et commentaire de Rachi, Italie vers 1450

Bible latine avec la glose ordinaire : Actes des apôtres, Épîtres canoniques et Apocalypse, Paris, deuxième moitié du XIIIe siècle

Bible de étienne de Harding, Cîteaux, 1109

Les illustrations sont issues de la BNF.

Google TV, Keep it simple ; Vraiment ?

Raphaël — Mon, 07 Nov 2011 08:10:44 +0000

Je vous avais déjà parlé de la Google Tv et des raisons de son probable échec ou non usages. Il faut bien croire que j’avais raison car Google vient de proposer une mise à jour. Mais je ne suis pas sur que les changements proposés soit vraiment pertinent.

Donc Google a décidé de mettre à jour les interfaces de sa Google Tv, le premier point de cette mise à jour est :

Keep it simple

qui est directement suivi par un petit paragraphe qui explique comment ça reste simple :

The interface is now much simpler. The new customizable home screen gets you to your favorite content quickly. And within “all apps” you can see all of your shortcuts, similar to your Android phone or tablet.

Je traduis brièvement :

L’interface est maintenant beaucoup plus simple. Le nouvel écran d’accueil personnalisable vous permet d’accéder à vos contenus préférés rapidement. Et dans »toutes les applications » vous pouvez voir tous vos raccourcis, comme sur votre téléphone Android ou votre tablette.

C’est juste la parfaite démonstration de tous ce qu’il ne faut pas faire.

« L’interface est maintenant beaucoup plus simple. » Ok, donc avant c’était le bordel, et là ça devrait être mieux mais la dernier fois vous aviez déjà dis c’était simple ? non ? « Simple » ne veut pas nécessairement dire « ergonomique ». Une interface peut être « simple » dans un contexte et trop complexe dans un autre.
« Le nouvel écran d’accueil personnalisable » Bien, déjà si il faut le personnaliser, ça va être compliqué car il va falloir paramétrer des trucs avant commencer à pouvoir utiliser efficacement tous cela ?
« vos contenus préférés rapidement » et ceux de ma femme, de mes enfants ? Oui, petit oubli de la part de Google, la TV c’est un objet partagé.
« comme sur votre téléphone Android ou votre tablette. » Bin, justement je ne suis pas sur mon téléphone, donc le contexte d’usage est différent !

Je crois que Google n’a pas encore pris la mesure de ce que veux dire « simple » en terme d’interaction sur la télévision.(...)
Lire la suite de "Google TV, Keep it simple ; Vraiment ?" (206 mots)

Mobile First !

Raphaël — Thu, 03 Nov 2011 14:10:26 +0000

Je suis en train de lire le livre de Luke Wroblewski, Mobile First, qui explique l’intérêt de concevoir d’abord pour les téléphones mobiles avant de concevoir pour d’autres supports.

Le livre est paru récemment, il s’appuie donc sur des exemples issus des smartphones actuellement sur le marché, iPhone en tête ! La démarche est pertinente, mais cela me fait un peu sourire.(...)
Lire la suite de "Mobile First !" (271 mots)

Head tracking et fausse 3D

Raphaël — Thu, 27 Oct 2011 14:04:41 +0000

J’avais l’autre jour une petite discussion autour de la 3d sur la TV et le fais que les lunettes et autres dispositifs étaient encore trop contraignants pour permettre en réel essor auprès du grand public. La conclusion était qu’il est facile de tromper le cerveau humain à partir du moment où l’on a compris comment il marche. Le problème étant justement de comprendre comment il fonctionne !(...)
Lire la suite de "Head tracking et fausse 3D" (20 mots)

Datavision

Raphaël — Tue, 25 Oct 2011 12:18:55 +0000

Datavision est un livre de David McCandless sur le design d’information.

Il est intéressant transformation d’une masse informations brutes en image permettant la compréhension globale puis fine d’un problème complexe. Je connaissais son travail par son site qui présente régulièrement de nouvelles « visualisations ». C’est un travail intéressant sur la simplification de la présentation de l’information, qui pourrait être largement réutiliser dans des applications notamment professionnelles.

Datavision (Information is beautiful)

Si vous avez 10 minutes à perdre vous pouvez même jouer avec l’information !

ParisWeb 2011, la présentation : Tester vos services, mythes et réalités !

Raphaël — Thu, 13 Oct 2011 16:00:33 +0000

La présentation que j’ai réalisé le 13 octobre 2011 à ParisWeb 2011.

Tester vos services_paris_web_2011

View more presentations from Raphaël Yharrassarry.

Télécharger la version PDF de la présentation : Tester_vos _services_ParisWeb_2011.

Donner votre avis sur cette présentation :

Les sources :

A Mathematical Model of the Finding of Usability Problems, Jakob Nielsen and Thomas K. Landauer, InterCHI 1993
Alertebox de Nielsen en 2000 : http://www.useit.com/alertbox/20000319.html
Testing Web sites : Five user is nowhere near enough, Jared Spool, Will Schroeder. CHI 2001
Les études CUE, http://www.dialogdesign.dk/CUE.html

Les méthodes d’évaluation :

Inspection Heuristique « à ma façon » http://wp.me/pKaTq-yD
Evaluer le nombre d’utilisateur : http://www.measuringusability.com/problem_discovery.php
La norme ISO 20282-3 http://www.boutique.afnor.org/
La source pour la feuille Excel : http://www.measuringusability.com/products/

Paris Web 2011, Tester vos services, mythes et réalités !

Raphaël — Wed, 12 Oct 2011 12:53:15 +0000

Pour rappel demain, J’anime une conférence à Paris Web 2011, sur le thème « Tester vos services, mythes et réalités ! » C’est 16h50 dans le petit amphi.

Je rappel le contenu de la conférence :

Le but de cette conférence est de faire le point sur les différentes méthodes d’évaluation des interfaces. Le point de départ est l’affirmation de Jakob Nielsen : 5 utilisateurs suffisent pour trouver 85 % des problèmes d’ergonomie. Cette affirmation est souvent reprise en oubliant de préciser le contexte théorique qui date de 1993. Depuis les études sur le sujet, notamment une série d’études « Comparative usability evaluation » de Rolf Molich, ont été nombreuses ce qui permet de répondre à des questions comme :

Combien de participants sont nécessaires pour trouver le plus de problèmes critiques ?

Peut-on trouver tous les problèmes ?

Est ce qu’il y a des différences de qualités entre les résultats obtenus par les différentes méthodes ?

Dans un deuxième temps, nous aborderons une partie pratique en répondant à la question : Quelle méthode à quel moment du projet ? La réponse est donc basée sur trois méthodologies « simples et élégantes » :

En début de projet : une méthode d’inspection des IHM »à ma façon ».

En cours de projet : des tests utilisateurs.

En fin de projet, pour valider la prise en main : Une méthodologie d’évaluation basée sur la norme ISO 20282 « Facilité d’emploi des produits quotidiens. »

Pour conclure, nous répondrons de manière précise à la question « Combien d’utilisateurs faut-il pour trouver 85 % des problèmes d’ergonomie ? » avec l’aide d’un outil statistique.

Je publierai aussi ici, l’ensemble des liens et mon support de présentation après la conférence.

« Mon forgeron est mort. »

Raphaël — Sun, 09 Oct 2011 22:09:05 +0000

Sujet difficile, sujet vu et revu ces derniers jours, que le décès de Steve Jobs, mais il se trouve que depuis toujours, j’utilise des Macs et divers iBidules.

Le premier Mac, que j’ai utilisé, était un Mac 128 ko, avec des logiciels comme MacWrite, MacPaint ou Airborne attack. J’ai rapidement compris l’avantage que l’on pouvait tirer de cet outil en termes de productivité. C’est sur des Macs que j’ai écrits tous les mémoires qui ont parcouru mes études. C’est un Mac que j’ai acheté quand je me suis mis à mon compte et c’est encore sur un Mac que j’écris cet article.

Alors quand j’ai entendu que Steve Jobs était décédé, je me suis dit « Merde… (long moment) le gars qui me fournit mes outils depuis plus de 20 ans est mort ». A une autre époque, j’aurai pu dire « Mon forgeron est mort, comment je vais faire maintenant ? » . Sans Steve Jobs, mon travail serait différent et sans doute plus compliqué ou plus long à réaliser.

L’autre aspect lié à Steve Jobs, à ses divers collaborateurs et à Apple, c’est qu’il a toujours été un moteur dans le domaine de l’ergonomie. Sans lui et son impact sur les IHM, je ferai sans doute mon métier d’une manière bien différente. Aujourd’hui, avec un peu de recul, je suis bien content d’être aller aux divers keynotes précédent l’Apple Expo dans les années 1 998 à 2 000.

Merci Steve.

Sur le même sujet, un billet sur urbanbike « Steve et moi« .

Windows 8, un OS paranoïde ?

Raphaël — Fri, 23 Sep 2011 06:58:59 +0000

J’ai pris le temps d’installer une version développeur de Windows 8 sur une machine virtuelle. Ce n’est pas les conditions idéales pour tester un OS surtout que je n’ai pas d’écran tactile ce qui doit pas mal jouer.

Ce qui apparaît rapidement c’est cette double interface entre l’interface classique Windows (ou WIMP) et l’interface Metro issue de Windows Mobile 7 qui est la première présentée. L’interface Windows est présenté comme une brique de Metro. Ça rappelle furieusement l’intégration de Mac OS 9 dans Mac OS X, qui apparaissait dans une fenêtre.(...)
Lire la suite de "Windows 8, un OS paranoïde ?" (178 mots)

Arrêtez de prendre les utilisateurs pour des débiles !

Raphaël — Tue, 20 Sep 2011 12:05:02 +0000

J’avais déjà écrit une brève avec ce titre il y a fort longtemps en 2001, mais je crains malheureusement que le propos ne soit toujours d’actualité. Je résumais la description faite de l’utilisateur dans un article paru dans une revue professionnelle :

L’article parle du comportement de l’utilisateur du Web. On constate que cet utilisateur est monomaniaque, superficiel, technophobe et impatient. De plus il n’aime pas la couleur, ignore totalement le design et l’architecture du site, ne regarde pas les pubs et ne pense qu’à sa « préoccupation du moment ».

Un rendez-vous professionnel m’a refait penser à cet article. Mon interlocuteur décrivait les futurs utilisateurs d’une application comme vieux, peu à l’aise avec l’informatique et ayant des difficultés avec le « mulot ». Mon interlocuteur étant de la même génération que ces futurs utilisateurs, cela m’a fait sourire. D’un autre coté quand on voit la qualité de l’ergonomie, ou plus précisément son absence, des applications existant sur le poste de travail standardisé de la dite entreprise, je veux bien croire que les utilisateurs rencontrent des difficultés.(...)
Lire la suite de "Arrêtez de prendre les utilisateurs pour des débiles !" (393 mots)

Ergonome IHM ; une définition

Raphaël — Tue, 06 Sep 2011 19:40:07 +0000

J’ai rédigé une définition du métier d’ergonome IHM pour le guide des métiers des designers interactifs. Je vous la livre là. Le terme d’ergonome « web » était initialement utilisé, mais le web n’est qu’une parti de l’activité de l’ergonome « IHM » ou « Interactif ». N’hésiter à commenter cette définition, cela permettra de l’affiner pour l’année prochaine !

Ergonome IHM

L’ergonome coordonne et réalise des analyses d’activité avec des utilisateurs, afin de prendre en compte l’activité observée pour réaliser des interfaces utiles et utilisables. Il transcrit les besoins et objectifs des utilisateurs en modèles structurés d’interfaces et en prototypes. La méthodologie de l’ergonome se base sur trois champs de connaissances : le facteur humain (psychologie cognitive, physiologie, etc.) , la science des IHM (Interface Humain Machine) et les usages réels du public ciblé.

L’ergonome doit connaître et comprendre les utilisateurs d’une interface dans leur contexte (leur profil, leurs besoins et leurs attentes…), afin de faciliter la réalisation de leurs objectifs.

Il collabore étroitement avec l’équipe design pour assurer la cohésion et la conformité des choix avec les conventions de références pour le terminal choisi ou si besoin il réalise ce document de référence. Il prend en compte la globalité de l’expérience utilisateur sur les différents terminaux. Il facilite l’innovation. Il prend une part active dans la définition et l’évolution des pratiques courantes et de la méthodologie.(...)
Lire la suite de "Ergonome IHM ; une définition" (433 mots)

UX, ergonomie, les divers « titres »

Raphaël — Fri, 02 Sep 2011 07:36:58 +0000

Comme souvent avec l’émergence d’une nouvelle spécialité, on voit fleurir des titres plus ou moins pompeux pour les différents experts réels ou supposés d’un domaine. J’ai parcouru quelques profils sur Linkedin et Viadéo pour voir ce que cela donnait. La majorité des personnes travaillent en France ou français, même si réseau Linkedin est très anglophone et Viadéo plus francophone.

Voila le résultat :

(...)
Lire la suite de "UX, ergonomie, les divers « titres »" (156 mots)

Les gestes, les écrans tactiles et la littérature !

Raphaël — Mon, 22 Aug 2011 12:36:52 +0000

Un peu de lecture concernant la gestuelle, dans la littérature, issue de la dernière conférence CHI 2011. Ces articles abordent trois thèmes en relation avec l’utilisation d’écran tactile et l’utilisation des gestes :

La problématique de la détection ou non des gestes signifiants. Natural Activation for Gesture Recognition Systems Mathieu Hopmann. Frédéric Vexo, Patrick Salamin, Daniel Thalmann, Nicolas Chauvin.
La performance lors de l’utilisation d’un téléphone mobile. Experimental Analysis of Touch-Screen Gesture Designs in Mobile Environments. Andrew Bragdon, Eugene Nelson, Yang Li and Ken Hinckley.
Le dernier concerne l’accessibilité des interfaces gestuelles pour les malvoyants. Usable Gestures for Blind People: Understanding Preference and Performance. Shaun K. Kane, Jacob O. Wobbrock, Richard E. Ladner.(...)
Lire la suite de "Les gestes, les écrans tactiles et la littérature !" (1,455 mots)

© Raphaël pour Le bloc-notes ; ergonomie & UX, 2011. | Permalink | Pas de commentaire |

Site web en une page, et ligne de flottaison

Raphaël — Mon, 08 Aug 2011 06:48:32 +0000

J’ai toujours eu du mal avec le concept de ligne de flottaison. Cette ligne imaginaire sous laquelle les utilisateurs n’iraient pas voir. L’utilisateur va voir en-dessous si il y trouve un intérêt. Faire un site « full-screen » est de toute manière une aberration. La taille des écrans variants fortement d’un poste à l’autre, voir sur un même ordinateur relié ou non à un écran externe. C’est de plus contraire à l’esprit même d’une page web et « in »accessible car la forme n’est pas séparée du contenu.

Alors l’apparition de sites en HTML5, sur une page verticale me réjoui fortement ! Les graphistes et autre DA vont pouvoir s’éclater et respecter, je l’espère, les règles du W3C.

Quelques exemples pour la route :

Si vous avez d’autres exemples, je suis preneur !

© Raphaël pour Le bloc-notes ; ergonomie & UX, 2011. | Permalink | 13 commentaires |

Mais pourquoi Mac OS X Lion ne coute que 23,99 € ?

Raphaël — Thu, 21 Jul 2011 10:27:20 +0000

Hier à la sortie de Mac OS X Lion, on me demande « Combien ça coûte ? » « 23,99 € » « Seulement ??? » « Heu, bin oui »… Si on compare avec Windows 7 dont les prix sont dans les 150 € voir beaucoup plus pour certaines éditions ou même avec les versions précédentes de Mac OS X c’est effectivement assez ridicule comme prix.

Comment on fixe un prix ?

Il y a plusieurs méthodes pour fixer un prix.

La méthode artisanale : On additionne les coûts de productions, de distributions, les divers frais, puis on ajoute une marge raisonnable, ça donne le prix. Cette méthode n’est valable que sur des produits où la marge est très réduite et/ou la concurrence est forte.

La méthode marketing : Vous faites une étude de marché, vous regardez le positionnement de votre produit ou de votre service par rapport aux gammes de vos concurrents et vous fixez le prix en fonction du prix du marché avec quelques nuances du type « plus de pub, donc prix un peu au-dessus de sa gamme ».

La méthode Nespresso / Imprimante / Rasoir : L’appareil en lui-même ne coûte pas très chère, il est souvent vendu prix coûtant. Ce sont les consommables qui coûtent une fortune et qui supportent l’essentiel de la marge.

La méthode Luxe : Le prix est parfaitement indépendant des coûts de production, il ne dépend que des capacités financières des potentiels acheteurs.

Dans le cas de Mac OS X, les coûts de production sont minimes et bien maîtrisé (Mac OS X à plus de 10 ans), il n’y a pas vraiment de concurrents et ce n’est pas un produit de luxe. Est-ce que l’on est dans le cas Nespresso ? Regardons ce que vend Apple.(...)
Lire la suite de "Mais pourquoi Mac OS X Lion ne coute que 23,99 € ?" (265 mots)

© Raphaël pour Le bloc-notes ; ergonomie & UX, 2011. | Permalink | 28 commentaires |