www.archive-net-2013.com » NET » E » ERGOLAB

Choose link from "Titles, links and description words view":

Or switch to "Titles and links view".

    Archived pages: 258 . Archive date: 2013-09.

  • Title: Restituer les résultats d’une étude d'ergonomie - Ergolab
    Descriptive info: 24 Octobre 2004.. Restituer les résultats.. d’une étude d'ergonomie.. TAGS :.. Livrables.. Maquettes conceptuelles.. Méthodes.. pratiques.. Restituer les résultats d une étude d ergonomie.. Liste des articles.. Version imprimable.. Introduction.. 1.. Présenter des résultats: aspects généraux.. 2.. Spécificités de la restitution à un client.. 3.. Spécificités de la restitution aux équipes de conception.. Conclusion.. Pour en savoir plus.. Introduction.. Une part importante de la réussite d'une intervention ergonomique tient à la façon dont on présente les résultats.. En effet, c'est ce qui déterminera à la fois l'acceptation des propositions ainsi que leur prise en compte réelle dans l'application.. Cet article tente de déterminer quels sont les éléments clés qui font que la communication des résultats d'une étude est efficace.. L'idée clé est qu'un bon rapport d'ergonomie doit avant tout être utilisable.. Il doit être facile à lire, facile à comprendre, illustré et adapté au public.. Présenter des résultats: aspects généraux.. Un document présentant les résultats d'une étude ergonomique doit respecter des règles simples pour en faciliter la lecture et l'application.. Ces premières règles sont valables quelque soit le public.. 1.. Ecrire une synthèse de l'intervention et de ses conséquences.. Pour permettre au lecteur d'avoir une vue globale de l'intervention sans entrer dans le détail des recommandations, il est indispensable de fournir un résumé des résultats et recommandations associées.. Il s'agit de lister les points-clés de l'intervention et leur influence sur l'architecture et l'interface de l'application étudiée.. Dans le cas d'un travail sur une interface existante, cette synthèse ne doit pas uniquement être centrée sur les modifications à apporter (autrement dit sur les points négatifs à corriger).. Elle doit aussi souligner les aspects positifs importants.. 2.. Définir une hiérarchie de recommandations.. Un rapport d'ergonomie peut vite ressembler à une suite de recommandations difficilement lisible.. Lorsqu'on est immergé dans le métier d'ergonome, cet aspect est moins critique que pour un lecteur non averti.. En effet, la hiérarchie des défauts de l'interface est implicite du fait de notre base de connaissances sur l'ergonomie informatique.. Le risque est d'écrire un rapport avec cette base de connaissances en arrière-plan, sans réellement adapter la présentation des recommandations à un lectorat novice.. Cependant, pour quelqu'un d'extérieur, il est primordial de cerner rapidement les points centraux et les points de détail.. En effet,.. il est beaucoup plus facile d'appréhender les recommandations si on peut leur associer une valeur d'importance.. On améliorera donc la lisibilité et l'efficacité du rapport en mettant en valeur les points les plus importants.. On conseille de définir une échelle au début du document, permettant sans lire le document en entier de cerner rapidement les points clés de l'intervention.. Ce sont d'ailleurs les points de plus haut niveau qui seront repris dans la synthèse.. Cette échelle permet d'associer à chaque recommandation une évaluation sur leur impact:.. Présentation de 4 recommandations en fonction d'une hiérarchie commune, permettant de saisir rapidement l'importance relative de chacune des recommandations.. L'échelle d'importance des recommandations est composée de plusieurs niveaux d'importance.. L'importance d'une recommandation est évaluée en fonction des conséquences pour la qualité d'utilisation si cette recommandation n'est pas appliquée.. Si l'on veut faciliter la lecture il faudra limiter le nombre de niveaux maximum à 10.. A l'inverse, le nombre de niveaux doit être suffisant pour distinguer des problèmes aux impacts différents.. En fonction de l'application étudiée, on peut avoir besoin de plus ou moins de niveaux.. Par exemple, une échelle en 5 points pourrait distinguer :.. - Les simples remarques, les constatations et les améliorations qui pourraient être apportées sans que cela entrave réellement la qualité ergonomique de l'application.. - Les recommandations qui permettent d'améliorer des éléments mineurs de l'interface (et non la qualité globale du site).. On peut se permettre de ne pas suivre ces recommandations sans que cela risque de mettre en défaut l'utilisabilité générale de l'application.. - Les recommandations qui méritent d'être étudiées avec attention.. Leur implémentation permettrait d'améliorer réellement l'ergonomie de l'application.. - Les recommandations quasi-incontournables, représentant le cœur de l'étude et les points essentiels, mettant en cause des normes fondamentales en ergonomie ou en architecture de l'information.. - Les remarques sur les éléments clairement bénéfiques pour l'utilité ou l'utilisabilité de l'interface.. 3.. Définir une norme de présentation et de lecture des recommandations.. On peut faciliter la lecture du document en proposant une norme de présentation des recommandations, permettant au lecteur de lire le rapport en diagonale ou de façon plus approfondie.. Il trouvera ainsi toujours au même endroit et présenté de la même manière la remarque, le type de recommandation, les mots-clés de la recommandation, l'importance relative de la recommandation dans l'étude globale et la ou les solutions proposées.. La présentation peut se faire en fonction des éléments de l'interface ou en fonction du type de problème.. Il s'avère que le plus compréhensible pour le client est de raisonner en termes d'éléments visuels.. Pour un test utilisateur par exemple, le gabarit de rapport peut consister à classer les recommandations par tâche évaluée (exemple : tâche de référence : commande d'un article) puis par problématique (exemple : le  ...   recommandations orientées conception.. L'objectif de cette étape est de supporter le travail de conception des équipes de design et de développement.. Il s'agit donc de.. transformer les recommandations en spécifications.. Le moyen le plus efficace et le plus simple de transmettre ces informations est de les implémenter dans une maquette.. Fournir un gabarit des pages types, des éléments de l'interface et de leurs états potentiels est le meilleur moyen de faire comprendre rapidement la teneur des recommandations et de s'assurer de leur prise en compte.. Cependant, les maquettes ne sont pas les seuls éléments permettant de transmettre les recommandations ergonomiques.. Les documents les plus utiles pour la conception sont les suivants :.. ».. Modèles d'utilisation.. : ils représentent pour une tâche donnée le séquencement des étapes permettant d'atteindre l'objectif visé.. Ces modèles permettent aux développeurs de saisir la suite logique que devront présenter les différents écrans ainsi que les contraintes à prendre en compte.. On peut y inclure des notions concernant les restrictions d'accès en fonction des droits utilisateurs.. Exemple de cas d'utilisation permettant de tracer le cheminement de l'utilisateur à travers l'interface et les informations qui lui sont demandées ou qui lui sont fournies à chacune des étapes.. Architectures de systèmes.. : il s'agit de représenter l'organisation des contenus, le rubriquage, les interactions entre rubriques et pages de l'application, les liens transversaux:.. Exemple d'architecture de l'information.. Maquettes.. : il s'agit de représentations statiques d'une page d'un site ou d'une application.. On doit y formaliser les éléments présents, leur taille approximative, leur localisation, leur appellation.. Ces gabarits de pages peuvent intégrer des notions de zoning (division de la page en espaces d'information).. Ils mentionnent alors la taille relative des éléments en nombre de pixels.. Ce sont ces gabarits qui permettront au designer de travailler sur une base ergonomique correcte.. Exemple de gabarit de page et de son pendant graphique.. dungeontwister.. Zooms sur des éléments.. : les maquettes peuvent concerner un élément plus précis de l'interface afin d'orienter la conception de l'application (que ce soit du point de vue du design ou de la technique).. Ainsi, on peut présenter un gabarit de page global, accompagné d'un zoom concernant un bouton dans cette page, et les différents états qu'il doit prendre:.. Ces zooms sur des éléments particuliers de l'interface permettent d'être précis dans les spécifications, et d'insister sur des points que l'on sait potentiellement problématiques pour les concepteurs.. Fournir un exemple précis de mise en oeuvre d'une recommandation permet que de cet exemple puisse découler d'autres applications réussies.. L'application d'une recommandation générale sur un élément donné de l'interface (ici, un lien de téléchargement d'un fichier) permet aux concepteurs de mieux comprendre comment ils pourront l'appliquer pour tous les autres éléments semblables.. Toutes ces spécifications peuvent faire l'objet d'une charte ergonomique, donnant des directions sur la conception de chacun des éléments de l'application.. Un tel document pourra s'appuyer sur des exemples d'application positifs et négatifs afin de guider la conception de façon optimale.. L'objectif de ce type de document est de laisser des marges de manoeuvre tout en étant directif sur les éléments fondamentaux.. » Spécifications pour chaque pôle projet.. Lorsqu'une recommandation entraîne des modifications ou une attention particulière au niveau de la conception, il est nécessaire de le notifier.. Ces notes doivent être essaimées au long des documents, et reprises par "métier" de façon à faciliter leur mise en oeuvre par les personnes concernées.. » La restitution comme support de communication.. La formalisation de documents de restitution permet d'ouvrir la discussion et les négociations au sein de l'équipe.. Ces formalisations doivent être conçues et discutées tout au long du projet.. Elles sont en effet un moyen de valider ou de modifier les recommandations.. Proposer des spécifications aux concepteurs permet de discuter de la pertinence des recommandations au vu de critères externes à l'ergonomie.. Les recommandations devront ainsi être pondérées en fonction du design, du marketing, de la technologie….. Conclusion.. La restitution de documents est le point central d'une intervention ergonomique.. C'est en effet à partir de cette restitution que des modifications pourront être engagées sur l'interface.. L'objectif est donc double: proposer des recommandations en les argumentant par des exemples concrets, et écrire des spécifications qui soient les plus claires possibles pour les équipes de conception.. Pour en savoir plus.. Why Usability Findings Recommendations Don't Get Used.. Janice James (Activator), UPA 2004 Idea Markets (2004).. Writing Usability Reports.. (fichier pdf, 15Ko), Gaffney, J.. InfoDesign (2001).. Comparative Usability Evaluation.. , DialogDesign.. Le site du projet CUE, avec possibilité de télécharger tout ce qui concerne chacune des sessions de CUE, et notamment les documents de restitution fournis par les participants et leur analyse par l'équipe de DialogDesign.. Common Industry Format Usability Tests.. (fichier pdf, 128 Ko), Bevan, N.. , Proceedings of Usability Professionals Association Conference, Scottsdale, Arizona (1999).. Le site du projet Industry USability Reporting (IUSR).. , présentant le CIF.. Le site du CIFTer.. , Common Industry Format - Testing of usability Evaluation Reports.. Un exemple de document respectant le CIF.. , Brown, A.. Davidson, C.. (1999)..

    Original link path: /articles/restituer-resultats-etude-ergonomie.php
    Open archive

  • Title: Livrables - Ergolab, ergonomie sites web
    Descriptive info: TAG : Livrables.. Voir tous les tags.. tags.. Livrables.. Voir ce tag dans :.. les articles.. les chroniques de livres.. les liens.. le bloc-notes.. afficher.. liste des tags.. 4 ressource(s).. portent le tag.. "Livrables".. [article].. Les supports logiciels de l ergonome.. L'ergonome dans sa pratique quotidienne a besoin d'outils pour réfléchir, formaliser des idées et modèles, et conduire des tests utilisateurs.. Cet article ne détaille pas de façon exhaustive les supports logiciels de l'ergonome, mais se veut une présentation.. Lire l article.. Accessibilité technologique.. Chapitres de livres gratuits.. Outils.. Test utilisateur.. Tri de cartes.. Restituer les résultats d une étude d ergonomie.. Cet article tente de déterminer quels sont les éléments clés qui font que.. [lien].. Ugleah.. Experience designer, Leah Buley nous offre des exemples de son travail très intéressants et variés (Personas, maquettes,  ...   maquettes gabarisées que de mettre en page un livrable.. La puissance de l'application pour l'ergonome réside dans l'utilisation de pages types, de bibliothèques de formes et de styles de caractères ou de paragraphes.. L'export pdf est de plus une fonctionnalité clé.. La version d'évaluation est disponible en téléchargement.. Voir tous les tags du site Ergolab.. dernier article.. Les interfaces à base de glisser - déposer sont parmi celles qui font le plus rêver les concepteurs web.. Qu'en est-il vraiment du côté utilisateur, et qu'en dit l'ergonomie? Cet article liste chaque point d'accroche des interfaces de drag drop, et émet pour chacun des recommandations, tant du point de vue de l'utilité que de l'utilisabilité de ce mode d'interaction.. dernière note.. [05.. Lorsqu une fiche produit sort de sa page.. Lire la note n°12.. dernière chronique..

    Original link path: /tags/tag.php?id=41
    Open archive

  • Title: Maquettes conceptuelles - Ergolab, ergonomie sites web
    Descriptive info: TAG : Maquettes conceptuelles.. Maquettes conceptuelles.. 7 ressource(s).. "Maquettes conceptuelles".. Axure RP.. Axure offre sur son site une version d'évaluation de 30 jours pour tester Axure RP, outil facilitant le maquettage et le prototypage rapide d'écrans.. Prototypes.. Denim.. Un outil de prototypage rapide édité par le Group for User Interface Research de l'Université de Berkeley.. Son objectif est de conserver les avantages du prototypage papier, tout en y introduisant des notions d'interactivité : il permet de lier chacune des pages par les éléments d'interface que l'on y inclut.. Sauf à être un expert en dessin à la souris, il  ...   outil de base pour la formalisation d'architectures de systèmes ou de sites web, avec la possibilité d'utiliser des gabarits de formes UML.. A noter, on peut automatiser le processus de création d'arborescences de sites en important dans Visio un fichier texte ou Excel formaté dans cet objectif.. Illustrator + Photoshop (Adobe).. Les versions d'évaluation sont à télécharger sur le site international.. Deux outils intéressants pour créer des interfaces fines et précises.. Illustrator me paraît plus adapté pour la conception de maquettes mais nécessite de s'adapter au concept de l'illustration vectorielle.. Photoshop est plus accessible pour la conception graphique de base..

    Original link path: /tags/tag.php?id=37
    Open archive
  •  

  • Title: Les supports logiciels de l'ergonome - Ergolab
    Descriptive info: 08 Février 2004.. Les supports logiciels de l'ergonome.. Les supports logiciels de l ergonome.. Introduction : un support pour….. Formaliser des analyses de tâche.. Supporter l'activité d'évaluation.. Réaliser des tris de cartes.. 4.. Représenter une architecture d'informations.. 5.. Maquetter.. 6.. Prototyper.. 7.. Enregistrer une session de test utilisateur.. 8.. Traiter statistiquement des données.. 9.. Simuler une plate-forme utilisateur.. 10.. Livrer des documents.. Introduction : un support pour….. Cet article ne détaille pas de façon exhaustive les supports logiciels de l'ergonome, mais se veut une présentation rapide des applications qui sont les plus utilisées dans la pratique de l'ergonomie informatique.. La majorité des applications présentées conviennent à la pratique générale de l'ergonomie des interfaces homme-machine.. Cependant, certaines sont spécifiques à la pratique de l'ergonomie du web.. Les exemples proposés seront aussi orientés vers le domaine du web.. Enfin, on ne parlera pas uniquement de logiciels clients, mais on étendra ce concept à des applications, des services disponibles en ligne.. L'idée consiste à traiter cet article sous forme d'objectifs : Quelles applications conviennent pour quel objectif ? Nous présentons donc 10 parties, dédiées à 10 objectifs, auxquels sont associés un ou plusieurs exemples d'applications.. Certaines applications se trouvent associées à plusieurs objectifs, et c'est un critère essentiel, puisque c'est ce qui fera que l'ergonome puisse se spécialiser dans l'utilisation de ces applications.. Formaliser des analyses de tâche.. OBJECTIF.. Représenter un modèle de tâches sous forme graphique.. Les analyses de tâches en ergonomie n'ont de sens que si l'on peut les représenter sous une forme logique, compréhensible par la communauté, et qui puisse supporter la réflexion.. Les arbres des tâches que l'on est ainsi amenés à formaliser peuvent prendre des aspects différents selon la référence théorique que l'on adopte et le niveau de détail que l'on veut atteindre.. A priori, tous les logiciels facilitant la représentation graphique sont susceptibles d'être utilisés par l'ergonome dans cette phase de formalisation.. Dans la pratique, certains sont plus adaptés que d'autres, souvent parce qu'ils supportent efficacement la réutilisation de formes / de langages prédéfinis, et permettent ainsi à l'ergonome d'être efficient dans son travail de formalisation.. APPLICATIONS COURANTES.. : Visio, Rational Rose, Describe Enterprise.. EXEMPLE D'APPLICATION.. :.. Visio.. (Microsoft).. Présentation de Visio 2003 sur le site de Microsoft.. Version française.. Prix : environ 250€.. Version d'évaluation : NON.. Visio est le logiciel le plus flexible pour formaliser un ensemble de tâches.. En effet, il peut s'adapter en fonction du langage de modélisation.. On pourra ainsi tracer directement les formes qui nous sont utiles, ou se baser sur des bibliothèques de formes.. Visio intègre une bibliothèque UML permettant notamment de formaliser les cas d'utilisation d'un système.. Nous avons choisi de présenter cette application car c'est un outil de représentation graphique qui est utile à l'ergonome dans de nombreux cas, et pas seulement pour formaliser un modèle de tâches.. Exemple de document réalisé avec Visio.. Supporter l'activité d'évaluation.. Evaluer la satisfaction d'une interface à des critères ergonomiques.. Les applications les plus utilisées pour l'évaluation sont souvent des outils personnels, forgés au fil d'une pratique.. Elles peuvent consister en des gabarits de documents ou check-lists, intégrés dans des applications classiques de traitement de texte ou de publication papier.. UzReview.. (Uzilla).. UzReview présenté sur le site Uzilla.. Prix : gratuit.. UzReview est une application qui s'intègre uniquement au navigateur Mozilla.. Elle propose notamment de se baser sur les heuristiques de Jakob Nielsen ou de Keith Instone, et d'associer à chacun des critères une note sur une échelle de 1 à -4.. UzReview peut permettre de checker rapidement les points faibles d'un site.. Le concept s'avère pratique pour évaluer une application web, grâce à l'intégration d'UzReview au navigateur.. Il est important de présenter ce type d'outil.. Cependant, il semble peu flexible lorsqu'on a déjà acquis une certaine habitude de l'évaluation et que l'on utilise des outils plus libres.. UzReview donne la possibilité de générer automatiquement un rapport d'évaluation, reprenant chacun des points traités et les analysant.. Mais là encore, la flexibilité manque et l'on regrette assez vite les méthodes moins automatisées.. Interface de Mozilla couplée à UzReview (site.. camelot-lejeu.. ).. Réaliser des tris de cartes.. Le tri de carte consiste à présenter à l'utilisateur un paquet de cartes correspondant aux contenus à rubriquer, et à lui demander de faire des groupes de cartes.. Deux objectifs sont associés à la réalisation d'un tri de carte : la récolte et le traitement des données.. L'utilité des applications de tri est vraiment à discuter en fonction de ces objectifs.. La plupart des applications de tris associent un module de tri et un module de traitement des résultats.. Classified.. (InfoDesign).. Classified sur le site d'InfoDesign.. Version anglaise.. EZSort.. (IBM).. EZ Sort sur le site d'IBM.. CardZort.. (Jorge A.. Toro).. CardZort sur le site de Jorge A.. Toro.. Prix : gratuit (contacter l'auteur pour une utilisation commerciale).. WebCAT.. (NIST).. WebCAT sur le site du NIST.. La seule application de tri informatisé permettant un tri à distance.. CardZort / CardCluster.. CardZort est l'application qui sort du lot et nous ferait presque apprécier le tri de cartes informatique… Jorge A.. Toro a en effet réduit les défauts du tri informatisé au minimum.. Il a conçu CardZort au plus près d'un tri de cartes physique.. L'approche est intuitive, les cartes ressemblent à des cartes et se manipulent comme des cartes.. La construction d'un set de cartes, le tri de cartes et la compréhension de l'analyse sont faciles..  ...   Lire à ce propos la partie sur le tri de cartes.. SPSS.. Site français de SPSS.. Site international.. Prix : en fonction des modules statistiques intégrés.. Statistica.. (StatSoft).. Accès à la version d'évaluation de Statistica.. Version d'évaluation : OUI (limitation fonctionnelle).. Excel.. Présentation d'Excel sur le site Microsoft.. Prix : intégré à Office 2003 Standard : environ 500€.. Simuler une plate-forme utilisateur.. La simulation de caractéristiques technologiques peut servir deux objectifs : tester l'application en tant qu'expert, ou conduire un test utilisateur réaliste, dans des conditions d'utilisation que l'on estime identiques à celles de la population cible.. Dans l'idéal, on dispose de toutes les plate-formes possibles, c'est à dire de tous les croisements imaginables entre matériel physique, systèmes d'exploitation, navigateurs, résolutions d'écran, technologies alternatives.. En étant plus réaliste, on peut se limiter à disposer des systèmes d'exploitation, navigateurs et résolutions les plus courants (se référer aux statistiques d'utilisation).. On peut aussi dans le domaine du web utiliser des outils en ligne pour tester un site sur diverses plate-formes.. On n'aura cependant d'idée que sur le résultat final affiché (et non sur le comportement du système pendant le chargement ou le temps de chargement).. La simulation des plate-formes finales reste le meilleur indicateur de l'accessibilité d'une application.. Il n'existe pas de meilleur test que de se donner les moyens d'avoir un aperçu réaliste du comportement de l'application sur les plate-formes en question.. : systèmes d'exploitation, navigateurs, écrans, outils de test en ligne, synthèses vocales.. Icapture.. danvine.. com/icapture.. Daniel Vine propose un outil en ligne permettant de tester la compatibilité de votre site sur Safari (Mac OSX).. Il suffit d'entrer l'URL du site et après un délai de quelques secondes, Icapture livre une image du site tel qu'il s'affiche sous Safari.. BrowserCam.. browsercam.. Prix : $10.. 00 pour une heure d'évaluation (10 URL maximum), $39.. 95 par mois pour une utilisation illimitée.. Version d'évaluation : OUI (limitée à 8h d'essai effectif).. BrowserCam est un service en ligne, qui à partir d'une URL génère des copies d'écran du site affiché sur des plate-formes variées.. Il est possible de choisir parmi 16 navigateurs, 6 systèmes d'exploitation et 3 résolutions d'écrans.. NetLimiter.. netlimiter.. Prix : $29.. 95.. NetLimiter est un logiciel qui permet de limiter la bande passante en fonction des caractéristiques connues ou supposées des plate-formes cibles.. Si les prototypes sont conçus en html, il est ainsi possible de fixer une limite de débit en Ko, permettant de simuler la visite du site en fonction des débits moyens que l'on attribue aux plate-formes cibles.. EXEMPLE D'APPLICATION (4).. Jaws.. version française.. sur VisuAide.. Version d'évaluation : OUI (Utilisation possible pendant 40 min consécutives).. Jaws est un système de synthèse vocale permettant d'accéder auditivement aux contenus d'un site web.. Différents réglages sont disponibles pour configurer le comportement de la synthèse, les éléments qu'elle lit ou auxquels elle donne priorité.. EXEMPLE D'APPLICATION (5).. BrailleSurf.. Page de téléchargement de BrailleSurf 4.. BrailleSurf est un navigateur web qui permet une lecture simplifiée des pages web en les affichant sous forme textuelle.. Le système permet de traiter ce texte en le transférant à une plage braille ou à une synthèse vocale.. Livrer des documents.. OBJECTIF (1).. Livraison de rapports, publication de documents de travail.. APPLICATIONS COURANTES (1).. : Traitement de texte, InDesign.. Pour : la réutilisation optimisée de formes, l'application de styles, la flexibilité de l'application, la gestion de la mise en page, l'export au format pdf, la précision et la qualité visuelle du résultat.. OBJECTIF (2).. Conception de gabarits d'interfaces.. APPLICATIONS COURANTES (2).. : PowerPoint, Visio, InDesign.. EXEMPLE D'APPLICATION (2.. 1).. PowerPoint.. Présentation de PowerPoint sur le site de Microsoft.. Exemple de document réalisé avec PowerPoint.. (gabarit de page avec intégration de zoning).. De nombreuses applications sont disponibles pour aider l'ergonome dans sa pratique quotidienne.. L'idée consiste souvent à formaliser des concepts, à les concrétiser sous forme visuelle.. Le choix d'une application se fait en fonction de sa facilité d'apprentissage, de son prix, du temps d'exécution nécessaire à la production des documents, de la qualité de résultats qu'elle permet d'obtenir, des fonctionnalités intégrées, etc.. De plus, il est agréable de pouvoir se spécialiser dans l'utilisation d'une application en particulier.. On apprécie donc qu'elle serve plusieurs objectifs (comme Visio ou InDesign par exemple).. Fast, K.. (2002).. Recording Screen Activity During Usability Testing.. Boxes and Arrows, How to: Methods Approaches.. Brown, D (2002).. Understanding PowerPoint: Special Deliverable #5.. Boxes and Arrows, How to: Deliverables Documentation.. Three Visio Tips: Special Deliverables #4.. Angeles, M.. Automating Diagrams with Visio.. à voir aussi sur Ergolab.. 09.. 2004].. Ergonomie informatique : les principales méthodes.. Cet article présente les principales méthodes utilisées en ergonomie informatique.. Cette sélection permet d'avoir une vue d'ensemble du travail de l'ergonome et des outils auxquels il recourt.. [21.. 03.. Tri de cartes et ergonomie web.. L'architecture de l'information est le fondement de la structure d'une application.. Pour optimiser cette architecture, plusieurs méthodes sont utilisées.. Cet article décrit l'une d'entre elles, le tri de cartes.. Nous détaillerons les caractéristiques des différents types de tris, le déroulement classique d'une session de tri, ainsi que le rapport entre les caractéristiques de la méthode et les besoins et contraintes de l'ergonomie web.. [03.. Recette de test utilisateur, Partie 1.. Cet article propose une recette de test utilisateur.. On peut parler de recette parce que mettre en place un test nécessite de passer par plusieurs étapes.. Chacune de ces étapes exige des ingrédients..

    Original link path: /articles/logiciels-ergonome.php
    Open archive

  • Title: Accessibilité technologique - Ergolab, ergonomie sites web
    Descriptive info: TAG : Accessibilité technologique.. Accessibilité technologique.. 3 ressource(s).. "Accessibilité technologique".. BrowserCam propose deux grands types de services pour tester l'accessibilité technologique de votre site : historiquement, c'est un service qui génère des copies d'écran d'un site sous différentes plate-formes (classiques ou mobiles, avec un croisement entre système d'exploitation, navigateurs, résolutions d'écran et plug-ins).. BrowserCam  ...   afin de pouvoir tester en toute liberté le comportement de votre site sur diverses plate-formes.. L'essai du service est gratuit pendant 24h (ou un maximum de 200 captures).. Web Content Accessibility Guidelines Working Group (WCAG WG).. Les guidelines de la WAI, la "section" accessibilité du W3C.. Accessibilité visuelle.. Documents et publications.. Institutions / Organisations..

    Original link path: /tags/tag.php?id=23
    Open archive

  • Title: Outils - Ergolab, ergonomie sites web
    Descriptive info: TAG : Outils.. Outils.. 18 ressource(s).. "Outils".. Colour Contrast Check.. Un formidable petit outil proposé par Jonathan Snook, qui permet de calculer les rapports de contrastes de couleurs et de luminances entre des caractères et un fond.. Et si vous l'utilisez avec l'extension Colorzilla pour Firefox, vous disposez du combo magique !.. Lisibilité.. Optimal Sort.. Outil pour mener des tris de cartes informatisés.. Aujourd'hui, un des applicatifs les plus poussés et les plus flexibles pour récolter des données.. MeasureIt, règle virtuelle.. Un outil indispensable proposé par Kevin Freitas, permettant de mesurer la taille en pixels de n'importe quel objet ou surface à l'écran.. Disponible sous forme d'extension Firefox.. ColorZilla.. Alex Sirota nous offre avec son ColorZilla une des extensions indispensables pour tous ceux qui s'intéressent à l'optimisation des couleurs sur le web : eyedropper, pipette à couleur, loupe, et plus encore!.. Morae.. Morae est LE logiciel d'enregistrement et de traitement des données d'un test utilisateur.. Il permet d'enregistrer à la fois tout ce qui se passe à l'écran, ainsi que le participant (via une simple webcam) et le flux audio, et se charge de mixer le tout pour restituer une vidéo finale très complète.. Le test utilisateur.. presque.. comme si vous y étiez !.. Outre ces fonctions d'enregistrement, la grande puissance de Morae  ...   pour concevoir des maquettes interactives associant image et son, mais qui nécessite un minimum d'apprentissage.. JJG s visual vocabulary.. Le "vocabulaire visuel" de Jesse James Garrett, ensemble de symboles utiles pour la formalisation d'architectures de l'information et de patterns d'interaction (possibilité de télécharger des bibliothèques de formes pour Visio, InDesign, Powerpoint, Freehand, iGrafx Flowcharter ou Illustrator).. Une version française est disponible.. SnagIt.. SnagIt est le logiciel de capture d'écran de Techsmith (éditeur de Camtasia et de Morae).. Il est très complet et permet de réaliser et de retoucher des captures d'écran statiques, mais aussi des vidéos de ce qui s'y passe, permettant ainsi de capturer une vue dynamique (sans être aussi puissant que Morae de ce point de vue).. Un outil très intéressant lors de phases d'audit ergonomique.. Audit ergonomique.. Dreamweaver.. Un outil simple pour les ergonomes et concepteurs qui ont besoin de créer des prototypes rapidement sans avoir de compétences techniques.. Des connaissances en html, javascript et css sont nécessaires pour concevoir des interfaces plus évoluées et adaptées aux besoins.. Version d'évaluation gratuite à télécharger.. PowerPoint - Version d évaluation.. Un outil logiciel intéressant pour supporter une présentation orale.. Il est aussi souvent utilisé comme outil de prototypage rapide, mais devient limité si l'on souhaite implémenter des éléments et patterns d'interactions précis..

    Original link path: /tags/tag.php?id=4
    Open archive

  • Title: Recette de test utilisateur, Partie 2 - Ergolab
    Descriptive info: 03 Janvier 2004.. Recette de test utilisateur.. Partie 2.. Recette de test utilisateur, Partie 2.. Développer le matériel de test.. Pré-tester avec un ou deux utilisateurs.. Conduire les tests.. Analyser les résultats.. Restituer l'analyse des résultats.. Pour en savoir plus….. La.. première partie de cet article.. définissait les étapes initiales de la mise en œuvre d'un test utilisateur (identification de la cible utilisateur, de ses caractéristiques et objectifs, recrutement des participants, préparation du plan de test, des pré et post questionnaires).. Cette seconde partie détaille les phases plus pratiques du test utilisateur (préparation du matériel, passation du test, analyse et restitution des résultats) :.. Développer le matériel de test :.. La conception du matériel se scinde en deux étapes :.. Matériel conceptuel.. = le support du test, ce qui concrétise le plan de test.. On peut conduire des tests avec des maquettes papier (croquis ou pages imprimées de gabarits potentiels de pages), des prototypes ou une application en ligne (notamment pour les projets de refonte).. En conception, le plus intéressant semble de travailler sur des.. prototypes semi-fonctionnels.. (prototypes dans lesquels toutes les fonctionnalités ne sont pas actives).. Il semble assez pertinent de ne simuler la dynamique du site que pour les points potentiellement critiques (liens principaux du site, éléments de navigation, éléments spécifiques…).. Cette démarche est notamment très utile pour tester des processus (achat en ligne) et la navigation dans le site.. Elle permet de faire un compromis entre le coût de développement du prototype et le réalisme d'interface obtenu.. Les outils les plus utilisés pour le prototypage rapide d'interfaces web sont PowerPoint, Html ou Flash.. Matériel de recueil de données.. = matériel physique, tout ce dont on a besoin au niveau technique pour appuyer le matériel conceptuel.. On peut aller du plus simple au plus sophistiqué :.. -.. Papier / crayon.. pour la prise de notes.. Un ordinateur et les applications nécessaires pour lire le prototype.. Si les prototypes sont en html, on peut fixer la bande passante en fonction des caractéristiques de la cible.. Des outils sont disponibles pour limiter le débit lors d'un test utilisateur.. Ils permettent par exemple de simuler la visite du site sur un modem (voir à cet égard.. Un logiciel d'enregistrement de l'écran.. pendant la séquence d'utilisation.. Le logiciel Camtasia de TechSmith semble aujourd'hui la solution technologique la plus fiable pour ce type d'enregistrement.. Il fournit de plus la possibilité d'accentuer les clics.. D'autres applications servent toutefois le même objectif (voir dans les.. le comparatif de Karl Fast).. Caméras, enregistrements audio, miroirs sans tain, outils de haute technologie.. (eye-tracking…).. Ces derniers outils sont coûteux à mettre en place, tant du point de vue financier et temporel, que technique.. De plus, les données qu'ils permettent d'acquérir sont souvent très longues à analyser.. Ils ne sont donc pas indispensables.. Un matériel plus simple ne donnera pas forcément de résultats de moindre qualité.. Ça tombe bien car c'est moins cher, plus facile et plus rapide à mettre en oeuvre.. Pré-tester avec un ou deux utilisateurs.. Conduire les tests.. Familiarisation avec la procédure.. Il est important d'expliquer aux participants la finalité d'un test.. On doit notamment insister sur le fait que c'est bien l'interface qui est évaluée et non la performance de l'utilisateur.. Familiarisation avec le produit.. Si c'est pertinent, on peut introduire une phase de familiarisation avec le produit, qui peut uniquement consister en une présentation verbale de l'application (voilà notre application, à quoi elle ressemble, ce à quoi elle sert globalement…) ou en une découverte guidée de l'interface.. Si on décide d'inclure cette phase de familiarisation, on doit cependant veiller à ce que cela n'entre pas en compétition avec la stratégie du test : s'il est évident que l'utilisateur ne doit avoir aucune confrontation avec l'interface avant de commencer le test, on ne préparera pas de phase de familiarisation.. Administration du pré-questionnaire.. Test.. En ce qui concerne la situation de test elle-même, j'adopte le principe que.. les influences environnementales ne peuvent ni ne doivent être éliminées à tout prix.. Ce choix est lié au fait que l'intérêt de conduire des tests sur le terrain est que l'on teste l'interface avec de vrais utilisateurs, dans une situation qui pourrait être réelle.. Personne ne consulte un site web dans un environnement épuré, sans bruit, sans intervention de l'extérieur, sans perturbation possible.. On doit donc garder la situation de test informelle (voir illustration), et mettre l'utilisateur dans une situation opposée à celle d'un test.. Situations typiques de tests utilisateurs écologiques.. On pourrait même aller jusqu'à dire que les éventuelles distractions créent une situation de test plus proche de la réalité.. Les  ...   de remarques, de difficultés, d'observations….. L'objectif final de cette analyse est de.. développer des suggestions.. pour contourner le problème, améliorer l'interface là où elle est mal conçue.. Dans l'idéal, il est préférable de.. concevoir des solutions visuelles.. pour concrétiser ces suggestions (maquettes pour l'équipe de développement ou pour un prochain test).. Restituer l'analyse des résultats.. Un moyen de valider ou de modifier les recommandations.. La restitution permet de discuter de la pertinence des recommandations au vu de critères externes à l'ergonomie.. Une intervention ergonomique n'est qu'une intervention ergonomique.. On doit la considérer dans le contexte du projet.. Les recommandations devront être pondérées en fonction du design, du marketing, de la technologie….. Restitution écrite : des cibles différenciées.. Un rapport écrit classique doit mentionner les points suivants :.. - objectifs de l'évaluation et méthodologie.. - description des utilisateurs, du plan de test.. - présentation des résultats et solutions potentielles (les points problématiques doivent être présentés sous la forme d'une combinaison entre description textuelle et captures d'écrans).. On doit cependant différencier la présentation des résultats au client et à l'équipe en charge du projet:.. » Présenter les résultats au client.. L'objectif de cette étape est de rendre compte de l'intervention ergonomique et de ses implications pour l'interface.. Le plus compréhensible pour le client est de raisonner en termes d'.. éléments visuels.. La confrontation aux enregistrements vidéo est aussi un moyen de présenter les défauts de l'interface, puis d'y faire suivre des propositions de solutions.. Les recommandations doivent être synthétisées.. Pour permettre au client d'avoir une vue globale de l'intervention sans entrer dans le détail des recommandations, il paraît indispensable de fournir un.. résumé des spécifications.. Pour quelqu'un d'extérieur, il est primordial de cerner les points centraux et les points de détail.. Il est donc souvent intéressant de définir une.. hiérarchie de recommandations.. Enfin, on peut proposer des interventions futures pour affiner les résultats.. » Présenter les résultats à l'équipe.. Dans le domaine du web, les documents qui seront les plus utiles pour la conception sont les suivants : architectures de site et gabarits de pages types avec intégration du zoning (division de la page en espaces d'information).. Représentations visuelles des concepts ergonomiques :.. Gabarit de page avec intégration de zoning et architecture de site.. Restitution orale.. Une restitution orale permet de discuter des résultats avec les clients ou avec d'autres experts intégrés au projet.. Lorsque les recommandations ont été implémentées, il est intéressant de conduire des tests sur la version améliorée pour confirmer les décisions.. Ce type de procédure n'est évidemment envisageable que sur des projets de grande envergure.. Le test utilisateur est une méthode clé en ergonomie informatique.. En effet, il permet de recueillir des données objectives et subjectives, fournies par les utilisateurs finaux ou leurs représentants.. De plus, lorsque le test se déroule sur des maquettes ou prototypes, il permet à l'ergonome d'être confronté de façon répétée à l'interface qu'il a spécifiée.. Cette répétition permet souvent de déceler de nouveaux points à travailler.. L'inconvénient de la méthode du test utilisateur est l'investissement temporel et financier élevé qu'elle suppose (préparation, passations et analyse des données / intervention de l'ergonome et rémunération des participants).. » Ressources en ligne.. http://www.. stcsig.. org/usability/resources/toolkit/toolkit.. html.. Formulaires, checklists et documents pour supporter la conduite d'un test utilisateur.. Grant Consulting.. A Usability Test Storyboard.. Perfetti, C.. and Landesman, L.. Eight Is Not Enough.. User Interface Engineering.. Usability.. gov.. Conducting and Using Usability Tests.. Grant, J.. Do-It-Yourself Usability Testing.. Light, A.. (2001).. "Discount" user testing under fire.. Usability News.. Spool, J.. Schroeder, W.. Testing Web Sites: Five Users Is Nowhere Near Enough.. Proceedings of ACM CHI Conference on Human Factors in Computing.. Version électronique sur www.. winwriters.. (fichier pdf, 122 Ko).. Woolrych, A.. Cockton, G.. Why and when five test users aren't enough.. Proceedings of IHM-HCI 2001, Volume 2, 105-108.. Toulouse, France.. Version électronique sur netraker.. (fichier pdf, 215 Ko).. Gordon, S.. (2000).. How to Plan, Execute, and Report on a Usability Evaluation.. (première partie : Defining your goals).. Kirby, L.. Professional Website Usability.. SitePoint.. Nielsen, J.. Why You Only Need to Test With 5 Users.. Alertbox, March 19, 2000.. Fleming, J.. (1998).. User Testing - How to find out what users want.. Kuniavsky, M.. Why User testing is good.. » Ressources externes.. Rubin, J.. (1994).. Handbook of Usability Testing.. John Wiley and Sons, New York, NY.. Landauer, T.. K.. (1993).. A mathematical model of the finding of usability problems.. Proc.. ACM 1NTERCHI '93, Amsterdam, The Netherlands, 206-213.. Dumas, J.. S.. Redish, J.. A Practical Guide to Usability Testing.. Ablex, Norwood, NJ.. Amélie Boucher.. Don t make me think.. Steve Krug..

    Original link path: /articles/test-utilisateur-ergonomie-2.php
    Open archive

  • Title: Les critères ergonomiques de Bastien & Scapin, Partie 2 - Ergolab
    Descriptive info: 10 Décembre 2003.. Les critères ergonomiques.. de Bastien & Scapin, Partie 2.. Normes.. Les critères ergonomiques de Bastien Scapin, Partie 2.. Contrôle Explicite.. Adaptabilité.. Gestion des Erreurs.. Homogénéité / Cohérence.. Signifiance des Codes et Dénominations.. Compatibilité.. Notre.. premier article sur les critères ergonomiques.. évoquait les notions de guidage de l'utilisateur et de charge de travail.. Nous continuons dans cette seconde partie la description des critères proposés par Bastien et Scapin.. Contrôle Explicite.. Actions Explicites.. Lorsqu'un utilisateur est amené à interagir avec un système informatique, il s'attend implicitement à ce que le système lui obéisse.. On doit donc éviter des actions de la part du système lorsque l'utilisateur n'a rien demandé.. Puisque dans la plupart des interfaces informatiques, l'utilisateur doit avoir le dessus sur le système, il faut que toute action du système corresponde à une demande explicite de l'utilisateur.. Concernant les applications automatisées (par exemple la mise à jour d'un anti-virus), elles sont en général automatisées car l'utilisateur l'a demandé à un moment ou à un autre.. Elles correspondent donc bien à une action explicite, conduisant par la suite à l'automatisation d'un traitement.. Note.. On doit mettre à part de cette réflexion les domaines à risques (nucléaire, chimique…), où le système peut être amené à réagir à certains indices physiques et à effectuer certaines actions de manière spontanée.. Là encore, on reste dans le cadre d'une action explicite: l'humain demande à la machine de le protéger ou de se protéger elle-même de façon automatique, puisque ses capacités de détection de signal, de traitement de l'information ou de vitesse de réaction sont plus importantes que les notres.. Les actions du système proviennent donc d'une demande explicite de l'utilisateur.. Contrôle Utilisateur.. Dans le même ordre d'idées, l'utilisateur doit être persuadé qu'il a le contrôle sur le système.. Il doit avoir le contrôle du fonctionnement du système, c'est à dire pouvoir annuler un traitement informatique qu'il aurait demandé ou revenir à une étape antérieure du processus.. Adaptabilité.. Le critère d'adaptabilité comprend deux sous-critères : flexibilité et prise en compte de l'expérience utilisateur.. Flexibilité.. La flexibilité d'un système concerne sa capacité à être adapté en fonction des besoins de l'utilisateur.. Ce dernier doit pouvoir choisir de "personnaliser" l'interface selon sa façon de travailler, les commandes qu'il utilise fréquemment, etc.. On doit donc prévoir plusieurs façons d'obtenir le même résultat.. Prise en compte de l'expérience de l'utilisateur.. Un système qui prend en compte l'expérience de l'utilisateur est susceptible de fournir au novice une aide et à l'expert des raccourcis.. Le novice doit être guidé pas à pas dans sa découverte du système alors que l'expert qui est déjà efficace a besoin d'aller plus vite.. Gestion des Erreurs.. La gestion des erreurs est une question fondamentale en informatique.. Le développement de l'informatique grand public laisse de moins en moins de place pour les systèmes rigides.. Puisqu'il est dans la nature de l'être humain de se tromper, on doit prévoir que l'utilisateur fera des erreurs.. On doit surtout concevoir des moyens de pallier ce problème.. 3 composantes sont à prendre en compte.. On doit pouvoir :.. - protéger l'utilisateur contre d'éventuelles erreurs.. - l'avertir lorsqu'il a commis une erreur que l'on peut détecter.. - corriger ou l'aider à corriger ses erreurs :.. Protection contre les Erreurs.. La protection contre les erreurs doit passer par une détection de la part du système.. On peut prévenir des erreurs minimes (exemple la saisie d'une lettre dans un champ de numéro de téléphone) ou plus importantes (exemple la suppression d'un document).. Dans tous les cas, le système doit avoir été conçu pour empêcher l'utilisateur de faire des erreurs.. Lorsque l'utilisateur est sur le point d'accomplir une action irréversible, le système doit demander confirmation.. Dans ce cas, le choix par défaut devrait être celui qui annule l'action demandée.. On évite ainsi que l'utilisateur détruise des données par mégarde.. Cette recommandation entre toutefois en conflit avec les standards utilisés dans certains systèmes d'exploitation et applications.. Il s'agit donc de choisir en fonction du contexte le choix par défaut proposé par le système.. Qualité des Messages d'Erreurs.. Un problème fréquemment rencontré dans le domaine informatique est que les messages d'erreurs sont conçus par des techniciens.. Ces messages sont donc souvent exprimés dans un langage technique, qui n'a aucun sens pour un utilisateur grand public.. De plus, et  ...   les représentations visuelles d'un concept.. La réflexion sur les codes et dénominations devra prendre en compte les standards existants dans des interfaces comparables, afin de capitaliser sur les connaissances préalables des utilisateurs.. Pour les applications professionnelles ou spécialisées, il sera essentiel de s'imprégner du vocabulaire des personnes afin de concevoir une interface signifiante pour eux.. Il est important de faire participer les utilisateurs pour optimiser ce critère.. Encore une fois, ce sont les plus à mêmes de révéler des défauts des codes et dénominations et d'en proposer de plus appropriés.. Compatibilité.. Le critère de compatibilité est très large.. Il comprend toutes les interactions utilisateur / système.. Ces interactions doivent être conçues pour que le système s'adapte au mieux aux caractéristiques de l'utilisateur.. Ces caractéristiques peuvent être intrinsèques (l'utilisateur est un enfant, il est déficient visuel, il est expert avec l'outil informatique…) ou liées à la tâche de l'utilisateur (l'utilisateur doit aller le plus vite possible, ne pas faire d'erreurs, obtenir telle information à tel moment…).. Le système doit aussi être compatible avec les différentes technologies.. Dans le domaine du web, cet aspect prend une importance particulière.. En effet, l'utilisateur final ne dispose pas du même environnement technologique que le concepteur.. Ce dernier doit donc vérifier que le site qu'il développe est compatible avec tous les navigateurs et leurs différentes versions, qu'il s'affiche correctement dans toutes les résolutions, avec les vitesses de téléchargement les plus faibles… Pour la plupart des sites, on ne doit pas exiger de l'utilisateur qu'il dispose d'un plug-in particulier.. On peut faire exception pour certains sites dont le contenu justifie la nécessité de ce plug-in.. Cependant, on doit penser en amont de la conception à ce type de problème et essayer d'adapter les choix de conception pour ne pas avoir besoin de plug-in spécifiques.. Nous avons détaillé sommairement chacun des critères élémentaires et leurs implications pour la conception.. Etant donné que les critères ergonomiques de Bastien Scapin doivent être utilisés comme cadre de travail, il est important de bien cerner quels problèmes implique chaque critère.. Pour être certain de ce que signifie l'un ou l'autre des critères, il est indispensable de se documenter en profondeur et de relier ces critères à d'autres recommandations, normes ou check-lists existantes.. Nous invitons donc le lecteur intéressé à poursuivre la découverte des critères ergonomiques grâce aux références citées ci-après.. Enfin, chacun dans son exercice professionnel utilise et interprète les critères en fonction des projets sur lesquels il travaille.. Le contexte dans lequel s'insèrent les interfaces est primordial dans l'attention que l'on porte à tel ou tel critère et à ses implications.. Il conditionnera aussi l'importance que l'on accordera à chacun des critères.. Cette pondération est toujours différente en fonction des caractéristiques du projet sur lequel on intervient.. » Ressources en ligne :.. Plusieurs présentations des critères ergonomiques :.. - sur.. ergonomia.. ca.. (http://www.. ergonomia.. ca/CriteresErgonomiques.. pdf).. ergoweb.. ergoweb.. ca/criteres.. html ergoweb.. ca).. le site de Mireille Bétrancourt.. (http://tecfa.. unige.. ch/~mireille/CriteresB S.. html).. Idéactif.. ideactif.. com/testnet/criteres_ergo_courts.. » Ressources externes :.. Bastien, J.. M.. C.. , Leulier, C.. , Scapin, D.. L.. L'ergonomie des sites web.. In J.. -C.. Le Moal B.. Hidoine (Eds.. ),.. Créer et maintenir un service Web.. (pp.. 111-173).. Paris : ADBS.. Bastien J.. et Scapin D.. (1992).. A validation of ergonomic criteria for the evaluation of human-computer interfaces,.. International Journal of Human-Computer Interaction.. , 4, pp 183-196.. Scapin, D.. Critères Ergonomiques pour l'Évaluation d'Interfaces Utilisateurs (version 2.. Technical report Ndeg.. 156, May 1993.. INRIA.. Programme 3 Artificial intelligence, cognitive systems, and man-machine interaction.. (1997).. Ergonomic criteria for evaluating the ergonomic quality of interactive systems.. Behaviour and Information Technology.. , 6 (4-5), 220-231.. C, Scapin D.. , Leulier C.. The ergonomic criteria and the ISO/DIS 9241-10 dialogue principles : a pilot comparison in an evaluation task.. Interacting with Computers.. , Vol.. 11, n° 3, p.. 299-322.. M.. C.. L.. Évaluation des systèmes d'information et Critères Ergonomiques.. In C.. Kolski (Ed.. Systèmes d'information et interactions homme-machine.. Environnement évolués et évaluation de l'IHM.. Interaction homme-machine pour les SI.. (Vol.. 2, pp.. 53-79).. Paris : Hermes.. 12.. 2003].. Les critères ergonomiques de Bastien Scapin, Partie 1.. Le travail de l'ergonome s'articule autour d'outils qui lui servent à juger de l'utilité et de l'utilisabilité d'un système informatique.. Parmi ces outils, il existe de nombreuses normes, recommandations et..

    Original link path: /articles/criteres-ergonomiques-2.php
    Open archive

  • Title: Audit ergonomique - Ergolab, ergonomie sites web
    Descriptive info: TAG : Audit ergonomique.. Audit ergonomique.. 5 ressource(s).. "Audit ergonomique".. Les critères ergonomiques de Bastien Scapin, Partie 2.. Notre premier article sur les critères ergonomiques évoquait les notions de guidage de l'utilisateur et de charge de travail.. Task-Centered User Interface Design.. Informations sur les méthodes des tests utilisateurs et de l'inspection (consulter les chapitres User testing et Inspections), Clayton Lewis John Rieman, 1993.. Articles à consulter.. How to Conduct a Heuristic Evaluation.. Article de Jakob Nielsen sur la méthode de l'évaluation heuristique..

    Original link path: /tags/tag.php?id=44
    Open archive

  • Title: Ergonomie de la page d'accueil
    Descriptive info: 28 Juin 2004.. Ergonomie de la page d'accueil.. Qu'est-ce qu'une page d'accueil?.. Facilité d'accès.. Que mettre dans la page d'accueil?.. Comment présenter la page d'accueil : utilisabilité et conventions web.. Ecriture des contenus.. Publicité et auto-promotion.. Design et utilisabilité.. Un exemple.. La page d'accueil est un des thèmes récurrents en ergonomie web.. Son rôle capital en fait une des pages les plus analysées d'un site.. Point d'entrée fréquent dans le site, elle est aussi celle qui témoigne du plus grand nombre de visites.. Cet article présente les fonctions d'une page d'accueil ainsi que quelques règles simples à appliquer pour qu'elle soit utile et facile à utiliser.. Nous évoquons uniquement les pages d'accueil des sites internet, et non des intranets, où les règles à appliquer sont différentes.. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site web (en termes de cohérence, de lisibilité, de trouvabilité, de terminologie.. ), mais dont on ne parlera pas ici car elles ne concernent pas.. spécifiquement.. la page d'accueil.. Qu'est-ce qu'une page d'accueil?.. On parle de "page d'accueil" pour désigner la principale page d'un site web, permettant l'accès aux autres pages du site et accessible par le nom de domaine.. Une vraie page d'accueil est une page qui sert, qui présente de l'information et permet de naviguer.. Une page d'accueil n'est pas une splash page ou jump page, qui ne sont qu'une sorte d'introduction précédant la véritable page d'accueil.. Certains sites proposent ainsi dans une page intermédiaire permettant de choisir la version du site (flash, html) ou la langue du site que l'on souhaite consulter.. Or, ce type de page impose une étape de plus à l'utilisateur pour accéder aux contenus.. Il n'y a par exemple pas d'utilité réelle à faire choisir uniquement la langue dans une page intermédiaire.. On doit à l'inverse (et parce que l'on connaît bien les caractéristiques des utilisateurs finaux) se baser sur la langue de la population majoritaire et la fournir par défaut, ou détecter le pays d'où le site est visité, et fournir la possibilité de changer de langue partout dans le site.. En bref, il est préférable de trouver une solution alternative à de telles pages.. La page d'accueil doit réellement représenter le site dans son ensemble, donner des indices sur les contenus qu'il aborde, sur la société ou les personnes qui en sont responsables, sur l'actualité des mises à jour, etc.. Facilité d'accès.. Concernant la facilité d'accès à la page d'accueil d'un site, on doit distinguer deux versants :.. - La facilité d'accès initiale, lors de la première visite d'un site par exemple.. - La facilité à retrouver le site dans ses favoris, dans un historique ou un enregistrement de page.. L'adresse de la page d'accueil.. Nous incluons dans cette problématique tout ce qui tourne autour de l'url du site : la page d'accueil doit être accessible de la façon la plus simple possible.. Elle doit être associée uniquement au nom de domaine, et ne pas comporter d'autres extensions.. L'adresse du site est représentée par celle de la page d'accueil.. Le titre de la page d'accueil.. La page d'accueil doit avoir un titre qui définit à la fois sa nature (le nom du site, de la marque, etc.. ) et son utilité (ce à quoi sert ce site, ce qu'il contient en général).. A défaut des autres pages, le titre que l'on donne à la page d'accueil ne doit pas uniquement mentionner ce qui compose la page, mais plutôt ce qui compose tout le site.. On utilisera donc des termes génériques, permettant de définir tous les contenus accessibles à partir de la page d'accueil.. Ce sont souvent les pages d'accueil qui sont ajoutées aux favoris d'un navigateur.. La façon dont ces favoris seront affichés dans le navigateur, le nom par défaut qu'ils porteront, dépend de l'attribut "title" que l'on aura affecté à la page.. On peut ajouter au titre une "favicone" (favicon en anglais), qui permet de retrouver le site facilement parmi les autres et de supporter l'identité visuelle générale du site.. Cette image s'affichera avant le titre, que ce soit dans la barre d'adresses du navigateur, dans la listes de favoris ou l'historique.. Optimiser le temps de consultation.. La page d'accueil étant souvent le point d'entrée dans le site, on doit l'optimiser pour permettre aux connaisseurs de trouver des informations pertinentes rapidement.. Plus vite l'utilisateur trouvera sur la page d'accueil un lien susceptible de le mener vers ce qu'il cherche, plus la durée de recherche de cette information sera diminuée.. On peut définir plusieurs manières d'optimiser la consultation de la page d'accueil :.. Concernant le temps de téléchargement, on doit d'abord distinguer temps objectif et temps subjectif.. Le temps objectif est le temps réel de chargement, le temps subjectif est le temps perçu de chargement.. Ces deux paramètres ne sont en général pas exactement correspondants.. Concernant le temps objectif, l'idée est que les pages doivent se charger le plus rapidement possible afin de limiter le temps d'attente et donc d'inactivité de l'utilisateur.. Ce temps de chargement est essentiellement la conséquence du poids des pages.. En résumé, le poids des pages tient presque exclusivement à l'intégration d'images.. Les images et animations sont les éléments qui sont les plus lourds donc les plus lents à télécharger.. Il ne faut pas essayer de supprimer les images / animations à tout prix, mais plutôt se questionner sur l'utilité de chacune d'entre elles, et adopter un format optimisé pour le web.. Limiter le poids des pages permet que le temps de chargement objectif (la durée réelle nécessaire pour afficher la page) soit réduit.. Notre perception de cette durée n'est cependant pas uniquement le reflet de la réalité numérique.. Il est possible de suggérer à l'utilisateur que ce temps de chargement est moins long.. On peut notamment spécifier des attributs "alt" sur chacune des images (et spécifiquement sur celles supportant la navigation).. Ceci permet aux utilisateurs qui connaissent très bien le site mais ont une connexion lente de cliquer sur les boutons de navigation avant qu'ils ne s'affichent en image.. Enfin, optimiser le temps de consultation peut passer par l'introduction de raccourcis vers les mises à jour les plus récentes, donnant un indice direct aux utilisateurs sur la fraîcheur des contenus d'une rubrique donnée.. Que mettre dans la page d'accueil?.. La page d'accueil est la page référence du site, le point de ralliement des internautes perdus.. Un de ses rôles principaux est de donner accès aux fonctions principales du site, sans toutefois surcharger la page.. Pour choisir les contenus à afficher en priorité sur la page d'accueil, le concepteur doit se poser la question de ce que cherche l'utilisateur référent en arrivant sur le site.. On doit en effet supporter les tâches majoritaires du site par la conception de la page d'accueil.. Ce travail sera toujours la recherche d'un compromis entre trop et pas assez d'informations, entre densité informationnelle et facilité de la lecture : plus le nombre de liens est important, plus il est probable que l'utilisateur y trouve quelque chose qui soit susceptible de l'intéresser.. Mais plus le nombre de liens est important, plus il est difficile pour l'utilisateur de repérer celui qui l'intéresse.. Assurer deux fonctions : navigation et information.. » Navigation.. Une page d'accueil sert d'abord à accéder aux contenus internes du site.. Elle a donc une fonction de navigation, qui permet de mener aux contenus internes au site.. La page d'accueil doit respecter le principe de navigation commun à tout le site, mais on peut doubler cette navigation en insistant sur des éléments précis (thématique, en fonction des cibles, en fonction d'une actualité, etc.. Les règles adoptées sur le site doivent être respectées sur la page d'accueil.. Il n'est par exemple pas question de changer la couleur des liens parce que l'on est sur la page d'accueil.. De la même manière, la navigation doit être la même qu'à l'intérieur du site: la page d'accueil a beau avoir un rôle particulier, on ne doit pas y remettre en cause les principes de navigation.. Une des règles à adopter sur la page d'accueil est de mettre en avant certaines rubriques du site.. L'ordre dans lequel on les présente dans la barre de navigation est déjà un parti-pris, mais qui ne suffit pas toujours pour donner envie d'aller plus loin.. La page d'accueil doit permettre d'accéder aux pages de présentation de chacune des rubriques ou à des contenus plus spécifiques.. Les liens contextuels, transversaux, sont un moyen de mettre en avant une des rubriques en disant plus que son nom.. Source :.. Page d'accueil du secteur Wizkids.. (Asmodée).. La gamme "Mechwarriors" est disponible dans le menu de navigation.. Cet accès est doublé par une mise en avant textuelle, permettant de donner plus de détails sur la gamme.. » Information.. La page d'accueil doit être utile au-delà de sa fonction de navigation.. Elle doit permettre d'accéder aux informations les plus récentes.. Le concepteur doit donc prévoir des raccourcis pour remonter du contenu pertinent des pages internes vers la page d'accueil.. Une page d'accueil peut se suffire à elle-même, si l'objectif de l'utilisateur en venant sur le site est uniquement de s'informer des mises à jour.. La page d'accueil doit donc refléter la mise à jour des principales rubriques du site, en fournissant des raccourcis avec  ...   tendance à ignorer les zones de l'écran qui semblent contenir des messages publicitaires.. Concernant les éléments publicitaires, il semble plus approprié d'utiliser des bannières dynamiques que de multiplier leur nombre.. Cette technique consiste à présenter un message différent à chaque rechargement de la page d'accueil.. Le moyen le moins "gênant" de faire de la publicité est qu'elle soit intégrée à la page, et qu'elle ne soit animée que si cela se justifie.. La technique de la fenêtre pop-up est donc à bannir, et encore plus si elle nécessite un acquittement de la part de l'utilisateur (du type "je ne veux pas voir cette publicité").. De même pour les publicités "flottantes", recouvrant tout ou partie de l'espace visible de l'écran.. On devra bien différencier publicité externe et contenu interne au site, afin de ne pas confondre les utilisateurs sur le type de lien fourni.. Dans l'un des cas, il sera envoyé sur un site externe, dans l'autre il sera dirigé vers un contenu spécifique du site.. Design et utilisabilité.. Puisqu'une page d'accueil c'est l'image du site tout entier, le design doit jouer une place considérable.. Quand on parle de design, on n'évoque pas forcément la multiplication d'images surdimensionnées.. Il s'agit de trouver un juste équilibre, et de mesurer cet équilibre en fonction du type de site.. Il est en tout cas évident qu'une page d'accueil doit être visuellement plus tape à l'oeil qu'une page interne de contenu.. Avant tout, elle doit donner envie.. Et cette envie découle d'une expérience globale, résultat de contenus incitatifs mais aussi d'un design étudié.. Le rapport entre design et ergonomie doit être considéré de telle sorte que le design serve l'utilisabilité de la page d'accueil, en appuyant certains contenus, en mettant en valeur des groupes d'informations, en soulignant la hiérarchie d'importance des éléments par leur apparence, etc.. De nombreuses pages d'accueil incluent des éléments animés (mettons de côté les sites entièrement construits en flash).. Concernant l'adéquation d'une animation, la question n'est pas forcément de se demander si l'on doit en intégrerou pas, mais plutôt de savoir si sa présence apporterait une plus-value à la page d'accueil.. Il est aussi recommandé de détecter si le système de l'utilisateur dispose du plug-in nécessaire.. Si ce n'est pas le cas, on peut lui afficher une image statique à la place de l'animation.. Un exemple.. bokson.. net.. » Les points négatifs.. 1 - Le logo cliquable même sur la page d'accueil (Le logo est cliquable alors que l'on se trouve déjà sur la page d'accueil).. On recommande en général de ne pas fournir de lien vers la page courante.. Le logo Bokson devrait donc être cliquable partout sauf sur la page d'accueil.. 2 - Pas de bouton "Accueil".. Le lien "Accueil" n'apparaît en effet que dans les pages intérieures.. Ce choix manque de cohérence.. Les outils de navigation doivent rester homogènes quelque soit l'endroit où l'on se trouve dans le site.. De plus, lorsqu'il n'existe pas de bouton "Accueil" sur la page d'accueil, on ne peut pas indiquer à l'utilisateur où il se trouve en mettant en valeur la rubrique consultée.. 3 - Pas de baseline.. Dans la même idée que le point précédent, l'absence de baseline descriptive manque pour accompagner le logo.. Ce type d'élément permet de comprendre rapidement de quoi parle un site web et ce qu'il peut nous apporter.. 4 - Le peu d'incitation sur l'image principale.. La photo centrale est l'élément principal de la page d'accueil.. Elle est cliquable et mène vers la chronique d'un disque.. Cependant, l'utilisateur ne s'en rend compte qu'en cliquant sur l'image.. On devrait préciser à quel événement ou à quel contenu correspond cette mise en avant (par exemple, chronique du dernier disque des Beastie Boys, 15.. 06.. 2004).. 5 - Pas de présentation de l'objectif du site.. Ce point est toutefois compensé par les autres éléments d'interface, très explicites et qui suggèrent que Bokson est un site traitant de musique (cf.. les intitulés des rubriques, les noms des groupes, les photos des disques, les libellés des liens, etc.. » Les points positifs.. 1 - La navigation qui s'installe dès la page d'accueil.. Le fait que la barre de navigation (Rock, Electro, Hip Hop, World) soit présente dès la page d'accueil permet à l'internaute de l'utiliser en tant que référent, quelque soit l'endroit où il se trouve dans le site.. On apprécie que cette barre de navigation ne change pas en fonction de la page où l'on se trouve.. 2 - L'emplacement du moteur de recherche.. Le moteur de recherche est placé de manière conventionnelle, en haut à droite de l'interface.. De plus, il est présenté de façon optimale : on fournit directement un champ de recherche et non un simple lien vers la page de recherche, et on fournit aussi un lien direct vers les options de recherche avancée.. 3 - Les liens textuels sur des contenus clés.. On sait que les liens du type "tous les artistes" ou "les dernières chroniques" sont susceptibles d'intéresser les visiteurs du site Bokson.. On fournit donc une zone spécifique où sont placés ces liens génériques.. L'emplacement de cette zone est critique, puisqu'elle se situe juste en-dessous du moteur de recherche.. C'est une zone qui a de grandes chances d'être parcourue du regard.. 4 - Les dates, titres et liens vers les dernières news.. Les news sont une des rubriques mises à jour régulièrement.. A ce titre, il est intéressant de fournir dès la page d'accueil des raccourcis vers les dernières news.. On supporte ainsi la fonction informative de la page d'accueil : si l'utilisateur voit qu'il a déjà lu la dernière news publiée, il n'a pas besoin d'aller consulter la rubrique news pour voir s'il en existe une nouvelle.. On lui facilite donc la tâche de recherche de contenus ajoutés depuis sa dernière visite.. 5 - Un lien vers la liste de toutes les news.. Il paraît très intéressant de placer un lien vers la rubrique mère à côté des raccourcis liés à des contenus spécifiques.. Cela permet à l'utilisateur de considérer la rubrique sous un autre angle que lorsqu'elle est uniquement présentée en barre de navigation.. Il peut se faire une idée plus précise de son contenu.. 6 - L'inscription à la newsletter sur la page d'accueil.. Si l'inscription à la newsletter est une action clé sur le site, si on doit la mettre en avant, il est intéressant de laisser la possibilité d'accomplir l'action la plus courante (à savoir s'inscrire) dès la page d'accueil.. 7 - La hiérarchisation des remontées de contenu.. La page d'accueil de Bokson est conçue de sorte que l'on comprenne bien l'importance relative accordée à chacune des remontées de contenu.. Il existe différents niveaux :.. - Niveau 1 : Mise en avant d'une chronique, supportée par une grande image, actualité forte de la page d'accueil.. - Niveau 2 : Pour chaque rubrique, mise en avant d'un disque avec facing.. - Niveau 2 : Pour chaque rubrique, mise en avant d'une interview avec photo associée.. - Niveau 3 : Pour chaque rubrique, mise en avant des dernières chroniques sous forme de liens texte.. - Niveau 4 : Pour les 5 dernières news : Date, titre, rubrique, image et lien.. 8 - La place laissée aux photos et design.. Le contenu de la page d'accueil de Boskon est accompagné par un design adapté : l'importance des visuels est à la hauteur des attentes des utilisateurs, mais ne mange pas l'information.. L'ergonomie de la page d'accueil est une thématique complexe, pour laquelle il n'existe pas de réponse toute faite.. La plupart des choix sont spécifiques au site, et doivent être faits en fonction des attentes supposées de la population cible.. Quoiqu'il en soit, il faudra supporter à la fois les besoins liés à la navigation et ceux liés à la présentation d'informations dès la page d'accueil.. Des tests utilisateurs répétés sur l'organisation de la page d'accueil sont un très bon moyen de choisir parmi plusieurs possibilités d'organisation de l'information, sans nécessiter le développement de prototypes très aboutis.. ( lire l'article.. Temps de chargement: une question moins simple qu'il n'y paraît.. Vincent Bénard, Veblog, 2002.. Top Ten Guidelines for Homepage Usability.. Jakob Nielsen, Alertbox, 2002.. The Truth About Download Time.. Christine Perfetti, UIE, 2001.. pagedaccueil.. (Loïc Renaud ): études de cas, analyses transversales, chroniques sur le thème de la page d'accueil.. Tahir, M.. L'art de la page d'accueil : 50 sites web passés au crible.. Eyrolles.. lire.. la chronique de l'Art de la page d'accueil sur Ergolab.. Van Duyne, D.. K, J.. A Landay J.. I Hong (2002).. Design of sites - Patterns, Principles and Processes for Crafting a Customer-Centred Web Experience, Addison-Wesley.. Pattern Group C: Creating a Powerful Homepage.. Krug, S.. Dont' Make me think.. , New Riders.. Chapitre 7 : The first step in recovery is admitting the Home Page is behind your control.. Version française : Zéro prise de tête, Dunod.. Chapitre 7, Garder le contrôle de la Home Page.. la chronique de Dont' Make me think sur Ergolab.. Designing Web Usability : The Practice of Simplicity.. Home Page, in Chapitre 4, Site Design.. Version française : Conception de sites web : L'Art de la simplicité.. » A voir aussi sur Ergolab.. L art de la page d accueil.. Jakob Nielsen Marie Tahir.. ergolab.. net/livres/l-art-de-la-page-d-accueil.. php..

    Original link path: /articles/ergonomie-page-accueil.print.php
    Open archive

  • Title: Architecture de l'information
    Descriptive info: 29 Février 2004.. Architecture de l'information.. L'architecture de l'information comme principe général.. Les composantes de l'architecture de l'information.. Adaptation de l'architecture de l'information.. Les outils et livrables de l'architecte de l'information.. L'architecture de l'information est la structure d'organisation sous-jacente à un système de contenu.. Ce système de contenu peut être le web, et c'est souvent dans ce cadre que l'on parle d'architecture de l'information.. En effet, là où il y a de l'information, il y a potentiellement architecture de l'information.. Cet article présente les grands principes qui permettent de l'optimiser : systèmes d'organisation, de navigation, terminologie et fonctions de recherche.. L'architecture de l'information comme principe général.. Le web est par définition un domaine de prédilection pour la diffusion d'informations et de connaissances.. On comprend donc qu'on parle souvent d'architecture de l'information dans le domaine du web.. On n'exclut cependant pas tous les autres supports d'information, dans lesquels les contenus doivent aussi être organisés pour faciliter la prise d'informations.. L'architecture d'information d'un site, c'est sa structure conceptuelle.. C'est elle qui définit les emplacements et interactions des différents contenus.. L'objectif consiste donc à trouver un système d'organisation des informations optimal, qui soit adapté aux tâches de recherche de l'utilisateur.. Les problématiques ne sont pas les mêmes en fonction des objectifs et de l'ampleur de l'application web.. Quoiqu'il en soit, travailler sur l'architecture d'un site, c'est essayer de faciliter l'activité cognitive de recherche d'information.. C'est aussi anticiper sur les besoins des utilisateurs cibles, pour leur fournir des informations clés aux endroits que l'on juge pertinents.. » L'analogie avec l'architecture.. On parle d'architecture de l'information par analogie avec l'architecture physique des bâtiments que nous construisons dans le monde réel.. De la même façon qu'on doit réfléchir à l'architecture d'un immeuble, on doit s'intéresser à l'architecture donnée au contenu d'une application informatisée.. La différence réside essentiellement dans le type de matière qui définit le produit final, et dans les méthodes employées pour réfléchir et dessiner l'architecture.. L'architecture de l'information représente les fondations de l'interface.. Si elle est bien pensée, c'est elle qui pemettra à l'utilisateur de se repérer et de naviguer facilement dans un site, de la même manière que les indicateurs physiques permettent de se repérer et de se déplacer efficacement dans les espaces réels.. L'architecture de l'information nécessite de définir des référents pour que l'utilisateur puisse se repérer dans l'interface : savoir où il est, où il peut aller, etc.. Ces référents peuvent être comparés aux repères dans les espaces physiques : une option d'un menu principal joue le même rôle qu'un panneau d'affichage dans un espace public.. Sur le web, le menu permet d'atteindre une page contenant une information précise.. Dans la réalité, les panneaux permettent de trouver l'endroit désiré.. Ce sont d'ailleurs les mêmes codes qui nous permettent de décider de l'orientation à prendre, que ce soit sur le web ou dans le monde physique.. En général, les codes les plus efficaces sont les mots et les pictogrammes.. Dans les espaces réels cependant, on atteint un niveau où même le contexte matériel nous renseigne sur la nature des lieux et destinations (la porte du bureau du président n'a pas la même apparence que celle qui mène aux cuisines ou celle qui mène aux toilettes, et c'est un indice qui nous informe sur ce que l'on peut s'attendre à trouver derrière ces différentes portes).. En ce qui concerne les méthodes, l'architecture de l'information a un certain retard sur l'architecture des lieux physiques.. La différence principale est que dans le monde de l'informatique, on accepte de ne pas construire de plans, de ne pas étudier en profondeur les problématiques d'architecture de l'information et leur pertinence à long terme.. Or, sans ce travail de fond sur l'organisation des informations et la navigation dans l'interface, le repérage dans l'application devient une tâche difficile.. Steve Krug dit à ce propos que la navigation représente le site lui-même, sa structure fondamentale, permettant de définir un ici et un ailleurs.. » Une dimension stratégique qui fait de l'architecture une étape précoce.. Le travail sur l'architecture de l'information est une étape en amont des réflexions ergonomiques plus détaillées.. En effet, les choix d'architecture de l'information entretiennent de nombreux liens avec la stratégie de communication du site.. Il s'agit de décider quels contenus doivent être mis en avant, à la fois par leur place ou les raccourcis qui pointent sur eux.. La facilité d'utilisation d'un site commence bien là, dans cette structuration de l'information pour satisfaire les besoins des utilisateurs finaux.. Tout le travail de classification, de catégorisation, d'organisation, donne aussi beaucoup d'éléments pour penser la structuration et le comportement des bases de données.. Malgré leur place priviliégiée en amont, les problématiques d'architecture doivent être gardées à l'esprit tout au long du projet.. Certains choix peuvent ainsi être remis en question lors de leur confrontation à des problématiques d'utilisabilité, de marketing, de stratégie, d'implémentation technique, etc.. Les composantes de l'architecture de l'information.. L'architecture de l'information s'articule autour de plusieurs principes : systèmes d'organisation, de navigation, appellation des éléments de l'interface et systèmes de recherche.. Ce sont ces attributs qui permettront de concrétiser les choix d'architecture.. » Organisation des contenus.. Le principe le plus évident d'architecture de l'information consiste en l'organisation des contenus de l'application.. Cette organisation s'effectue généralement en 3 étapes :.. Organiser les informations, c'est d'abord.. lister tous les contenus.. que l'on veut voir apparaître dans l'interface.. Cette énumération peut se baser sur différentes sources : interface existante, besoins supposés des utilisateurs, besoins exprimés des utilisateurs, demandes du client (exigences marketing, de communication, stratégiques, de partenariats, etc.. ), analyse concurrentielle des interfaces comparables, etc.. L'étape suivante consiste à.. catégoriser les informations.. précédemment listées.. L'activité de catégorisation consiste à ranger  ...   distinguera grossièrement deux types de projets, certains de type grand public et d'autres de type professionnel, avec divers degrés d'expertise attendue de la part des utilisateurs dans le domaine informatique.. Selon le niveau d'expertise de la cible, on essaiera de guider l'utilisateur ou d'optimiser l'efficience de son activité.. En effet, on est dans deux problématiques différentes.. Il s'agit de fournir à l'utilisateur novice, qui ne connaît pas l'interface, le plus d'indices possibles pour qu'il réussisse à trouver ce dont il a besoin.. De l'autre côté, on doit permettre à l'utilisateur expert (qui connaît l'interface et l'utilise très fréquemment) d'accomplir ses tâches rapidement et avec le moins d'erreurs possible.. On disposera pour certaines applications de références existantes, sur lesquelles on pourra se baser pour construire l'architecture de l'information.. Pour d'autres applications, la référence viendra nécessairement de l'existant non informatisé, de la culture de l'utilisateur, des termes qu'il utilise, etc.. » Adaptation aux stratégies des utilisateurs.. L'architecte de l'information doit se préoccuper de satisfaire toutes les stratégies de recherche d'une information :.. Recherche précise d'un contenu par mot-clé.. (activité supportée par un moteur de recherche).. Recherche précise d'un contenu par navigation.. à travers les rubriques du site (activité supportée par la structuration des contenus dans le site, la conception des éléments de navigation, du plan de site, de l'aide).. "Open ended browsing".. (Catledge, L.. D.. Pitkow, J.. E.. ) : navigation sans but précis, à la découverte de contenus intéressants (activité supportée par la mise en avant de certains contenus, par les navigations transversales et contextuelles, les raccourcis, la présentation de contenus liés au contenu consulté…).. Les outils et livrables de l'architecte de l'information.. Les outils et livrables que nous définissons ci-dessous ne sont pas forcément ceux d'un "architecte de l'information".. Ils sont ceux qui sont potentiellement utilisés et fournis pour formaliser le travail sur l'architecture de l'information.. Cette compétence peut être confondue avec le travail sur l'ergonomie et l'utilisabilité.. On retrouve donc des outils et livrables similaires.. - Outils d'inventaire et de gestion de contenu.. - Outils pour conduire des tests utilisateurs.. - Outils pour supporter le tri de cartes (physique ou informatisé).. - Outils pour formaliser les modèles, tracer des plans, dessiner des maquettes.. Tous les outils de formalisation ne servent cependant qu'à concrétiser un modèle, une idée, un concept.. Erin Malone dit à cet égard ".. We lose sight […] of the fact that we already have the perfect tool: our brains.. The knowledge, expertise and skills to solve problems are right between our ears […] The tool we should be cultivating here is our brain-our skill for problem solving and providing value to our clients and companies […].. We have a responsibility to be smart problem-solvers and use the one tool that we all have - our brains.. " (voir dans les.. Les principaux livrables en l'architecture de l'information sont les plans de sites, maquettes de pages, description de personas, inventaires de contenus, thesauri, taxonomies et vocabulaires contrôlés.. L'architecture de l'information est un principe général visant à définir les fondations d'une construction web.. L'activité d'architecture consiste à extraire une structure conceptuelle d'un ensemble de contenus et de besoins utilisateurs.. Travailler sur l'organisation des contenus, leur appellation, la navigation et les systèmes de recherche, c'est travailler pour optimiser l'architecture de l'information.. Les liaisons avec l'ergonomie des interfaces sont implicites, notamment du fait de l'objectif général poursuivi : en ergonomie comme en architecture de l'information, l'objectif est de construire une interface adaptée aux besoins des utilisateurs finaux.. Pour approfondir cette relation entre ergonomie et architecture de l'information, vous pouvez lire l'article.. Architecture de l'information : quelles relations à l'ergonomie ?.. The Tool Makes the (Wo)man.. Erin Malone, Boxes and Arrows, 2002.. We Are All Connected: the Path from Architecture to Information Architecture.. , Fu-Tien Chiou, Boxes and Arrows, 2003.. What's in a Name? Or, What Exactly Do We Call Ourselves?.. , Adam Greenfield George Olsen, Boxes and Arrows, 2002.. Information Architecture for the Rest of Us.. , John S.. Rhodes, WebWord, 2002.. Information Architecture For Everyone.. , D.. Keith Robinson, Evolt.. org, 2002.. About Information Architecture.. , Mark Hurst, goodexperience.. com, 2000.. Information Architecture Tutorial.. , John Shiple, WebMonkey, 1998.. K.. , Landay, J.. A.. Hong, J.. I.. (2003).. The Design of Sites.. Patterns, Principles and Processes for Crafting a Customer-Centred Web Experience.. » Pattern Group B.. Creating a Navigation Framework.. » Pattern Group J.. Making Site Search Fast and Relevant.. » Pattern Group K.. Making Navigation Easy.. Rosenfeld, L.. Morville, P.. Information Architecture for the World Wide Web.. , 2nd Edition.. Designing Large-Scale Web Sites.. O'Reilly Associates.. Wodtke, C.. Information architecture - Blueprints For The Web.. New Riders.. (lire.. la chronique Ergolab de Information Architecture.. ).. Brinck, T.. , Gergle, D.. Wood, S.. Usability for the Web.. Morgan Kaufman.. Chapitre 5,.. Information Architecture.. la chronique Ergolab de Usability for the Web.. Kahn, P.. Lenk, K.. Architectures de sites web.. Pyramid.. la chronique Ergolab de Architectures de sites web.. Don't make me think.. Que.. Chapitre 6,.. Street Signs and Breadcrumbs.. la chronique Ergolab de Don't make me think.. [12.. Architecture de l information, quelles relations à l ergonomie?.. Architecture de l'information et ergonomie sont des domaines par définition très proches et qui se confondent souvent.. Ils entretiennent en effet des dépendances étroites et leur pratique vise un même.. net/articles/architecture-information-ergonomie.. [20.. 10.. Comment concevoir un menu ? Partie 1.. Les menus sont un style d'interaction très fréquent dans le domaine de l'informatique grand public.. Ils sont utilisés à la fois dans le domaine du web et du logiciel, mais leur forme est différente.. Cet article.. net/articles/ergonomie-menu-1.. Louis Rosenfeld Peter Morville.. net/livres/information-architecture2.. Paul Kahn et Krzysztof Lenk.. net/livres/architectures-de-sites-web.. Information architecture.. Christina Wodtke.. net/livres/information-architecture..

    Original link path: /articles/architecture-information.print.php
    Open archive



  •  


    Archived pages: 258