J’avais évoqué brièvement la « WIMPisation » dans un billet concernant les usages du web. J’entends par là, le portage sur une interface WIMP d’un service initialement conçu pour le web.

La Webisation.

Quand j’ai commencé à travailler en 1998, la tendance c’était de passer toutes les applications, notamment professionnelles, d’une interface WIMP (Windows, Mac OS) à une interface Web. Cela se faisait non sans mal, avec des problèmes de performance et la nécessité d’utiliser Java.

La tendance s’est largement poursuivie par la suite avec des solutions comme SAP. L’apparition de services purement sur le web c’est multiplié pour toutes sortes d’activités. Au début, pour publier des textes sur internet, il était nécessaire d’utiliser un logiciel comme Dreamweaver, pour faire les pages HTML et les mettre en ligne. Maintenant en 3 clics dans Wordpress, c’est fait avec tous ce qui va bien : RSS, twitter, indexation, liens…

Les services Web ont divers avantages, mais ils ont aussi des inconvénients pour l’utilisateur, notamment :

• Les temps de réponses, ils sont bien supérieurs sur un réseau (à quelques rares exceptions) que sur un PC (Personnal Computer). L’utilisateur attend donc la réponse après chacune de ces demandes au lieu d’avoir une interaction fluide.
• L’interaction est réduite car elle est contenue dans un navigateur. Donc actions simples sur un PC comme la multi-sélection, le copier-coller, deviennent complexes sur le web.

La WIMPisation ?

On constate maintenant que le mouvement va dans le sens inverse, vers une « WIMPisation » (versus « Webisation ») des services Web.

• Sur l’iPhone, on trouve une apps pour Facebook, une pour Twitter, une pour chaque journal, une pour Wordpress, etc…
• Twitter propose une architecture ouverte qui permet de publier facilement à partir d’applications. Et si vous regardez l’origine des tweetts, pour beaucoup c’est à partir d’une de ces applications.
• Les services de gestions de photos proposent souvent une application notamment pour la création de livres ou d’albums, qui est un enfer à réaliser sur une interface web.

Cette tendance est flagrante sur l’iPhone. Elle devrait se poursuivre avec l’iPad, s’il connaît le succès qu’on lui prédit. Sur les PC, la tendance est moins évidente, mais par exemple Chrome OS à pour but de présenter des applications web comme des applications WIMP en supprimant l’environnement du navigateur. Les travaux publiés sur cet OS ne sont pas encore assez avancés pour avoir une idée précise du résultat en terme d’ergonomie.

menu "démarrer" de ChromeOS.

Après le portage du Web vers le WIMP peut être plus ou moins heureux. Beaucoup de concepteurs ou développeurs sont fortement imprégnés de la culture des interfaces web. Il leur est alors difficile de produire des IHM sur des bases différentes qui ne leur sont pas toujours familières.

L’utilisateur gagnera en confort d’utilisation sur ces services, sachant qu’une interface WIMP n’exclut pas d’avoir une interface Web en complément.

Quelques exemples WIMPisation réussis sur l’iPhone :

Le Monde, sans doute le portage le plus respectueux du guidelines de l’iPhone pour un journal.

Le monde sur iPhone

Twitter, pour rester vivant sur Internet à tout moment !

Twitterrific

Se loger, l’application est plus simple à utiliser que le service sur le web. Autant le site est un peu fouillis, autant l’apps est claire. En plus, il n’y a pas de pub !

Seloger.com sur iPhone.

Bon, ce n’est pas tout, l’iPad est en précommande sur l’Apple store US !

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

« Idée directrice guidant la recherche, ou procédé aidant la résolution d’un problème. Une heuristique est une aide dans la démarche mais elle ne garantit pas a validité de la solution qu’elle a permis de trouver. [...] Les heuristiques sont généralement propres à un domaine et elles ne sont connues que de celui qui est expert dans le domaine. Par exemple, dans la découverte de l’origine d’une panne l’expert sait utiliser des court-circuits qui lui évitent la recherche systématique telle qu’elle est prescrite dans les consignes. »

Les critères ergonomique de Bastien et Scapin, utilisé pour la conception et l’évaluation des interfaces sont des heuristiques à comparer aux normes Iso 9241-10. Elles permettent à des experts de résoudre les problèmes, sans nécessairement compulser la norme de maniére systématique. D’autres critères heuristiques existent comme ceux proposés par Nielsen.

Source : Vocabulaire de l’ergonomie, Octares Editions, 1997.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Pour concevoir sur la télévision, il est nécessaire de connaître les contraintes matérielles, qui sont bien différentes de ce que l’on peut trouver habituellement dans le domaine du Web, de l’informatique ou même du téléphone mobile. Plusieurs aspects rentrent en considération pour comprendre les performances des interfaces et les possibilités offertes :

• Les tuyaux : Les réseaux ont diverses performances, ADSL haut-débit, ADSL basse performance, Fibre optique
• Les box : Des plus anciennes, au plus récentes, elles ont des performances très diverses.
• Les télévisions : Le parc des télévisions est très varié.
• Les télécommandes foisonnent, les boutons aussi !

Le tout compose un ensemble complexe et hétérogène avec des performances variables.

Les tuyaux

Il existe globalement trois catégories de réseaux utilisés pour la télévision :

L’ADSL, avec un débit inférieur à 4Mo/s, en dehors des zones urbanisées, éloignées des répartiteurs. La télévision nécessite un débit de l’ordre de 2Mo/s. Chez certains opérateurs cette bande passante est réservée strictement à la télévision, chez d’autre elle est partagée. Ce faible débit ne permet pas, par exemple, de diffuser (en streaming) directement les vidéos avec une qualité suffisante, cela nécessite un téléchargement préalable en mémoire.

L’ADSL, avec des débits supérieurs à 4Mo/s, il permet des usages comme le multiposte (TV sur plusieurs écrans), le visionnage immédiat des vidéos. Mais encore avec certaines limites, notamment les temps de réponses des serveurs, pour charger certaines interfaces comme le guide de programme contenant beaucoup de données et des images.

La TV par l’ADSL est présente dans environ 4,6 millions de foyers en France.

La fibre optique, avec des débits de l’ordre des 100 Mo/s. Elle est encore très peu répandue : 60 000 foyers en France (Source : ARCEP). L’avantage majeur est la possibilité de télécharger des fichiers important en des temps records. Par exemple, une vidéo haute définition peut être visionnée immédiatement.

Un moyen de contourner les limitations des réseaux est de télécharger un maximum de données en amont dans les box quand c’est possible, afin d’y avoir accès immédiats. Par exemple, TIVO synchronise les données des EPG et de l’utilisateur pendant la nuit, lorsque les réseaux sont sous-utilisés.

Les boxs

Les boxs sont historiquement de plusieurs types :

• A l’origine, les boxs faisaient modem TV et Internet pour certaines et uniquement modem TV pour d’autres. Elles présentaient uniquement les fonctions de bases (Flux TV, infos sur le flux,…). Elles ne pouvaient décoder qu’un flux à la fois.
• Les boxs fournis actuellement au public présentent plus de fonctions, avec souvent la présence d’un disque dur. Des fonctions permettant d’utiliser le réseau local sont souvent présentes. Elles peuvent décoder deux flux en même temps ce qui permet d’en enregistrer un et d’en regarder un autre.
• Des laboratoires, des boxs plus puissantes sont en gestion, avec notamment des possibilités graphiques avancées (décodage de 4 flux ou plus en même temps).
• Les télévisions connectées sont des produits récents qui intégré directement la box dans la télévision. Par exemple, Sony propose des télévisions où la partie «box» peut être changée sans changer l’écran.

A l’origine, c’était essentiellement les FAI (Fournisseurs d’Accès Internet) qui «donnaient» des boxs. D’autres acteurs vendent maintenant des boxs sans fournir le flux TV. On peut citer, par exemple, Apple (Apple TV), FNAC (Fnacbox) ou TIVO aux Etats-unis.

Box Sagem longtemps proposée par Orange.

Ce qu’il faut retenir :

L’affichage de la vidéo est toujours performant avec des processeurs dédiés, mais les interfaces ne sont pas affichées par les mêmes circuits. L’affichage des interfaces, notamment sur les boxs anciennes, est donc souvent médiocre en termes, de performances, de taille d’affichage ou d’effets de transitions.

L’affichage est géré par couches. Il y a donc une couche pour la vidéo ou le flux TV, une pour les interfaces graphiques, une pour des éléments propriétaires (réglage du son, P+/P-, animation d’attente), etc… Le nombre de couches et leur niveau sont souvent fixes (sauf sur les modèles récents) : la vidéo au fond, puis l’interface graphique, puis les éléments. Donc pour afficher une vidéo en quart d’écran avec un texte, il faut un flux vidéo spécifique à la bonne taille et une interface, par-dessus, laissant un rectangle transparent au bon endroit.

Les interfaces graphiques sont affichées dans un navigateur, plus ou moins spécifiques. Les télévisions connectées utilisent, par exemple, des moteurs standards comme le webkit.

Les télévisions

Le parc actuel de télévisions se compose, à fin 2009, d’environ 50% de télévisions à écran plat, en 16/9. La progression est de 10% par rapport à l’année précédente. Le reste étant donc des écrans cathodiques et en 4/3. Les télévisions supportant la HD (Haute définition) forment environ 40 % du parc.

La durée de vie d’un téléviseur est de dix ans, donc on observe un taux de renouvellement de 10%, chaque année. Il faut noter que les dimensions des écrans restent stables lors du changement de matériel, ce qui est logique car la nouvelle télévision vient prendre la place de l’ancienne et donc présente un encombrement similaire. L’utilisateur change de télévision, pas d’appartement !

Le passage du 4/3 au 16/9 pour une taille de diagonale identique entraîne donc une diminution de la hauteur de l’écran, ce qui a un impact sur la présentation des informations et notamment la taille des caractères.

Les télécommandes

Généralement, il y a une télécommande pour la télévision, une pour le lecteur DVD ou le magnétoscope, une pour la box,… Le nombre de télécommandes est fonction du nombre d’appareil, mais certaines fonctions se concurrencent comme le réglage du son ou du format de l’image (16/9 ou 4/3).

Toutes ces télécommandes présentent généralement entre 40 et 60 touches différentes. Il faut savoir que le temps nécessaire pour trouver LA touche à utiliser se calcule à partir de la loi Hick. En deux mots, si il y a trop de touches de «raccourcis» cela va en réalité pénaliser l’utilisateur lorsqu’il accède l’ensemble des fonctions même les plus courantes.

Pour un usage courant une vingtaine de touches suffisent :

• (1 touche) Marche/veille : allumer et mettre en veille.
• (10) Pavé numérique : numéroter une chaîne et saisir des codes.
• (2) P+/P- : Changer de chaîne.
• (2) Volume +/-, : Régler le son.
• (4 à 6) Navigation : Naviguer dans les interfaces (ok, retour, haut/bas, en option : droite/gauche)

Plusieurs constructeurs font actuellement des efforts pour réduire sensiblement le nombre de touches. Par exemple, le cube proposé par Canal+ propose une télécommande relativement simple. L’Apple TV (par Apple) à une télécommande encore plus simplifiée.

Télécommande du Cube de Canal+

L’interface graphique sera conçue en lien avec les possibilités offertes ou non par la télécommande. En gardant à l’idée qu’il est infiniment plus simple de modifier une interface graphique que rajouter ou de supprimer une touche sur une télécommande.

Source : ARCEP, Autorité de Régulation des Communications Electroniques et des Postes. http://www.arcep.fr

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Cela fait maintenant 5 mois environ que ce bloc-notes est en route. Je pense que c’est l’occasion de faire un petit bilan.

• Le rythme des articles, après quelques tâtonnements, j’essaye d’avoir le rythme suivant, un article long en début de semaine (lundi ou mardi) et un court en fin de semaine (jeudi ou vendredi). Et en fonction de l’actualité, de temps en temps un article supplémentaire.
• Le référencement : une partie du trafic vient des moteurs de recherches, notamment Google. L’autre source essentielle de visite est l’univers ergoihm sur Netvibes. Plus ponctuellement, Twitter entraine des pics de trafics quand un article est retweetter.
• L’aspect graphique a un peu évolué au cours de ces 5 mois, mais c’est essentiellement des modifications de la CSS, pour se rapprocher de la page d’accueil d’iErgo. Il faut un peu de temps pour s’approprier Wordpress et stabiliser les différentes fonctions.

La fréquentation globale du site est en forte progression sur le mois de février, avec 100 % de plus de visiteurs qu’en janvier. Le travail commence à porter ses fruits.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

« La cognition désigne l’ensemble des activités et des processus par lesquels un organisme acquiert de l’information, la traite, la conserve et l’exploite. Le mot est français, mais son utilisation, avec l’acception qu’a en anglais le mot cognition, s’est développée récemment , en relation avec la place qu’ont pris les théories cognitivistes. Alors que la connaissance traite du savoir, la cognition renvoie à l’ensemble des activités par lesquelles le sujet développe sa connaissance et acquiert des connaissances. C’est pourquoi les grandes fonctions psychologiques que sont la perception, l’apprentissage, la mémoire, l’intelligence, le raisonnement, la résolution de problème, la fonction symbolique et le langage sont de son ressort. »

Le lien entre cognition et comportement reste un problème qui est au cœur de l’analyse de l’activité. Les comportements ne sont pas uniquement liés à la cognition. La motivation, les émotions et les affects jouent un rôle important dans les décisions et donc dans les comportements.

Les progrès effectués dans l’étude de la cognition humaine ont rapidement fait l’objet de transpositions partielles dans certains systèmes d’informations. Des études sur les réseaux de neurones se sont inspirées de travaux sur la cognition.

En conception d’IHM, La cognition donne un cadre théorique sur lequel s’appuyer mais elle ne permet pas d’avoir une démarche prédictive vis à vis des comportements des utilisateurs.

Source : Vocabulaire de l’ergonomie, Octares Editions, 1997.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Un petit lexique avec les termes et les abréviations courantes dans le domaine de la télévision.

EPG, Electronic Programme Guide, Guide des programmes.

La notion d’EPG recouvre les moyens numériques disponibles permettant à l’utilisateur de consulter les programmes TV. Cela peut être aussi bien une grille des programmes, qu’un moteur de recommandation ou encore un classement thématique.

L’utilisateur consultant un EPG peut se poser deux types de questions :

• « Quand passe tel programme ? » par exemple le prochain épisode d’une série. Une fonction comme « Season Pass » (voir ci-dessous) ou un moteur de recherche convient alors très bien.
• « Qu’est ce que je vais regarder ? » l’utilisateur va donc chercher les programmes qui l’intéressent et uniquement ceux-là sur une plage horaire. Une présentation par tranche horaire peut alors convenir.

Il ne faut pas oublier que la référence reste les magazines papier qui sont les hebdomadaires les plus vendus de la presse.

FTTH, Fiber To The Home, Fibre optique.

La fibre optique jusqu’à la maison permet un débit bien supérieur à l’ADSL. Elle permet notamment le téléchargement rapide de gros fichiers comme les vidéos, supérieures à 1 Go, en très peu de temps. Pour plus de détails, consulter l’article sur Wikipédia.

IPTV, Télévision sur IP.

C’est la diffusion de la télévision par l’intermédiaire d’un réseau IP, en l’occurrence Internet. C’est à différencier de la télévision hertzienne ou de la TNT, Télévision Numérique Terrestre.

PVR, Private Virtual Recorder, Magnétoscope numérique.

Le PVR est la version numérique du magnétoscope classique. Il permet donc la programmation et l’enregistrement de programmes Tv. Il peut apporter aussi des fonctions nouvelles comme l’enregistrement à distance, le Time-shifting ou le « Season Pass ».

Une réussite en matière de PVR est le service proposé par TIVO aux états-unis.

Season Pass, « suivre une saison ».

C’est une fonction proposée par TIVO qui permet, à partir d’un épisode d’une série, de programmer automatiquement l’enregistrement de tous les épisodes à venir sur toutes les chaines disponibles avec un minimum d’actions pour l’utilisateur.

STB, Setup Box ou Set Top Box, « Box ».

Boîtier permettant le décodage des flux vidéos de l’IPTV, l’affichage des interfaces et la gestion des interactions. Il peut aussi permettre d’accéder à des services comme la VOD (Vidéo à la demande) ou le PVR (Magnétoscope numérique).

Start-over, « Voir le début ».

Cette fonction permet de visionner depuis le début un programme qui est déjà en cours de diffusion, sans pour autant l’avoir enregistré. Le start-over va permettre d’accéder à la vidéo à la demande du programme en cours. Cette fonction est différente du time shifting qui nécessite la présence d’un PVR.

Time shifting, « Décalage temporel ».

Le principe du Time shifting est d’enregistrer en continu le flux vidéo de la chaîne que l’utilisateur est en train de regarder. L’utilisateur peut alors mettre en pause, revenir en arrière, lire l’enregistrement, avant de revenir au direct. Un changement de chaîne va par contre arrêter le time shifting, car le flux de la nouvelle chaine n’aura pas été préalablement enregistré.

TNT, Télévision numérique terrestre.

La télévision numérique terrestre est la technologie qui est en train de remplacer la télévision hertzienne. Les avantages pour l’utilisateur sont notamment :

• un plus grand nombre de chaînes gratuites, 18 au lieu 6.
• une meilleure qualité d’image ou pas d’image si le signal n’est pas suffisamment bon.

Un inconvénient est que dans les zones avec une réception médiocre (ex : vallée en montagne), la télévision hertzienne donne une image brouillée mais visible, au contraire de la TNT qui donne aucune image.

TVOD, TV on demand, Télévision à la demande.

La TVOD est aussi appelé « télévision délinéarisée » car elle propose les programmes d’une chaîne de télévision sous la forme de vidéos à la demande que l’utilisateur peut regarder quand il le souhaite. Il est encore rare que l’ensemble des programmes de la chaîne soit réellement disponible en TVOD, le plus souvent pour des raisons de droits d’auteurs.

VOD, Video on demand, Vidéo à la demande.

C’est l’équivalent numérique du Vidéo club, permettant de regarder ou de louer des vidéos de films, de séries ou de documentaires quand l’utilisateur le souhaite. A noter que, actuellement, la VOD est juridiquement assimilée à la location classique en vidéo-club, ce qui implique des contraintes notamment sur la durée de location et gène la mise en place de certains modèles économiques.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | 2 commentaires |

Les IHM ne sont pas conçus au petit bonheur la chance, mais nécessite une méthodologie précise pour aboutir à un résultat de qualité. Cette méthodologie se base sur trois domaines de connaissances.Mais il faut distinguer d’abord trois aspects de la conception d’IHM.

L’ergonomie, le design et les IHM.

Il est nécessaire de distinguer ce qui tiens de l’ergonomie, du design et des IHM. Le modèle de l’ergonome se construit sur la base de l’analyse de l’activité et la connaissance des IHM. Le travail du design permet de donner la forme et d’industrialiser le service.(...)
Lire la suite de "Méthodologie pour la conception d’IHM." (724 mots)

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Un commentaire |

J’ai rédigé initialement cette définition pour le petit dictionnaire du design numérique.

Les interfaces « texte » se sont développées dans les années 70 à 90 lorsque les systèmes informatiques avaient des capacités graphiques limitées. Elles ont été supplantées depuis par des interfaces graphiques à manipulation directe, mais elles restent présentes dans certains services. Contrairement aux interfaces en ligne de commande, les interfaces texte exploitent la totalité de l’affichage de l’écran pour exécuter des tâches. Elles furent largement utilisées dans les années 1980 sur les PC de la marque IBM pour rendre disponibles davantage de fonctions et offrir une meilleure facilité d’usage.

L’exemple le plus utilisé d’interface texte est sans aucun doute le Minitel proposé par France Telecom.

Dans les interfaces texte, l’interaction se base sur la présentation de dialogues ou de formulaires associés à une liste de commandes. L’interaction se fait uniquement à l’aide du clavier. Par exemple, l’interface sera la suivante :

Remplissez le formulaire.
Nom :
Prénom :
Adresse :
F1 : champ suivant, F2 : champ précédent,
Envoi : Valide le formulaire, Retour : Page précédente

Les interfaces texte se distinguent donc des interfaces en ligne de commandes par le fait qu’il n’est pas nécessaire d’apprendre un langage. Elles se distinguent aussi des interfaces WIMP par l’absence de métaphores et de moyens de manipulations directes.
Même si l’interface est sous forme de texte, le besoin de représentations graphiques a toujours été présent ce qui a donné lieu à la création de graphismes sur la base de signes typographiques. Ceci a donné naissance à l’ASCII Art.
Source : Eric Butow, User Interface Design for Mere Mortals, Pearson Education, 2007

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Voila une jolie présentation de Windows Mobile 7.

Si on essaye de faire abstraction de l’effet « démo », il est intéressant de voir que l’approche est radicalement différente des versions précédentes de Windows mobile. Les versions antérieures étaient un portage « historique » de Windows PC, sur mobile.

Cette nouvelle version part sur une tout autre base. Elle est visiblement orientée vers le grand public et tout ce qui fait le succès de l’iPod ou de l’iPhone. On retrouve des choix fondamentaux, à premier vue, comme l’absence de gestionnaires de fichiers et donc des applications qui gèrent leurs données.

Après, le fonctionnement par « grandes feuilles » avec uniquement une partie de la feuille visible à l’écran me paraît intéressant, mais entre l’effet démo et la réalité, il peut y avoir une différence importante. Il faut imaginer la même interface avec énormément de données, de services ou très peu. De même, être innovant avec le grand public n’est forcément adapté.

La concurrence a du bon. Sans oublier qu’un téléphone ça sert à téléphoner avant tout !

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Après le web et le téléphone mobile, la télévision est sans aucun doute le nouveau support pour les services interactifs. Que ce soit sur des réseaux propriétaires par l’intermédiaire des «box», ou plus récemment par les télévisions connectées, la concurrence entre les différents acteurs s’affole. Chacun imagine de nouveaux services, du plus simple au plus complexe, lié ou non à la télévision. Dans bien des cas, les interfaces de ces services sont conçues comme des doublons plus ou moins adaptés de services existants par exemple sur le web.

Nous allons donc vous présenter une vue d’ensemble des divers principes de bases qu’il est nécessaire de mettre en œuvre pour concevoir sur la télévision en respectant l’expérience des utilisateurs.(...)
Lire la suite de "Concevoir des IHM pour la télévision." (511 mots)

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | 3 commentaires |

J’ai utilisé ce terme pour la note « Apple, brevets, IHM et prédictologie ! » et je me suis aperçu par la suite que c’est un mot qui n’est pas dans le dictionnaire. Je me propose donc de le définir !

[Néologisme, féminin, nom commun.] La prédictologie est une pseudo-science qui a pour but de prédire l’avenir à court terme, deux ans maximum, d’un service, d’un produit, d’un marché ou d’une entreprise sur la base de l’interprétation logique de données ou d’informations. L’avis ainsi rendu est souvent péremptoire et accompagné de recommandations.

L’interprétation est souvent biaisée soit par un parti pris sur le sujet, soit par l’utilisation de corrélations illusoires. La validité des données ou des informations utilisées n’est pas souvent vérifiée. Les domaines de prédilection de la prédictologie sont l’informatique et le marketing, mais aucun secteur d’activité n’est épargné.

Exemples :

• Le 6 octobre 1997, alors qu’Apple était au plus bas, un journaliste demanda à Michael Dell ce qu’il ferait s’il était en charge de la firme de Cupertino. « Qu’est-ce que je ferais ? Je fermerais la boîte et je rendrais l’argent aux actionnaires » avait-il déclaré. Dix ans après la valeur d’Apple est largement supérieur à celle de DELL.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Cet article reprend une réponse que j’ai rédigé pour la liste Ergoihm, une liste de diffusion sur l’ergonomie des IHM. Les questions de l’email initial sont donc en citation.

Il y a plusieurs sujets qui s’entremêlent dans ce que tu dis, mais c’est intéressant d’aborder le sujet de manière globale. Je vais essayer de répondre à tes questions mais une par une !

L’année 2009 a été l’année du développement des réseaux sociaux et communautaires, tels que Facebook ou Twitter, mais aussi l’année de l’internet mobile. L’essor des ventes de téléphones tactiles (et surtout de l’iPhone) nous permet de constater que de plus en plus d’internautes sont aussi des mobinautes.

Je passe sur le Web 2.0 et les réseaux, c’est un peu avant 2009, Facebook a 6 ans ! L’internet mobile se développe, oui, mais il faut définir ce que l’on entend par l’internet mobile. Ce qui est constaté par les opérateurs et les hébergeurs, c’est la surreprésentation de l’iPhone dans les statiques de connexions. Cette différence a probablement plusieurs sources dont la qualité de l’ergonomie de l’iPhone et les forfaits data « illimités » associés à celui-ci. Ce n’est pas uniquement l’écran tactile multitouch qui en est l’explication. L’aspect tactile est un plus, mais 95 % des interactions pourraient aussi se faire avec un stylet ou une souris.

L’internet mobile ce n’est pas seulement du Web sur téléphone mobile mais l’ensemble des connexions data, avec notamment l’utilisation des Apps (applications pour iPhone). Pour prendre un exemple, si tu souhaites lire « Le Monde » sur ton iPhone, tu ne vas pas sur le site du Monde, mais tu télécharges l’apps qui elle-même synchronise le contenu. Donc, ce qui se développe très fortement, plus que le Web mobile, c’est l’utilisation d’applications synchronisant tout ou une partie des données avec un serveur internet, ce en situation de mobilité.

C’est assez amusant de constater cela. Quand j’ai commencé à travailler en 1998, la tendance qui s’est poursuivie depuis, c’était de passer toutes les applications, notamment professionnelles, d’une interface WIMP (Windows, Mac OS) à une interface Web. Cela se faisait non sans mal, avec des problèmes de performance et la nécessité d’utiliser Java. On constate maintenant que le mouvement va dans le sens inverse, vers une « WIMPisation » (versus « Webisation ») des services Web. Sur l’iPhone, tu as une apps pour Facebook, une pour Twitter, une pour chaque journal, une pour Wordpress, etc…

Avec en plus l’avènement des tablettes tactiles en 2010, je me dis que notre façon de naviguer sur internet va devoir elle aussi évoluer.

Nos modes d’interaction avec internet et les usages qui en résulteront devront eux aussi changer.

Qu’en pensez-vous ?

Tu utilises le verbe « devoir », mais en quoi l’arrivé d’une nouvelle technologie peut elle crée une obligation morale de changer tes habitudes ? Une technologie nouvelle ne va faire évoluer les usages que si l’utilisateur y trouve son compte.

Que tu reçoives la télévision, par la fibre optique, l’adsl, la TNT ou en Hertzien, tu te vautreras de la même manière dans ton canapé et consommeras autant de bières en regardant le tournoi des six nations ! Par contre, si tu peux avoir un magnétoscope qui se programme à distance, supprime les pubs et enregistre automatiquement ta série préférée (exemple : TIVO http://www.tivo.com) cela va avoir un impact fort sur ton usage de la télévision. (How Do People Really Interact With TV? Naturalistic Observations of Digital TV and Digital Video Recorder Users, Darnell, M, J., 2006). L’adoption d’une technologie se fait surtout si l’efficience, pour des usages existants, est améliorée.

Je me pose aussi la question de l’impact des tablettes tactiles ? Elles sont à mi-chemin entre un téléphone tactile et un ordinateur portable. Plus maniable mais moins puissant qu’un ordinateur portable (sans prendre en compte les netbooks), moins pratique qu’un téléphone…

Je pense que ces tablettes peuvent considérablement changé notre façon de naviguer mais aussi d’appréhender ce qu’est un ordinateur en général.

Quand tu dis moins pratique, tu veux sans doute dire moins « ergonomique » ? Sachant l’ergonomie se définit pour un outil, une population, une tâche et un contexte. Donc en mobilité, la tablette est moins pratique que le téléphone pour téléphoner… ou écrire ?

Alors, déjà il y a tablette et tablette, tactile et pas tactile. Pour faire simple, ce qui émerge sur le marché actuellement, c’est :

• Les ebook ou les tablettes spécialisées comme le kindle d’Amazon pour la lecture.
• Les tablettes PC, c’est un PC, sans clavier ni souris, sous Windows (ou Linux), avec un écran tactile.
• et l’iPad qui est un iPhone en plus grand, sans le téléphone.

Les ebooks, ils ne remplacent pas l’ordinateur mais le livre ou le journal, comme l’iPod a remplacé le Walkman. C’est un périphérique. Donc ça n’a pas d’impacts sur la perception de l’ordinateur. Les tablettes PC, le clavier et la souris sont remplacés par un écran tactile, mais à part cela, il y peu de changement. Le fonctionnement est similaire à un PC. L’interface est semblable.

Dernier cas, l’iPad, là c’est un peu plus intéressant car ce n’est pas un Mac amputé de son clavier et de sa souris. Mais la base est l’iPhone, donc un produit grand public pour un usage quotidien,avec une prise en main qui se doit d’être évidente. Cette facilité de prise en main est notamment due à l’absence de gestionnaire de fichier.

Effectivement, cela va sans doute changer la perception de l’informatique pour une partie du grand public, qui va avoir un « ordinateur » mais sans les difficultés de prise en main d’un OS classique.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

J’ai rédigé initialement cette définition pour le petit dictionnaire du design numérique.

Les interfaces en ligne de commande sont nées avec l’informatique. Initialement, des paquets de données étaient envoyés à l’ordinateur. Ces paquets donnaient à la fois les informations et les traitements à effectuer, sans aucun contrôle de l’utilisateur. Avec des programmes de plus en plus en complexes, de plus en plus long, il a été nécessaire d’établir un « langage » pour que l’utilisateur puisse donner des instructions à la machine et avoir un retour.

Les interfaces en ligne de commande nécessitent donc que l’utilisateur apprenne un langage. Ce langage est généralement composé d’une syntaxe précise. Par exemple, sous Unix :

commande options fichiers_ou_données

Une commande désigne généralement un programme qui peut être paramétré avec des options et qui s’applique sur un fichier ou des données. Les instructions ainsi établies peuvent être imbriquées et donc décrire des traitements complexes en peu de lignes.

Une fois le langage connu et maîtrisé par l’utilisateur, ce type d’interface peut devenir extrêmement efficace et plus performant pour certaines tâches qu’une interface graphique.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Ou « Pourquoi l’iPad va plaire à ta mère ? »

C’est le premier titre que j’avais en tête, s’il est un peu plus racoleur accrocheur, il est quand même un peu trop réducteur. Donc à moins d’être isolé dans un monastère copte sur une ile grecque sans électricité, depuis 6 mois vous savez qu’Apple va sortir une tablette, un gros iPhone sans le téléphone !

Suite à cette annonce, de nombreux blogueurs plus au moins influents ont commencés à critiquer l’iPad à tour de bras, parce qu’il manquait telle ou telle fonction, que ça ne supportait pas Flash, que jamais un truc aussi nul se vendrait, etc… Une deuxième vague a commencé à faire entendre sa voix et elle dit, à juste raison : « l’iPad n’est pas fait pour les geeks. ». Il faut bien le reconnaitre, c’est effectivement un produit pour le « vrai » grand public, qui va largement marcher sur les plates-bandes des ebook, et autres netbooks.

Qu’est qui fait l’ergonomie de l’iPad ?

Je rappelle qu’on ne peut définir l’ergonomie d’un outil que pour un public donné, pour une tâche et dans une situation. L’ergonomie n’est jamais absolue.

Il y a fort longtemps, quand j’étais à la fac, je faisais du soutien en informatique. La principale difficulté, que je rencontrais,  était d’expliquer le systéme de gestion des fichiers, afin que les étudiants n’enregistrent pas leurs travaux n’importe où. Ils rencontraient de réelles difficultés à construire un modèle mental fonctionnel de l’ordinateur et plus précisément de la sauvegarde de fichiers.

Sur l’iPad, comme sur l’iPhone, il n’y a pas de gestionnaire de fichiers. Ce sont les applications qui gèrent leurs données. Quand l’utilisateur veut écrire un mail, il ouvre Mail. Pour gérer ses photos, il ouvre Photos, sans avoir à connaître l’emplacement des fichiers. L’utilisation est donc orientée vers l’action, la tâche et non vers la gestion des données. Cette absence de gestion de fichiers est d’autant plus pertinente qu’aujourd’hui les données peuvent être stockées n’importe où, aussi bien sur un disque qu’au fin fond d’Internet.

Voila, cherchez pas plus loin, c’est ce qui fait la différence entre l’OS des iphones/iPads et la très grande majorité des éventuels concurrents (linux, windows mobile, Jolie Cloud,…). Le coût à l’entrée pour l’utilisateur qu’est la compréhension de la gestion des fichiers disparait. Il peut faire ce qu’il veut directement. La prise en main et la satisfaction sont donc grandement améliorées.

Donc pour le grand public, de 7 à 97 ans, qui n’est pas née avec un ordinateur au bout des bras, pour une utilisation de loisir ou de bureautique simple, l’iPad devrait être un excellent outil !

PS : comment mettre en avant un produit sur un site avec la méthode Apple ?

Oui, il n’y a que l’iPad sur la page d’accueil et la barre de navigation en haut.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | 2 commentaires |

Petite discussion concernant la typographie et les choix qui peuvent être faits sur le sujet.

Sérif versus sans sérif.

Les polices de caractères avec sérif ont une ligne de base plus marquée renforcée par les « pieds » des caractères. Ceci aide l’oeil du lecteur à se déplacer horizontalement. Sans sérif et sérif peuvent être combinés sur une même page

• sérif est souvent plus facile à lire dans le corps du texte.
• sans sérif peut être utilisé pour créer un contraste.
• la résolution et la couleur influencent ces choix.

Combiner les polices de caractères.

Quand on combine plusieurs polices de caractères, il est important de décider à l’avance comment elles vont s’harmoniser ou contraster. En général, il ne faut pas utiliser plus de deux polices de caractères sur une même page. Une excellente typographie est invisible et elle n’entrave ni la lecture, ni l’information. Un surplus de polices de caractères sur une même page distrait le lecteur, crée une intrusion visuelle qui ralentit le processus de lecture.

Contraster par l’engraissement.

Combiner des polices avec différents engraissements peut créer un contraste très pratique. Par exemple entre un Helvetica gras et un Times normal. Mais attention, certaine police avec des engraissements différents peuvent apporter trop de contraste ou une trop grande complexité visuelle.

Considérer la qualité de l’affichage.

La qualité de la publication ou de l’affichage varie énormément : Imprimante laser, vidéo, écran, télévision, etc… Donc dans le choix de la police de caractères, de sa taille, de ses variations, il faut prendre en compte le média de parution final et son effet sur la lisibilité. L’italique généralement illisible sur les écrans informatiques mais peut être très lisible sur support papier. Avec une mauvaise qualité de sortie, les sérifs des petites polices de caractères peuvent disparaître ou les très petites lettres en gras peuvent être pleines.

Espacement des lettres.

Quand les lettres sont trop près, elles sont difficiles à distinguer les unes des autres, et donc sont moins lisibles. Quand les lettres sont trop espacées, le regroupement des lettres devient difficile pour l’oeil. L’espacement varie en fonction des lettres qui l’encadre. L’espacement optimal n’est pas mesurable, il doit être au moins égal à un pixel ou à la largeur du trait du caractère.

Espacement des mots.

Quand les mots sont trop proches, ils sont difficiles à distinguer les un des autres, et donc sont moins lisibles. Quand les mots sont trop espacés, le regroupement des mots devient plus difficile pour l’oeil. Quand l’espace est plus grand entre les mots qu’entre les lignes, l’oeil du lecteur se dirige vers le bas de la page au lieu de parcourir la ligne.

Espacements des lignes.

L’espace entre les lignes du texte doit être proportionnel à la taille des caractères. Les ascendants d’une ligne et les descendants de la ligne précédente ne doivent pas se toucher. Il faut donc au moins deux pixels entre chaque ligne. On peut aussi améliorer la lisibilité en augmentant l’espace entre les lignes en fonction de la largeur de la colonne.

Longueur des lignes, largeur de colonnes.

La longueur correcte d’une ligne est celle permettant à l’oeil de passer facilement d’une ligne à l’autre sans confusion et de continuer à lire les lignes suivantes. Pour une page affichée sur un écran, il est conseillé de faire des lignes de 60 à 80 caractères.

Justifié ou aligné à gauche.

Traditionnellement, les textes sont présentés justifiés en particulier dans la presse écrite car cela permet au regard de glisser sur la page pour ne s’arrêter que sur les titres. Mais une colonne justifiée peut avoir des espaces inégaux entre les mots, créer des « rivières » ou des espaces blancs verticaux à l’intérieur des paragraphes. Les « rivières » font que l’oeil se déplace vers le bas de la page au lieu de continuer sur la ligne. De plus une colonne justifiée à un contour rectangulaire qui ne permet pas au lecteur d’utiliser les bords pour se repérer facilement d’une ligne à l’autre. Si les colonnes doivent être justifiées, il faut mieux qu’elles soient relativement larges, car plus elles sont courtes plus les espaces risquent d’être déformés.

Contraster une police.

Accentuer une police permet de faire ressortir un mot ou un passage important dans un texte. Il y a trois manières de base pour accentuer une police :

• Gras ou EXTRA gras.
• Italique : l’italique étant plus difficile à lire, il est déconseillé sur les écrans ou pour les passages longs.
• MAJUSCULE : l’utilisation des majuscules pour souligner n’est pas habituellement une bonne idée, car les mots en majuscule forment un rectangle ce qui a pour conséquence de rendre plus difficile pour l’oeil la différentiation entre les groupes de lettres.

Polices de caractère décoratives.

Les polices décoratives ont un graphisme particulier qui s’ajoute à la forme de la lettre. Par exemples :

Elles doivent être utilisées avec précaution. Ces polices transmettent un message, un style ou une idée dans leurs formes. Il faut donc que ce message soit bien celui que l’on veut faire passer avec le texte. De plus, leurs formes particulières les rendent beaucoup moins lisibles.

Blanc sur noir ou noir sur blanc : contraste positif ou négatif.

Le blanc sur noir est moins lisible que le noir sur blanc. Pour une même taille, les lettres blanches apparaissent plus petites que celles qui sont en noires. Il est donc préférable d’utiliser un contraste positif ce qui diminue également les problèmes de reflet sur les écrans.

Lisibilité versus Visibilité.

La visibilité est bonne si dans une page, on peut trouver ce que l’on cherche. La lisibilité est bonne si on peut lire facilement le texte. La visibilité dépend donc de la mise en forme et du design de la page. Une bonne utilisation de la typographie la rend lisible. La lisibilité est déterminée par :

• la police de caractères
• la qualité de l’affichage
• la longueur des lignes
• l’espace entre les lettres, les mots et les lignes
• la justification ou l’alignement à gauche
• la couleur
• le mouvement

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Apple est une société qui dépose de nombreux brevets. Une bonne partie de ceux-ci ont pour sujet les IHM. La rumeur du moment concerne une éventuelle tablette mac qui serait un croisement entre iPhone et un iMac. Ces rumeurs se basent notamment sur toute une série de brevets déposés depuis plusieurs années.

Les brevets.

Concernant les brevets, il faut savoir plusieurs choses. La législation en Europe et aux USA sur les brevets n’est pas la même. En Europe le caractère innovant du brevet est primordial. Vous ne pouvez pas breveter quelque chose de trivial. Aux USA, il est plus facile de déposer un brevet un peu sur tout et n’importe quoi. Il « suffit » que personne ne l’ai fait avant vous.

Il existe deux grands types de brevets :

• Le premier est le brevet classique portant sur une innovation qu’une société souhaite protégée.
• Le deuxième type de brevet, qu’on pourrait surnommer « tires de barrage », a pour but d’occuper le terrain, d’empêcher les concurrents d’innover, d’agir. Il reprend souvent un brevet innovant (d’une autre société) , le modifie un peu en changeant des détails ou/et son domaine d’application. Il quadrille ainsi tout autour du premier brevet, pour empêcher toutes les variations.

Un dernier type de brevet, que peut se permettre une société comme Apple, c’est le brevet « poudre aux yeux », c’est un brevet innovant ou non mais qui ne sera jamais mis en œuvre. C’est souvent le fruit de travaux annexes ou d’hypothèses invalidées. Le but étant simplement de faire croire qu’on suit certaines pistes alors qu’on est déjà passé à autre chose.

Les brevets concernant les IHM.

Il est intéressant de lire par exemple le brevet US20060026535 déposé par Apple pour une éventuelle tablette, afin de comprendre ce que l’on peut breveter en matières d’IHM (Interface Humain Machine). Une IHM seule est difficilement brevetable, c’est souvent la combinaison d’un dispositif physique avec une IHM pour un usage plus ou moins précis qui est brevetée.

Illustration d'un brevet IHM déposé par Apple.

Donc là, un exemple de navigation dans une mosaïque de photo, sur une tablette avec une roue type « iPod ». Mais cela pourrait aussi servir pour un iPod nano, sans molette, avec un écran tactile.

Illustration d'un brevet d'IHM déposé par Apple.

Comment tourner les pages sur un livre électronique ?  Ça peut paraître simple à première vue, mais il faut en réalité définir tout le geste : un léger mouvement, une page de « tournée »; un mouvement plus rapide, plusieurs pages de « feuilletées »; si le doigt est reposé, le mouvement est arrêté, etc… C’est cette somme de détails qui va faire la différence et la qualité finale de l’interaction.

Et la prédictologie !

He bien pas de ça chez nous, Monsieur !

Il faut bien voir que même si ce brevet est exploité pour une éventuelle future tablette, il y aura nécessairement un décalage. Le brevet peut être utilisé partiellement. Il comprend aussi des clauses qui ne sont pas illustrées. Des termes assez vagues sont utilisés, par exemple « input device » (« périphérique d’entrée »). L’ensemble fait que ce brevet donne une grande l’attitude d’interprétation. En imaginant aussi qu’il peut être combiné avec d’autres brevets ! La durée de vie d’un brevet étant de 20 ans, il peut aussi tomber dans l’oubli avant de ressortir dans dix ans pour un autre dispositif.

Si nous reprenons les 3 types de brevets évoqués au début  :

• Innovant : modérément, mais c’est plus proche de la spécification fonctionnelle de haut niveau que d’un travail de recherche pur.
• « Tires de barrage » : Oui, là, très clairement, si un concurrent avait l’idée de faire une tablette en hybridant un ipod, un iphone, un netbook et/ou un ebook, c’est raté ! Le terrain est pris.
• « Poudre aux yeux » : Ce n’est pas à exclure. Apple peut avoir étudié le sujet et l’avoir invalidé ou repoussé. Cela s’est déjà vu par le passé.

Encore quelques jours de rumeurs ou quelques années ! En attendant, il est possible de prédire une présentation pour le 27 janvier 2010, en espérant entendre la phrase rituelle « One more thing » !

En conclusion.

La lecture de brevets est très intéressante et apporte de nombreuses informations et idées. Mais, ça ne permet de définir les prochains produits d’une société. Il serait aussi pertinent de se poser la question de l’usage et de la cible marketing, pour tenter de deviner l’apparence d’une éventuelle tablette Apple.

Sources :

Macbrains Blog d’infos sur les brevets Apple en français.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

La typographie est un aspect important du design de l’interface. Une bonne typographie est la base d’un bon design. Avec les centaines de polices de caractères (et leurs déclinaisons : italique, condensé, etc.) qui existent, il est difficile de trouver la bonne police qui correspond à l’usage que l’on veut en faire.

Le choix d’une police de caractères a un impact direct sur la manière dont est lue et perçue une information. La police de caractères peut augmenter la qualité d’une interface ou affaiblir l’utilisabilité du produit. Le contexte d’usage de la typographie est aussi important que son application.

L’oeil humain ne lit pas les lettres une par une, ou les mots un par un. Il bouge le long d’une ligne de texte, groupe le texte de manière à former des groupes d’information compréhensibles. Ce déplacement de l’oeil durant la lecture est un mouvement par saccade. La police de caractères affecte directement ce processus, en facilitant ou non les regroupements qu’effectue l’oeil, et donc cela à un impact sur la lecture et la compréhension.

Il est souvent dit qu’une bonne typographie est invisible. Mais le choix de la police de caractères en fonction du propos et du contexte demande une certaine expérience.

Evolution du "A"

Recommandations.

On considère que la taille des polices affichées sur écran est identique à la taille de celles qui sont imprimées sur papier.

Généralités.

• Attribuer à chaque fonte un seul usage pertinent et cohérent.
• Utiliser les fontes fournies en standard par le système.

Choix d’une police de caractères.

• Utiliser des polices sans sérif pour les titres, les libellés et les fontes utilisées par le système.
• Utiliser des polices avec sérif pour les textes.
• Utiliser des fontes de caractères dont la largeur se situe entre 50% et 100% de la hauteur.
• Utiliser des polices sans sérif et non grasses pour les fontes de petites tailles (inférieure ou égale à 10 points).
• Utiliser les polices bien formées plutôt que les polices stylisées ou décoratives.

Utilisation des variations d’une police de caractères.

• Utiliser une taille appropriée : l’angle de vue doit être situé au minimum entre 0°16′et 0°22′ soit 3 et 4 millimètres à 60 cm pour une lettre capitale. D’où une taille 12 pour travail normal sur écran. En considérant que les polices affichées à l’écran ont une taille identique à celle imprimée sur papier.
• Ecrire en minuscule (avec la première lettre en majuscule en français) tous les textes, même les titres, les libellés ou les titres de fenêtres.
• Ne pas utiliser l’italique pour l’affichage sur écran.
• Pour contraster, il faut, de préférence, mettre la police de caractères en gras.
• L’espace entre les lettres doit être d’au moins un pixel.

La mise en forme.

• Pour un affichage sur écran, les lignes doivent faire entre 60 et 80 caractères.
• Pour un document, ne pas utiliser plus de 2 polices de caractères, 3 tailles et 2 variations. Au total, il doit y avoir maximum 8 fontes différentes et de préférence 6.
• Aligner à gauche le texte plutôt que de le justifier.
• Utiliser un contraste positif : écrire en noir sur fond blanc ou gris clair.
• L’espace entre les lignes doit être proportionnel à la largeur des colonnes. Il doit être supérieur ou égal à deux pixels.
• L’espace entre les mots doit être inférieur à celui entre les lignes.
• Structurer les textes de manière à donner un rythme à la lecture à l’aide de paragraphes, de lignes blanches, de retraits.
• Hiérarchiser l’information à l’aide des polices et de leurs variations.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

J’ai rédigé initialement cette définition pour le petit dictionnaire du design numérique.

La loi de Hick, ou loi de Hick-Hyman, est un modèle qui décrit le temps qu’il faut à un utilisateur pour prendre une décision en fonction du nombre de choix à sa disposition.

Pour prendre une décision, l’utilisateur va catégoriser les choix sous la forme d’une arborescence, regroupant les choix similaires. Il va en suite déterminer quelle branche de l’arborescence suivre, jusqu’à arriver à un choix unique. Cela donne un temps de réponse logarithmique. Une sélection choix par choix aurait donné un temps de réponse linéaire.

Concrètement, appliquée aux interfaces, la loi de Kick implique que :

• Si l’on ajoute un élément à une liste proposant un faible nombre de choix, le temps de réponse va fortement augmenter.
• A contrario, si on ajoute un choix à une liste de choix déjà longue, le temps de réponse va faiblement augmenter.
• Un nombre de raccourcis trop important (par exemple : sur une page web, ou sur une télécommande) demandera un temps de recherche plus élevé que la navigation classique.

La formule mathématique est la suivante :

T = b log₂(n + 1)

• T : le temps de réponse.
• b : une constante expérimentale en fonction de la situation.
• n : le nombre de choix. Le +1 correspond à la décision de répondre ou non.

Loi de Hick, temps de réponse en fonction du nombre de choix.

Source :

• Hick, William E.; On the rate of gain of information. Quarterly Journal of Experimental Psychology, 4:11-26, 1952.
• Hyman, Ray; Stimulus information as a determinant of reaction time. Journal of Experimental Psychology, 45:188-196, 1953.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Pour une fois qu’il est possible de communiquer sur un travail que j’ai réalisé,  je ne vais pas me priver !

Le contexte.

Orange et LG ont signé un partenariat pour intégrer dans les téléviseurs LG connectés (à Internet), un portail Orange présentant donc des contenus et des services.

La mission.

Spécifier les interfaces pour plusieurs de ces services à partir de zéro, en prenant en compte à la fois les nouvelles contraintes techniques, les délais relativement court, le graphisme et le positionnement marketing.

La réalisation.

Deux actions ont été menées en parallèle.

• Il a été nécessaire de spécifier un guidelines pour les interfaces utilisateurs. Pour chaque type de service, en fonction de sa structure (nombre de rubriques, profondeur, fonctionnalités), un modèle a été créé. Les règles de navigations ont été formalisées.
• Dans le même temps, il a fallu spécifier les services de manières itératives avec le graphisme et l’équipe de développement qui découvraient aussi la plateforme elle-même encore en évolution.

Il a été aussi nécessaire de convaincre certains interlocuteurs de la nécessité de faire simple, pour répondre à la situation d’usage (La télévision : moyens d’interactions réduits, vigilance faible,…) . Les délais, 3 mois, étaient assez courts vu le nombre de difficultés à gérer, mais l’équipe qui a travaillée dessus étant assez restreinte et chacun étant un expert dans son domaine, ça a très bien fonctionné.

Le résultat.

Pour voir le résultat, allez sur le portail Orange Innovation. C’est encore un prototype qui sert pour la démonstration, mais très proche du rendu final.

Orange, TV Connectée, Cinéma

Orange, TV Connectée, 24/24actu

Revue de presse : Le figaro,  Neteco, SVM le mag

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |

Quelques définitions avant parler de typographie.

Définition d'un caractère

Corps.

Cela renvoi à la hauteur de l’élément central d’une lettre minuscule. En anglais, cela est aussi appelé « x-height » car c’est l’équivalent de la hauteur d’un x en minuscule. Le corps n’est pas la taille en point.

Ascendant et Descendant.

L’ascendant est la partie de la lettre minuscule qui est au-dessus du corps. Le descendant est la partie de la lettre minuscule qui est au-dessous du corps de la lettre.

Sérif et sans Sérif.

Le sérif est l’excroissance qui existe aux extrémités de certaines polices de caractères. Une police droite (sans excroissance) se dit « sans sérif ».

Exemple :

Oeil.

L’oeil correspond à l’espace situé à l’intérieur d’une lettre.

Approche, espacement entre les caractères.

On entend par là l’ajustement de l’écart entre deux lettres de manière à donner l’impression que toutes les lettres sont à égale distance.

Variations.

Il existe différentes manières de faire varier une police de caractères.

• alléger
• engraisser
• condenser
• étendre
• mettre en italique

Certaines polices ont des variations supplémentaires comme différents niveaux d’engraissement, avec ou sans sérifs.

Caractères d'imprimerie en métal. (© Willi Heidelbach)

Fonte.

Se dit de l’ensemble des caractères d’une police ayant une taille et une ou plusieurs variations données. En plus de l’alphabet et des marques de ponctuation, certaines fontes incluent des symboles et des caractères spéciaux comme & ou $. Le terme « fonte » fait référence aux pièces de métal utiliser autrefois dans l’imprimerie.

Taille.

La taille de caractère réfère à taille en point. Deux polices en taille 12 peuvent avoir une hauteur de corps différente et donner l’impression que l’une est plus grande que l’autre.

Exemple :

Mais si on mesure la distance entre le haut des ascendants et le bas des descendants, pour ces deux polices de même taille, elles sont égales. Toutefois, pour les polices de caractères vectoriels, on note de légères variations.

Variation de pression : Les pleins et les déliés.

Très tôt, les créateurs de polices de caractères ont essayé d’imiter la forme des lettres écrites à la main. Le résultat est que les caractères ont des parties plus épaisses (les pleins) et d’autres plus fines (les déliés). Ces variations d’épaisseurs sont créées suivant une « diagonale de pression ».

Cet article a été initialement écrit en 1999.

© Raphaël pour iErgo, le bloc-notes | Ergonomie & IHM, 2010. | Permalink | Pas de commentaire |