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
    Descriptive info: 24 Octobre 2004.. Restituer les résultats d’une étude d'ergonomie.. 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 bouton "mettre à jour").. En ce qui concerne une inspection, on peut procéder  ...   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.print.php
    Open archive

  • Title: Les supports logiciels de l'ergonome
    Descriptive info: 08 Février 2004.. 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….. 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 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  ...   clusters).. 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.. » A 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.. http://www.. ergolab.. net/articles/ergonomie-informatique-methodes.. php.. [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.. net/articles/tri-cartes-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.. net/articles/test-utilisateur-ergonomie-1..

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

  • Title: Recette de test utilisateur, Partie 2
    Descriptive info: 03 Janvier 2004.. 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 réponses et réactions seront  ...   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.. 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.. net/livres/ergonomie-web.. Don t make me think.. Steve Krug.. net/livres/don-t-make-me-think..

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

  • Title: Les critères ergonomiques de Bastien & Scapin, Partie 2
    Descriptive info: 10 Décembre 2003.. 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 de façon conséquente, les messages d'erreur  ...   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.. net/articles/criteres-ergonomiques-1..

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

  • Title: Tags du site Ergolab - ergonomie sites web
    Descriptive info: Tous les tags.. tags.. les plus consultés.. Architecture de l information.. Chapitres de livres gratuits.. Test utilisateur.. Navigation.. Maquettes conceptuelles.. Conception centrée utilisateur.. Formulaires.. Accessibilité visuelle.. Tri de cartes.. Méthodes.. Afficher par ordre alphabétique.. Outils.. Page d accueil.. Flash.. Audit ergonomique.. Utilisabilité.. Normes.. Gestion des erreurs.. Cours.. Lisibilité.. Accessibilité technologique.. Livrables.. Documents et publications.. Sites blogs.. Articles à consulter.. Prototypes.. Mobile.. Etudes de cas.. Qualité.. Institutions / Organisations.. Magazines.. Communauté.. Newsletters.. Bibliothèques de liens.. Drag Drop.. Utilité.. Animations.. Interfaces riches.. Expérience utilisateur.. Personas..  ...   Liens.. URL.. Son.. Feedback.. Contenus.. 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/index.php?ordre=top
    Open archive

  • Title: Contenus - Ergolab, ergonomie sites web
    Descriptive info: TAG : Contenus.. Voir tous les tags.. tags.. Contenus.. Voir ce tag dans :.. les articles.. les chroniques de livres.. les liens.. le bloc-notes.. afficher.. liste des tags.. 0 ressource(s).. portent le tag.. "Contenus".. Voir tous les tags du site Ergolab..

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

  • Title: Liens - Architecture de l'information - Ergolab
    Descriptive info: Architecture de l'information.. Architecture de l information.. Indique les liens préférés d'Ergolab.. liste des tags de liens.. Afficher dans l'ordre alphabétique.. Designing for the Social Web - Joshua Porter.. [ajouté le 01.. Une partie du livre de Joshua Porter (.. Design for Sign-Up: How to Motivate People To Sign Up For Your Web App.. ), disponible en ligne gratuitement sur le site de Peachpit.. peachpit.. com/articles/article.. aspx?p=1216150.. TAGS :.. Designing the moment - Robert Hoekman.. Une partie du livre.. Designing the Moment: Web Interface Design Concepts in Action.. (All Links Are Not Created Equal: How to Make Online Lists Easier to Read), disponible en ligne gratuitement sur le site de Peachpit.. aspx?p=1193474.. Communicating Design - Dan Brown.. 2 parties du livre de Dan Brown en téléchargement gratuit sur le site de Peachpit (.. Usability Test Plan.. What Do People Think of Your Site Design? Here's How To Find Out.. com/store/product.. aspx?isbn=0321392353.. Web ReDesign 2.. 0.. Un chapitre gratuit (How to Set Up A Successful Web Redesign Project) de la seconde édition de Web ReDesign sur le site de Peachpit.. aspx?p=600980.. Web Design for ROI - Lance Loveday Sandra Niehaus.. 10.. Web Design for ROI.. (How to Create a Landing Page That Sells), disponible en ligne gratuitement sur le site de Peachpit.. aspx?p=1084311.. Designing Web Navigation - James Kalbach.. Téléchargement gratuit du chapitre 4 (Types of Navigation) de l'excellent ouvrage de James Kalbach:.. Ambient Findability - What We Find Changes Who We Become.. , sur le site de l'éditeur, O'Reilly.. Petite mise en bouche, le chapitre s'ouvre sur une citation attribuée à Albert Einstein : "Everything should be as simple as possible, but no simpler.. ".. (Cliquer sur Sample Chapter).. http://oreilly.. com/catalog/9780596528102/chapter/index.. Ambient Findability - Peter Morville.. [ajouté le 08.. 2007].. Téléchargement gratuit du premier chapitre (Lost and Found) du fameux livre de Peter Morville :.. oreilly.. com/catalog/ambient/chapter.. The Usability Kit.. [ajouté le 04.. Get the free sample.. sitepoint.. com/kits/usability1.. Ergonomie web - Amélie Boucher.. Un extrait gratuit du livre à télécharger sur le site compagnon (règle n°2 du chapitre 5 :.. 12 règles pour optimiser l'ergonomie de votre site web.. ergonomie-sites-web.. Don t Make Me Think - Steve Krug.. [ajouté le 03.. Le chapitre 2 de.. Don't make me think.. peut être lu en ligne sur le site de Steve Krug.. Son titre : How we really use the Web.. sensible.. com/chapter.. Designing Web Usability - Jakob Nielsen.. Téléchargement du fichier pdf du chapitre 4 (Site Design), sur  ...   Emily Cotler :.. Phase 4: production qa.. en version pdf, à télécharger sur le site de PeachPit (2,02 Mo).. com/title/0735710627.. Homepage Usability - Nielsen Tahir.. New Riders nous propose la version pdf de l'analyse du site drugstore.. com par Jakob Nielsen et Marie Tahir.. L'un des 50 sites analysés dans leur ouvrage :.. Homepage usability: 50 websites deconstructed.. (.. chroniqué sur Ergolab.. com/title/073571102X.. Concevoir un produit facile à utiliser - Eric Brangier Javier Barcenilla.. Téléchargement du Chapitre 2 du livre d'Eric Brangier Javier Barcenilla en pdf (Qu'est-ce que l'utilisabilité?).. editions-organisation.. com/Livre/?ouv_ean13=9782708129009.. Building Accessible Websites - Joe Clark.. Version pdf du chapitre 9 (Type and Colour) sur le site de New Riders.. Pourquoi et comment traiter les textes et les couleurs dans l'optique de l'accessibilité visuelle d'un site.. com/title/073571150X#.. Web Credible Handbook.. Téléchargement en version pdf de 3 chapitres extraits du Web Credible Handbook, ressource pour la conception de sites web centrés utilisateur.. webcredible.. co.. uk/user-friendly-resources/handbook.. shtml.. Back to the User - Gary McClain, Tammy Sachs.. Version pdf du chapitre 3 de.. back to the user: creating user-focused web sites.. (Your Homepage Is a 30-Second Window of Opportunity: Don't Be Shy!), sur le site de New Riders.. aspx?p=26941.. Information Architecture - Christina Wodtke.. Information architecture - blueprints for the web.. (First Principles), disponible en téléchargement gratuit sur le site de Peachpit.. aspx?isbn=0735712506.. Design of sites - D.. K Van Duyne, J.. A Landay, J.. I Hong.. Le site du livre permet de télécharger un chapitre (Customer-Centered Web Design) et le premier pattern (Helping Customers Complete Tasks / Process Funnel) de la seconde édition du livre.. Design of sites - patterns, principles and processes for crafting a customer-centred web experience.. designofsites.. Mapping Web Sites - K.. Lenk P.. Kahn.. Vous pouvez télécharger le fichier pdf du chapitre 4 de.. mapping web sites.. sur le site de Kahn Plus.. kahnplus.. com/publication/fr/ouvrages.. htm.. lien au hasard.. derniers liens.. Une plateforme de Questions / Réponses dédiée à l'expérience utilisateur web et mobile.. Baekdal.. Le site de Thomas Baekdal est très riche en ressources diverses, la plupart appartenant au champ de l'expérience utilisateur.. Assorti d'une jolie baseline*, s'il-vous-plaît !.. (* "The goal is pretty simple").. 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 !.. Voir tous les derniers liens..

    Original link path: /liens/tag.php?p=0&o=1&id=32
    Open archive

  • Title: Liens - Architecture de l'information - Ergolab
    Descriptive info: Tout sur la même page.. page précédente.. 2 /.. page suivante.. 2..

    Original link path: /liens/tag.php?p=2&o=1&id=32
    Open archive

  • Title: tous les liens - liens
    Descriptive info: tous les liens.. tous les liens.. Afficher par date d'ajout.. 6 /.. page suivante.. The Usability Professionals Association.. L'UPA se veut communauté internationale autour de l'utilisabilité.. Les membres de l'UPA appartiennent à de nombreuses domaines concourant à optimiser l'expérience utilisateur.. Une rubrique "Usability Resources" très complète.. usabilityprofessionals.. org.. UIE Tips.. Inscription à la newsletter d'User Interface Engineering.. uie.. com/uietips.. Ugleah.. Experience designer, Leah Buley nous offre des exemples de son travail très intéressants et variés (Personas, maquettes, plans de sites, storyboards, patterns, documents pour le test utilisateur, etc.. ).. ugleah.. com/Portfolio.. asp.. Usability Interface.. The Usability SIG Newsletter.. org/usability/newsletter.. Usability Net.. Un site né d'une initiative européenne pour la promotion de l'utilisabilité.. Une des sources les plus complètes sur le sujet, notamment en ce qui concerne la description des méthodes en ergonomie informatique.. usabilitynet.. "Bringing you all the latest within the field of usability".. usabilitynews.. com/default.. asp?c=0.. Usability News - Wichita University.. Le laboratoire de recherche en utilisabilité de l'université de Wichita propose des articles en lignes.. Possibilité de s'abonner pour être informé d'un nouveau volume.. http://psychology.. wichita.. edu/surl/usability_news.. gov - National Cancer Institute.. A la fois des ressources internes et un portail très complet pour la conception d'interfaces utiles, utilisables et accessibles.. Classement par thématiques (Usability Basics, Methods for Designing Usable Web Sites, Guidelines and Checklists, Server Log Analysis, Accessibility Resources.. usability.. Usable Web.. Plus de 1000  ...   Visio 2003.. Un logiciel de la suite Office spécialisé dans la création de diagrammes et schémas.. Un 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.. microsoft.. com/france/office/visio.. W3C - World Wide Web Consortium.. Les activités du W3C sont dirigées vers l'interopérabilité et l'accessibilité des sites web.. Des outils de validation permettent de tester la conformité d'un site aux spécifications et protocoles définis par cette organisation.. w3.. Web Content Accessibility Guidelines Working Group (WCAG WG).. Les guidelines de la WAI, la "section" accessibilité du W3C.. org/WAI/GL.. Web Design From Scratch.. [ajouté le 24.. Ben Hunt nous offre 15 de ses 25 "redesigns from scratch" dans un pdf très utile pour comprendre comment pratiquer la refonte de site orientée utilisateur.. N'hésitez pas à parcourir aussi l'ensemble de son site, qui présente un guide complet pour la conception web, consultable gratuitement en ligne sous diverses thématiques (architecture de l'information, usability, design graphique, CSS, etc.. webdesignfromscratch.. com/redesigns-book.. cfm.. Web Pages That Suck.. Site publié par Vincent Flander.. "I believe that if someone is exposed to bad web page design they'll be less likely to use these techniques in the pages they create".. webpagesthatsuck..

    Original link path: /liens/tous-les-liens.php?p=6&o=0
    Open archive

  • Title: tous les liens - liens
    Descriptive info: 3 /.. ErgoIHM.. La première liste de diffusion française sur l'ergonomie des interfaces homme-machine.. http://listes.. cru.. fr/wws/info/ergoihm.. Ergologique.. Le fameux site emmené par Emeric Thoa et ses acolytes, avec dedans plein de conseils et actus en ergonomie et conception centrée utilisateur.. ergologique.. Ergonomie des IHM - Université de Pau.. Cours écrit par Nicole Lompré, Stéphanie Mailles, Marité Milon.. univ-pau.. fr/~lompre/index.. Ergophile.. 05.. Jacinthe et ses Ergoflash, Ergospeed, Ergotest.. et autres plaisirs!.. ergophile.. Ergoweb.. Le site d'Alain Robillard Bastien sur l'ergonomie du web - complet et facile d'accès.. ca/.. Essais de Donald Norman.. [ajouté le 06.. Don Norman publie sur son site des essais sur différents thèmes (Design, Automobile, Television, Emotion Design, Technology Society.. ), écrits en indépendant ou pour des publications telles que Interactions, Communications of the ACM ou InteriorMotives.. org/dn.. pubs.. Experience Design.. Groupe de discussion Yahoo sur l'expérience utilisateur au sens large.. "Experiences are the Transactions of Relationships".. http://groups.. yahoo.. com/group/experiencedesign/?yguid=152157880.. Un logiciel intéressant pour concevoir des maquettes interactives associant image et son, mais qui nécessite un minimum d'apprentissage.. macromedia.. com/fr/software/flash/.. Flazoom.. Un site emmené par Chris MacGregor (co-auteur de.. The Flash Usability Guide.. ), entièrement consacré à l'ergonomie des interfaces Flash..  ...   (entreprise menée par Kelly Goto, auteur du célèbre Web ReDesign et sa suite 2.. 0).. Chaque édition accueille plusieurs articles écrits par divers acteurs de la conception web.. gotomedia.. com/gotoreport.. Guides et documents Gotomedia.. On trouve sur le site de Gotomedia (société de Kelly Goto, auteur de.. 0) des guides au format pdf (Setting the Stage, Usability Testing, Web Design Workflow et Enhancing Creativity), ainsi que des documents types (au format rtf) pour la pratique de la conception web.. com/resources.. Guuui.. "The interaction designer coffee break" : des articles et pensées d'Henrik Olsen sur l'architecture de l'information, le design d'interaction, l'utilisabilité, et tout ce qui peut optimiser l'expérience utilisateur au sens large.. guuui.. com/.. HCI Bibliography.. Un outil complet pour les recherches bibliographiques dans le domaine de l'interaction homme-machine.. hcibib.. org/.. HCI Index.. L'index de Hans DeGraaff sur l'interaction homme-machine recense un grand nombre de publications disponibles en ligne.. http://degraaff.. org/hci/publications.. HCI Resources.. Human-Computer Interaction Resources on the Net, annuaire de liens élaboré par Mikael Ericsson.. Il n'est plus actualisé, mais assez fourni.. ida.. liu.. se/labs/aslab/groups/um/hci/.. How to Conduct a Heuristic Evaluation.. Article de Jakob Nielsen sur la méthode de l'évaluation heuristique.. useit.. com/papers/heuristic/heuristic_evaluation..

    Original link path: /liens/tous-les-liens.php?p=3&o=0
    Open archive

  • Title: tous les liens - liens
    Descriptive info: The Usability Methods Toolbox.. James Hom présente un nombre considérable de méthodes utilisées en conception centrée utilisateur, avec pour chacune des liens pour approfondir la question.. http://jthom.. best.. vwh.. net/usability.. Elegant Hack.. Christina Wodtke (auteur de.. Information Architecture - Blueprints for the web.. ) propose sur Elegant Hack une liste des articles fondamentaux en architecture de l'information.. http://eleganthack.. com/articles/index.. National Institute of Standards and Technology (NIST).. Projet du Industry USability Reporting (IUSR), instigateur du Common Industry Format (CIF).. http://zing.. ncsl.. nist.. gov/iusr.. WebWord.. Les articles de John S.. Rhodes concernent l'utilisabilité web, s'étendant parfois au concept plus général de "facteur humain".. webword.. com/moving.. Rapports de recherche et Thèses de l INRIA.. Catalogue des publications de l'INRIA.. Le site propose le téléchargement de versions électroniques, ainsi que la possibilité de commander une version papier.. inria.. Citeseer (Scientific Literature Digital Library).. Outil de recherche publié par le Nec  ...   télécharger le.. Windows Vista User Experience Guidelines.. , soit.. 763 pages en pdf qui listent l'ensemble des spécifications ergonomiques officielles pour les applications Windows Vista.. http://msdn2.. com/en-us/library/.. Dey Alexander.. Dey Alexander nous offre sur son site des ressources internes et une base considérable de liens vers d'autres sites (classés en thèmes et sous-thèmes).. Possibilité de s'abonner à la newsletter, recensant tous les 15 jours les mises à jour de la section Ressources.. deyalexander.. Publications des experts de Microsoft.. com/usability/publications.. mspx.. Digital Web.. Un magazine incontournable, consacré au web.. Frais et agréable à lire.. A surveiller particulièrement, les thèmes Information Architecture, Interaction Design, KISS, Typography, User Experience, UCD (pour la partie Design), Accessibility, HCI, ROI et Web Analytics (pour la partie Evaluate), ainsi que les "Book reviews".. digital-web.. Site Point.. Rubrique "Design and Layout", regroupant les thèmes Usability and Information Architecture, Accessibility, Design Principles, Design Practice….. com/cat/80..

    Original link path: /liens/tous-les-liens.php?p=6&o=1
    Open archive



  •  


    Archived pages: 258