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: Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab
    Descriptive info: .. rechercher sur ergolab.. ok.. s'abonner au fil rss.. newsletter.. Entrez votre adresse e-mail pour être informé de l'ajout de nouveau contenu :.. En savoir plus.. ergo quoi ?.. Ergolab est un site de ressources en ergonomie web et logiciel.. À l'intérieur, des.. articles.. ,.. chroniques.. liens.. et.. notes.. :toute une boîte à idées pour comprendre et appliquer l'ergonomie informatique.. Un seul objectif, optimiser la qualité d'utilisation des interfaces homme-machine.. Ergonomie, utilisabilité, architecture de l'information.. Des articles théoriques et pratiques sur l'ergonomie informatique, avec une spécialisation dans les méthodes pour le web.. Tous les articles.. [02.. 11.. 2008].. Quelle ergonomie pour le drag drop ?.. Dossier sur le glisser - déposer : Qu'en est-il vraiment du côté utilisateur, et qu'en dit l'ergonomie?.. Lire l'article.. livres.. Des chroniques de livres dans le domaine de l'interaction homme-machine : les ouvrages clés en ergonomie et en architecture de l'information,  ...   (Q A).. Questions / Réponses sur l'expérience utilisateur.. Visiter le site.. quelques vidéos.. c'est pour qui ?.. Pour toutes les personnes curieuses, qui connaissent ou qui découvrent l'ergonomie web.. Ergolab a pour ambition de permettre le partage des informations et des bonnes adresses.. Vous pouvez y consulter des.. sur différents thèmes en ergonomie, lire des.. chroniques sur des livres.. , et découvrir des.. adresses de sites web.. nouveauté.. Octobre 2011:.. 3eme édition du livre.. Ergonomie web.. (Amélie Boucher, éditions Eyrolles).. Ergonomie web illustrée.. 62 cas pratiques pour apprendre l’ergonomie par l’exemple !.. bloc-notes.. précédent.. suivant.. Toutes les notes.. c'est quoi l'ergonomie ?.. "L'ensemble des connaissances relatives à l'homme et nécessaires pour concevoir des outils, des machines et des dispositifs qui puissent être utilisés avec un maximum de confort, de sécurité et d'efficacité.. " (Alain Wisner).. ».. C'est quoi l'ergonomie informatique?.. accueil.. |.. contact.. recherche.. rss.. |.. ergolab..

    Original link path: /
    Open archive

  • Title: Articles ergonomie web et logiciel, architecture de l'information, utilisabilité – Ergolab
    Descriptive info: Des écrits sur l'ergonomie web et logiciel abordant quatre grandes thématiques.. Tout pour optimiser la qualité d'utilisation des interfaces informatiques, des questions de fond aux préoccupations plus pratiques et appliquées.. articles.. questions existentielles.. Des articles théoriques concernant les fondements même de l'ergonomie des interfaces homme-machine, la définition de cette discipline et ses rapports avec les domaines connexes, ainsi que des articles sur des sujets controversés.. Voir les articles.. éléments d interface.. Des articles concrets, qui déclinent conseils et solutions face à une problématique précise.. Chaque article concerne l'ergonomie d'un objet particulier.. On le décrit et  ...   optimiser la qualité d'utilisation.. Chaque article traite un sujet en particulier, dans le cadre de l'ergonomie des sites internet et plus largement des IHM.. pratiques.. Des articles concernant les méthodes, outils et façons de faire de l'ergonomie des interfaces.. Tout pour aider les professionnels à intégrer le cycle de conception utilisateur à leur pratique quotidienne.. dernier article.. articles les plus lus.. Ergonomie de la page d accueil.. C est quoi l ergonomie informatique ?.. Architecture de l information.. Recette de test utilisateur, Partie 1.. Les critères ergonomiques de Bastien Scapin, Partie 1.. article au hasard..

    Original link path: /articles/index.php
    Open archive

  • Title: Chroniques de livres - ergonomie, architecture de l'information, utilisabilité – Ergolab
    Descriptive info: Ici, rien que des livres qui parlent d'écrans.. Cette partie du site vous propose des chroniques d'ouvrages dans le domaine de l'ergonomie des interfaces homme-machine, pour les débutants ou les plus expérimentés.. livres.. Date de la chronique [16.. "And polish, polish, polish.. " Une phrase qui revient comme un refrain, soulignant l'importance du détail, et l'effort nécessaire pour atteindre le "bon" détail.. Bien sûr, les contraintes.. TAGS :.. Expérience utilisateur.. Mobile.. Date de la chronique [03.. Amélie Boucher.. Chronique de Ergonomie web illustrée (Eyrolles, Collection Design Interface) sous forme de retours sur ce qu'ils en disent.. Chapitres de livres gratuits.. Test utilisateur.. Date de la chronique [17.. 12.. 2007].. Chronique du livre par Benoît Drouillat.. L'ouvrage d'Amélie Boucher, Ergonomie web, qui vient de paraître chez Eyrolles, comble non seulement un manque important dans la discipline mais en propose une.. Conception centrée utilisateur.. Tri de cartes.. Utilisabilité.. Utilité.. Date de la chronique [09.. 2005].. Information Architecture.. Louis Rosenfeld Peter Morville.. Les intimes l'appellent "The Polar Bear".. L'ours polaire, illustration de couverture made in O'Reilly, est devenu le symbole de ce livre, le seul aussi complet sur le sujet.. Les auteurs, Lou Rosenfeld et Peter Morville.. Navigation.. Date de la chronique [13.. 04.. The Elements of User Experience.. Jesse James Garrett.. Jesse James Garrett, jeune jedi de l'architecture de l'information, eut un jour une révélation: il devait formaliser les différents composants de l'expérience utilisateur sur le web.. Un moyen de fournir à la communauté.. Date de la chronique [28.. 2004].. Flash 99% Good.. Kevin Airgid Stephanie Reindel.. Le titre de.. Flash 99% good.. sonne comme une réponse à l'article de Jakob Nielsen,.. Flash 99% bad.. , et à son ".. about 99% of the time, the presence of flash on a website constitutes a usability disease.. "..  ...   théorique et technique, présentant des recommandations sur l'ergonomie d'une page d'accueil et la manière de les appliquer.. Page d accueil.. Date de la chronique [18.. Check-list pour réussir son site web.. Jean-Marc Hardy.. Check-list pour réussir son site web n'est pas seulement un livre qui parle d'ergonomie.. C'est un livre qui intègre l'ergonomie dans la conception d'un site web, intégrant des notions de qualité, de contenu, de design, de marketing, etc.. Qualité.. Date de la chronique [31.. Architectures de sites web.. Paul Kahn et Krzysztof Lenk.. "Un plan est une forme particulière de communication visuelle".. architectures de sites web.. est un ouvrage conçu autour du plan comme moyen de communiquer l'organisation des informations dans un site web.. Site-Seeing.. A Visual Approach To Web Usability.. Luke Wroblewski.. Site-Seeing est un livre qui traite de l'utilisabilité web dans une perspective globale.. Pour Luke Wroblewski, l'expérience utilisateur est à l'intersection des problématiques de présentation, d'organisation et d'interact.. Design.. Date de la chronique [20.. 2003].. Information architecture.. Christina Wodtke.. Information Architecture - Blueprints for the web est destiné aux gens qui ne connaissent pas l'architecture de l'information.. Il étonne, éveille et ouvre la voie à plein de questionnements.. Il étonne parce qu'il est.. 10.. Don t make me think.. Steve Krug.. Le livre est beau, le titre évocateur.. Don't make me think.. fait de l'ergonomie du web un domaine accessible à tous.. Le sous-titre "A Common Sense Approach to Web Usability" est révélateur de l'esprit.. Date de la chronique [21.. 07.. Usability for the Web.. Tom Brinck, Darren Gergle, Scott D.. Wood.. Usability for the web est un des rares ouvrages complets en utilisabilité web.. En effet, une grande partie des livres phares en ergonomie des interfaces ne sont pas spécialisés dans le web.. Méthodes.. chroniques les plus lues..

    Original link path: /livres/index.php
    Open archive
  •  

  • Title: Liens - ergonomie, architecture de l'information, utilisabilité - Ergolab
    Descriptive info: La banque de liens d'Ergolab recense des sites web qui ont marqué notre attention, dans les domaines de l'ergonomie, de l'architecture de l'information, du design d'interaction.. Au total, plus de 200 liens classés par thèmes.. liens.. les plus consultés.. Maquettes conceptuelles.. Formulaires.. Indique les liens préférés d'Ergolab.. Afficher les plus consultés en premier !.. Accessibilité technologique.. Articles à consulter.. Audit ergonomique.. Bibliothèques de liens.. Communauté.. Cours.. Documents et publications.. Etudes de cas.. Gestion des erreurs.. Institutions / Organisations.. Lisibilité.. Livrables.. Magazines.. Newsletters.. Normes.. Outils.. Prototypes.. Sites blogs.. Tous  ...   l'expérience utilisateur web et mobile.. Baekdal.. com.. 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/index.php
    Open archive

  • Title: Bloc-notes - ergonomie, architecture de l'information, utilisabilité web – Ergolab
    Descriptive info: bloc notes.. Le bloc-notes d'Ergolab, c'est à chaque page un zoom sur un aspect particulièrement intéressant d'une interface, et une préférence avouée pour ce qui relève du détail !.. bloc-notes.. [05.. Lorsqu une fiche produit sort de sa page.. Lire la note n°12.. [12.. 05.. 2009].. Double saisie temporisée, à voir chez Picnik.. Lire la note n°11.. Interfaces riches.. [04.. Acrobat.. com et le message d erreur du futur.. Lire la note n°10.. [29.. Classer ses articles sur LeMonde.. fr.. Lire la note n°9.. Terminologies.. 03.. Allociné calcule pour vous.. Lire la note  ...   à la suédoise.. Lire la note n°6.. [01.. Historique de navigation 3 en 1 pour Yahoo! Food.. Lire la note n°5.. [30.. Follow this topic sur CNN, ou le RSS pour les nuls.. Lire la note n°4.. [28.. Aide contextuelle onfocus chez Yahoo! Mail.. Lire la note n°3.. Aide.. [22.. Le browse by size de Threadless.. Lire la note n°2.. [17.. Buy now, mais encore ? Cloggs rénove le call to action.. Lire la note n°1.. Call to action.. notes les plus lues.. Voir les 20 notes les plus lues.. une note au hasard..

    Original link path: /bloc-notes/index.php
    Open archive

  • Title: Contact - Ergolab, ergonomie web et logiciel
    Descriptive info: Vous souhaitez me téléphoner, m'écrire un message, poser une question, m'envoyer des fleurs ? C'est ici que ça se passe.. contacter ergolab.. Nos coordonnées.. Ergolab est édité, façonné et tout écrit par Amélie Boucher, Ergonome Architecte de l'information.. E-mail.. contact@ergolab.. net.. Twitter.. @amelieboucher.. Mes autres sites :.. Le site du livre Ergonomie web, pour des sites web efficaces :.. www.. ergonomie-sites-web.. Le site du livre Ergonomie web illustrée :.. ergonomie-web-illustree..

    Original link path: /contact/index.php
    Open archive

  • Title: Newsletter - Ergolab, ergonomie web et logiciel
    Descriptive info: Indispensable pour être toujours au courant de ce qui se passe sur Ergolab.. Le meilleur moyen de découvrir les nouveaux articles, les chroniques ou notes nouvellement sorties, mais aussi de recevoir les voeux annuels et tant d'autres choses incroyables !.. newsletter.. Pour savoir lorsque de nouvelles ressources sont disponibles sur ergolab, vous pouvez vous inscrire à notre liste de diffusion.. Conformément à  ...   votre adresse e-mail ne sera utilisée que pour vous faire parvenir notre lettre de diffusion.. Pour être informé de l'ajoute de nouveaux contenus, entrez votre adresse e-mail puis cliquez sur "ok".. Votre adresse e-mail.. Vous souhaitez vous désinscrire de la newsletter Ergolab ?.. fil rss.. Ergolab vous propose aussi de vous tenir au courant via son fil RSS !.. S'abonner au fil rss..

    Original link path: /newsletter/index.php
    Open archive

  • Title: Quelle ergonomie pour le drag & drop ? - Ergolab
    Descriptive info: 02 Novembre 2008.. Quelle ergonomie.. pour le drag & drop ?.. Drag Drop.. Quelle ergonomie pour le drag drop ?.. Liste des articles.. Version imprimable.. Introduction.. 1.. Le drag drop doit avoir une réelle utilité, augmenter l'efficience.. 2.. La possibilité de drag drop doit être visible.. 3.. La destination doit être compréhensible et visible.. 4.. Le drag drop doit être facile.. 5.. Le déplacement doit être visible.. 6.. L'effet du drag drop doit être visible.. Conclusion.. Avec la présence de plus en plus marquée des interfaces riches sur le web, on observe le transfert de modes d'interaction à l'origine réservés aux systèmes d'exploitation ou au monde logiciel.. C'est le cas du drag drop (en français, glisser - déposer).. Dans ce type d'interfaces,.. l'utilisateur saisit un objet, puis le déplace pour l'amener à un autre endroit.. Nous présenterons dans cet article les caractéristiques du drag drop, ses avantages et inconvénients, mais surtout comment répondre à ces derniers pour profiter des promesses de ce mode d'interaction.. Le propos de cet article est de souligner que.. le drag drop ne doit être employé que s'il est utile.. pour l'internaute, et non parce qu'il est possible de le faire techniquement.. De plus,.. une fois qu'il est présent, de nombreuses règles sont à appliquer pour qu'il soit utilisable.. Notre réflexion intègre des explications et exemples issus du monde logiciel ou système, dans l'optique de questionner son utilité et son utilisabilité dans des interfaces web.. La limite entre ces différents mondes étant parfois très fine, il paraît essentiel de souligner la manière dont le drag drop peut être utilisé à plus ou moins bon escient selon le contexte.. Introduction.. Au quotidien, nous utilisons énormément le drag and drop, sans forcément nous en rendre compte.. C'est surtout le cas dans nos systèmes d'exploitation : déplacement de fichiers d'une fenêtre à une autre, redimensionnement de colonnes, éjection d'un DVD, etc.. C'est aussi le cas dans de nombreux logiciels : glisser - déposer de blocs de textes dans un traitement de texte, glisser - déposer des fichiers pour les télécharger dans un logiciel de ftp, ré-organisation des palettes dans un logiciel graphique, etc.. Si l'on revient aux basiques, déplacer des objets dans des applications de dessin vectoriel, de mise en page ou de présentation, c'est aussi effectuer une action de drag drop.. Ce type d'interface relève fortement de la.. manipulation directe.. : on agit directement sur l'objet que l'on souhaite traiter, sans passer par un intermédiaire symbolisant l'action que l'on souhaite effectuer sur cet objet.. Mayhew dit à ce propose que dans ce type de mode d'interaction, "au lieu de le dire, les utilisateurs le font, simplement" (.. instead of "saying it", users simply "do it".. , Mayhew, 1992, cf.. lectures complémentaires).. Déplacer une image dans un dossier, déplacer un paragraphe de texte à un autre endroit de la page, uploader un fichier dans un logiciel de FTP, sont autant d'actions qui peuvent être effectuées par glisser - déposer.. Il paraît logique de profiter du fait que les utilisateurs familiers avec l'informatique connaissent ce type de procédé.. En effet, on peut ainsi observer des.. courbes d'apprentissage très courtes.. (étant donné que je sais exécuter le geste moteur sous-jacent au drag drop, il suffit presque que je comprenne que l'on peut glisser - déposer des éléments pour avoir appris).. Encore faut-il recourir au drag drop de manière réfléchie.. Il existe de nombreux contextes dans lesquels le drag drop devient un.. réel outil d'optimisation des interactions.. Comparez par exemple une interface d'ajout de fichiers attachés dans Gmail, et la même interface dans Windows Mail :.. Exemple d'attachement de fichiers dans un e-mail sous Gmail : je joins mes 3 photos 1 à 1 (à noter: une extension Firefox existe qui permet de contourner ce système).. Exemple d'attachement de fichiers dans un e-mail sous Windows Mail : je joins mes 3 photos en 1 seule action.. Il est indéniable que le drag drop a ici de grands bénéfices, surtout dans le cadre de multi-attachements de fichiers.. Son utilisation demande toutefois de modifier complètement la procédure mentale consistant à joindre un fichier : dans un cas, l'utilisateur commence par déclarer l'action qu'il souhaite effectuer, dans l'autre il commence par l'objet qu'il souhaite joindre.. Remarquons que Windows Mail supporte à la fois l'entrée par l'action (« clic sur l'icône joindre un fichier - ouverture de la fenêtre d'exploration du système ») et l'entrée par l'objet / les objets à attacher (« ouverture d'une fenêtre d'exploration - glisser - déposer dans l'e-mail »).. Cet exemple vise à souligner que le drag drop peut faciliter la réalisation de certaines actions.. Cependant, il peut aussi la compliquer.. Tout dépend du contexte et des choix qui sont effectués concernant l'ergonomie de ces interfaces.. Whiteside al soulignent à cet égard que.. le seul choix d'un style de dialogue.. homme-machine (ex: le drag drop).. ne peut pas être le déterminant principal de l'utilisabilité.. d'une application.. Ainsi, de bons (ou mauvais) choix de conception peuvent contrecarrer les défauts (ou annuler les bénéfices) potentiels d'un style de dialogue (ref.. dans Mayhew, 1992, cf.. La suite de cet article détaille dans quels cas le drag drop s'avère le plus pertinent, et les bonnes pratiques à appliquer pour exploiter ses bénéfices.. Nous allons ainsi voir que 3 grandes dimensions sont capitales : utilité, visibilité et feedback.. Pour que le drag drop soit pertinent, encore faut-il qu'il aide l'internaute.. Or, on remarque que ce mode d'interaction est souvent utilisé comme un gadget dans les sites web.. Autrement dit, les responsables du site décident d'intégrer cette fonctionnalité parce qu'ils la trouvent "cool", "sexy", "innovante".. Dans ce genre de cas, on part d'une possibilité technique pour la plugger sur un site web, sans se soucier de son intérêt sur le site en question.. Le premier point à évaluer, c'est donc l'utilité du drag drop.. Il est indéniable que ce dernier permet, dans certains contextes, d'optimiser les interactions avec le site.. Cependant, il peut aussi les alourdir.. Sur le web, on distingue aujourd'hui.. 2 grandes types d'objectifs.. pour lesquels est utilisé le drag drop.. Le déplacement de l'objet est toujours nécessaire, puisqu'il appartient à la définition même du mode d'interaction (par "drag", on sous-entend forcément un déplacement).. Cependant, il est utilisé à des fins différentes :.. » Soit pour.. lancer une action.. sur un objet (ex.. ajout au panier).. Dans ce cas,.. le déplacement = un moyen pour lancer une action.. L'objet "référent" reste à son emplacement initial, mais il peut être dupliqué symboliquement.. » Soit pou.. r déplacer.. un objet (ex.. passage d'un groupe à un autre, ordonnancement de listes, etc.. ).. Pour ce type d'objectifs,.. le déplacement = la finalité.. On n'a qu'une instance de chaque objet.. On remarque en général que.. le drag drop est particulièrement adapté pour supporter ces actions de pur déplacement.. d'un item.. Il est alors très utile puisqu'il mime parfaitement l'action désirée.. Le déplacement est par définition un type d'action pour lequel il semble logique de saisir l'objet pour l'amener ailleurs (comme dans le monde réel).. Illustrons par des exemples ces deux façons d'exploiter le glisser - déposer, et leurs implications en termes d'utilisabilité.. 1.. Exemple positif : efficience optimisée.. Commençons par une application positive, où le drag drop démontre toute son utilité en termes d'efficience utilisateur :.. La fonction de drag drop est très intéressante pour l'ordonnancement de listes.. Ici, un exemple sur l'interface de BaseCamp, où les items peuvent être glissés - déposés aux emplacements désirés.. Ce procédé permet d'optimiser l'action d'ordonnancement au regard d'un comportement html plus classique consistant à indiquer un chiffre correspondant à l'emplacement souhaité, ou à déclarer l'élément à déplacer, un emplacement de destination, puis à lancer l'action en cliquant sur un bouton.. Source :.. basecamp.. Comme c'est le cas dans cet exemple, le drag drop est intéressant lorsqu'il permet à l'utilisateur d'.. atteindre plus simplement ou plus rapidement son objectif.. Attention, le simple fait d'utiliser le drag drop pour faciliter des actions de déplacement d'objets n'implique pas que ce soit le mode d'interaction le plus adapté.. L.. e niveau d'efficience obtenu est en effet très dépendant de la visibilité directe de l'élément à déplacer, ainsi que de sa destination.. Passons à un exemple où le drag drop vient complexifier ou gêner l'atteinte des objectifs utilisateur.. 2.. Exemple négatif : efficience diminuée.. Les contextes où l'utilisation d'un système de drag drop est inappropriée sont nombreux sur le web.. C'est le cas dans l'exemple suivant, où le drag drop complique la réalisation de la tâche :.. La fonction de drag drop peut compliquer la réalisation d'une action.. Ici, un exemple sur l'ancienne interface du site de Free, où les manuels d'aide doivent être téléchargés en utilisant le glisser - déposer.. Ce procédé s'avère plus complexe qu'un clic sur un lien "Télécharger".. En effet, l'internaute doit d'abord comprendre le fonctionnement de l'interface en analysant la page et en lisant la légende.. Ensuite, il doit procéder au drag drop, ce qui n'est pas forcément évident pour tous les internautes et nécessite plus d'actions qu'un simple clic (cf.. schéma ci-dessous).. Source : ancien site.. free.. Dans le cas d'un système de glisser-déposer d'éléments uniques, voici ce que le style de dialogue implique par rapport à une interface plus classique :.. Décomposition de l'action effectuée en drag drop : clic sur l'objet, parcours de la distance objet / récepteur, dépôt de l'objet sur le récepteur.. Plus la distance objet / récepteur est longue, plus l'action est longue à effectuer, voire compliquée d'un point de vue moteur.. Avantage : l'interface est légère visuellement.. Décomposition de l'action effectuée via un bouton : clic sur le bouton.. Inconvénient.. : l'interface est plus lourde visuellement (il faut répéter le bouton autant de fois qu'il y a d'objets).. En fait, dans la plupart des exemples de lancement d'actions par un drag drop,.. on oublie l'efficience.. (clé de l'utilisabilité).. en ne réfléchissant qu'à l'efficacité.. (base de l'utilisabilité).. Certes, une interface d'ajout au panier me permet d'ajouter un article au panier, mais à quel coût utilisateur en termes de difficulté et de temps de réalisation ?.. Plus précisément, lorsque je ne peux pas effectuer de.. multi-sélection.. , il y a peu de chances que le drag drop soit plus efficient qu'un simple bouton d'action.. Lorsque la multi-sélection est possible, le drag drop a d'autant plus de chances d'optimiser l'efficience qu'il y a d'objets sélectionnés simultanément.. Cela explique que le drag drop a une plus grande vocation à être utilisé dans des.. interfaces à forte récurrence.. , que leurs utilisateurs utilisent fréquemment (c'est notamment le cas des logiciels web, des outils, des sites web "applicatifs"), dans lesquelles ils traitent beaucoup d'objets, et bien sûr uniquement.. lorsqu'il facilite la tâche.. Il semble que plus le web évolue, plus il se destine à accueillir un grand nombre de nos applications.. De nombreux sites web sont de véritables outils, et non seulement des "bases de connaissances" dans lesquelles on se contente de circuler.. Le drag drop peut alors être envisagé, mais avec les précautions qui s'imposent.. Pour conclure sur ce point, on considèrera que.. le drag drop est utile quand il permet à l'utilisateur d'être efficient.. Notons que si la fonctionnalité du drag drop est imposée, mais que vous remarquez qu'elle pose des problèmes d'efficience, il est nécessaire de.. la doubler par une alternative plus classique.. C'est par exemple ce que fait Panic pour l'ajout au panier :.. Sur le site de Panic, on peut ajouter un produit au panier soit par.. glisser - déposer, soit plus classiquement par clic sur un bouton.. Ainsi, on ne risque pas d'empêcher les internautes d'ajouter des produits à leur panier, ou de leur compliquer la tâche.. panic.. com/goods.. Pour finir, ce n'est pas parce que le système de drag drop.. peut.. augmenter l'efficience qu'il l'augmente effectivement.. Comme nous l'avons déjà évoqué,.. le style de dialogue n'est qu'un potentialisateur.. Ainsi, en fonction des choix d'interface, le drag drop peut être plus ou moins difficile à utiliser, et, de fait, augmenter ou diminuer l'efficience de l'internaute.. La suite de cet article s'attache donc à décortiquer les bonnes pratiques à mettre en place pour profiter des bénéfices du drag drop, lorsqu'on est certain que c'est le mode d'interaction adapté.. Certaines des fonctionnalités reposant sur le drag drop nous paraissent plus intuitives que d'autres.. Nous avons vu que les actions de déplacement sont celles pour lesquelles il semble le plus naturel de pouvoir glisser - déposer des objets.. Pour les autres types d'action, on peut optimiser l'interface pour aider l'internaute à prendre en main le système.. Il faut en effet ajouter aux critères inhérents à la fonction elle-même les.. choix d'interface, qui vont jouer sur le niveau d'opacité du drag drop.. pour l'utilisateur.. Les internautes ont besoin de deux connaissances afin d'avoir l'idée d'utiliser un système de glisser-déposer : savoir qu'ils peuvent glisser-déposer des objets, et savoir quels objets peuvent être glissés-déposés.. Les formats de présentation, terminologies et comportements au survol peuvent aider les internautes dans ce sens.. Il est capital de les optimiser, surtout lorsqu'on n'offre pas d'autre alternative que le drag drop pour réaliser l'action.. Savoir que l'on peut glisser-déposer des objets.. Un des défauts fréquents du drag drop est que les utilisateurs ne voient pas qu'il est possible.. Dans ce  ...   le plus proche des attentes ou besoins de l'utilisateur.. Information donnée avant l'action.. Les.. messages adossés aux récepteurs.. doivent aider dans ce sens.. On peut remarquer qu'ils sont en général plus efficaces ou immédiatement compréhensibles quand ils sont en deux parties, présentant à la fois l'action physique à effectuer et la conséquence qui s'ensuivra :.. Exemple : "déposer.. pour.. ajouter au panier".. Exemple sur Flickr : "Faites glisser des éléments ici.. les modifier par lot.. ".. Exemple sur Panic : "Drag any item here.. to.. add it to your cart.. Exemple sur Getty Images : "Drag and drop keywords from the left.. exclude the things you don't want.. Dans le cas où l'action ne se fait qu'a posteriori sur l'ensemble des objets contenus dans le récepteur, le.. design de ce récepteur.. peut aussi aider à comprendre la relation entre le groupe d'objets déposés, et une action qui peut être lancée sur l'ensemble.. C'est par exemple le cas pour la comparaison de véhicules sur le site de General Motors :.. Information donnée après l'action.. La conséquence du drag drop peut aussi être.. affichée en cours d'interaction.. , même si le message a alors.. moins d'impact.. Notamment, il.. ne peut pas suggérer.. de commencer à glisser un objet.. Ce type de message peut toutefois.. accompagner l'internaute dans ses actions de manière assez fine.. et pertinente.. Pour illustration, cet exemple sur le site du Coq Sportif :.. Sur le site du Coq Sportif, si je commence à glisser un de mes objets favoris hors du récepteur "mes favoris", comme si je voulais l'en sortir, on affiche une icône représentant un cœur brisé.. Cela a du sens, puisque les objets favoris sont indiqués par une icône de coeur.. On traduit donc symboliquement l'action qui est en train d'être menée par l'utilisateur.. La destination doit être visible.. Dans une interface utilisant le drag drop, on doit voir qu'un objet est déposable à un ou à plusieurs endroits.. De manière plus précise, on doit pouvoir accéder à deux types d'informations, selon le moment de l'interaction :.. » Savoir (à l'avance) où on peut déposer.. » Savoir si on peut dropper ce qu'on est en train de déplacer.. Savoir (à l'avance) où on peut déposer.. En général, dans les interfaces utilisant le drag drop pour déplacer des objets, la question de savoir où on peut déposer est peu importante.. Dans ce type de cas, les utilisateurs comprennent très vite où ils peuvent déposer des objets, de manière intuitive puisque la destination représente exactement l'endroit où ils veulent voir l'objet (exemples : déplacement de rdv dans un calendrier, ordonnancement de listes, etc.. Lorsque déposer un objet à un endroit n'est qu'un moyen de lancer une action (ex: ajout au panier), il est important de faire plus d'efforts en termes de guidage pour l'internaute.. En général, les.. jouent le rôle d'indicateurs.. Ils ont en effet d'abord pour fonction initiale d'indiquer l'endroit où les objets peuvent être déposés.. Même si le récepteur n'indique pas explicitement qu'il est une destination pour l'action de drag drop, il peut prendre une.. apparence particulière.. quand un objet est saisi.. , aidant à comprendre que les deux peuvent entrer en relation.. Sur le site de Virgin Mega, lorsque je commence à déplacer un article, le panier "clignote" pour indiquer son rôle de récepteur.. virginmega.. Notons qu'il faut.. éviter d'exagérer cette mise en avant des destinations.. , surtout lorsqu'elles sont multiples, car la charge mentale et visuelle peut alors être très gênante.. Savoir si on peut déposer ce qu'on est en train de déplacer.. Lorsque je suis en train de glisser un objet,.. toute zone survolée candidate au dépôt doit.. être highlightée.. Ce.. feedback visuel.. est très important, et permet à l'utilisateur d'utiliser le drag drop de manière plus confortable.. Indiquer la possibilité plutôt que l'interdiction.. Nous recommandons d'.. indiquer où un objet est déposable, bien plus qu'où il n'est pas déposable.. En effet, cette indication peut être mal interprétée par les utilisateurs.. Du reste, il n'en ont pas besoin.. En effet, à partir du moment où l'on indique les destinations permises, il va de soi que lorsque l'indicateur n'est pas affiché, c'est que l'on ne peut pas déposer l'objet.. Cette recommandation vise à.. limiter le nombre de signifiants.. pour alléger la charge mentale liée au traitement de l'action de glisser - déposer.. Elle est encore plus importante lorsque l'indicateur de « non-déposabilité » prête à confusion.. Regardez cet exemple d'une application Flex permettant de glisser des éléments d'une liste à une autre :.. Lorsque je survole une zone où je ne peux pas déposer mon item, une icône s'affiche.. Or, cette dernière indique conventionnellement la suppression, et m'interroge donc sur ce qui peut se passer si je lâche l'item à ce moment précis : Va-t-on supprimer l'item ?.. http://www.. adobe.. com/devnet/flex/quickstart/adding_drag_and_drop/#list.. Bonus : donner un aperçu de l'effet.. On peut optimiser le simple feedback visuel par une information plus précise.. Bien sûr, cela doit être réservé aux applications où cela a du sens.. La plupart du temps, cela consiste à donner un aperçu de ce que donnera l'interface si l'on procède au dépôt.. C'est notamment ce que font Netvibes et Flickr :.. Sur Netvibes, on me donne une indication précise de l'endroit où je peux dropper, mais aussi une représentation exacte de la "place" que prendra l'objet à cet endroit de l'écran.. netvibes.. Chez Flickr, on me montre 2 choses : un duplicata de l'image que je déplace, et une représentation transparente de son état "prévu" lorsque je l'aurais déposée : on m'indique ainsi l'endroit où va être placée mon image.. En prime, cela peut m'aider à comprendre que je n'ai pas besoin d'aller la mettre tout en haut, ce qui réduit la difficulté motrice et le temps d'exécution du glisser - déposer.. Le drag drop doit êt.. re facile.. Une des difficultés du drag drop réside dans le fait qu'il implique des actions motrices plus compliquées qu'un simple clic.. Cela touche les novices comme les plus expérimentés des utilisateurs, même s'ils n'éprouvent pas le même type de difficultés.. Si on rappelle la.. loi de Fitts.. , qui énonce qu'.. une cible est d'autant plus rapide à atteindre qu'elle est proche et grande.. , on peut alors trouver des moyens d'optimiser le drag drop.. Plus le récepteur est proche, plus le drag drop est facile.. Pour commencer, le drag drop sera d'autant plus facile que la destination sera proche de l'objet.. Sur le web, on recommande donc de.. positionner le récepteur dans un.. panneau flottant.. , qui vient se poser sur l'interface et reste au même endroit quelque soit la position du curseur dans la page.. Cela explique pourquoi le drag drop est plus facile dans l'exemple du site de Panic (panier toujours disponible en bas de l'écran) que dans celui de Virgin Mega (le panier, situé dans le header, disparaît si je scrolle dans la page).. On remarque d'ailleurs que lorsque le récepteur n'est pas directement disponible à l'écran, les utilisateurs hésitent à lancer une action de drag drop.. Faites-en l'expérience : effectuer une opération de drag drop dans un système d'exploitation est.. quelque chose qui se prépare.. : en effet, les deux espaces de travail (celui d'où je prends l'objet cible, et celui où je souhaite le déposer) doivent être.. visibles simultanément à l'écran.. , sans quoi il me sera impossible de procéder au glisser-déposer.. De micro-ajustements sont possibles (notamment dans le cas de hiérarchies de dossiers, où le survol d'un dossier peut permettre de l'ouvrir, pour déposer l'objet dans un sous-dossier.. C'est notamment le cas dans Outlook).. Cependant, ces occasions de contourner la nécessaire simultanéité du drag and drop sont rares.. Notons que quelques pistes de recherche explorent la voie d'un.. drag drop par étapes.. (sélection, pause, drop), pour limiter ces difficultés liées aux distances virtuelles entre point de départ et point d'arrivée.. Plus le récepteur est grand / flexible, plus le drag drop est facile.. La deuxième partie de la loi de Fitts nous aide à recommander de prévoir des zones de réception suffisamment grandes pour faciliter le drag drop.. 3.. Plus le récepteur est logique, plus le drag drop est facile.. De manière complémentaire, la zone de réception doit sembler naturelle à l'internaute.. Ci-dessous, un contre-exemple sur le site de Panic :.. Sur le site de Panic, le message indique "drag here", mais la véritable zone de réception est limitée à la flèche.. On induit donc l'utilisateur en erreur.. Il aurait été préférable de rendre l'ensemble de la zone (message + flèche) active.. En prime, cela aurait permis d'augmenter la taille de la zone de réception, respectant par là-même la seconde partie de la loi de Fitts.. 4.. Plus la zone préhensible est étendue / logique, plus le drag drop est facile.. Enfin, le drag drop sera d'autant plus facile que l'objet sera facilement préhensible.. Dans la plupart des cas, il faut donc veiller à prévoir que l'ensemble de l'objet puisse donner lieu à une action de saisie (et non uniquement une "poignée").. Une interface de drag and drop ne peut être réussie que si le système fournit un.. feedback informant l'utilisateur.. sur le fait.. qu'il est bien en train de déplacer.. un élément.. Cela permet à ce dernier d'éviter une erreur (du type "je crois déplacer un objet alors que je l'ai mal saisi, donc que je ne déplace rien"), d'avoir un retour en temps réel sur l'efficacité de son action de déplacement, et enfin de pouvoir contrôler avec précision son action en vue de la dépose de l'objet à sa destination.. Pour indiquer le fait qu'un élément est en train d'être déplacé, on peut recourir classiquement à deux types de représentations.. Représenter l'objet déplacé en tant que tel.. Lorsqu'on utilise ce procédé, l'objet peut être représenté sous plusieurs formes :.. » Le même objet en transparence.. , en tout cas de manière dégradée.. Cela permet de comprendre l'état « instable » de l'objet, et de continuer à avoir une vue de l'interface située en-dessous.. » Le même objet en plus petit.. , sous forme de vignettes.. C'est par exemple ce qu'utilise General Motors sur son site :.. La voiture en cours de déplacement est représentée par son duplicata en miniature.. Utiliser un représentant symbolique de l'objet.. L'objet.. peut aussi être représenté sous la forme d'un symbole.. Cela permet de limiter l'intrusion de l'objet déplacé dans l'interface de base, et la charge visuelle liée au déplacement de l'objet.. Tant que je n'ai pas relâché le bouton de la souris, l'objet reste à sa place initiale.. C'est par exemple le cas lorsqu'on utilise un filet horizontal pour représenter une ligne d'une liste, un rectangle pour représenter un bloc de texte en déplacement dans un traitement de texte, ou un chiffre pour représenter le nombre d'éléments en train d'être glissés :.. Sur l'application SFR Mes Contenus, les items en déplacement sont figurés par une incrémentation de chiffres.. Les éléments de départ ont une apparence particulière, soulignant leur caractère "sélectionné".. La dernière grande recommandation consiste à optimiser la visibilité de la conséquence du drag drop lorsqu'il a été réalisé.. Cette recommandation est valable pour les interfaces où le drag drop sert à déplacer une "instance" d'un élément (ex: ordonnancement d'une liste vs drag panier) plutôt qu'à déplacer un élément.. En effet, dans ce dernier cas, l'effet du drag drop est auto-explicite.. Pour souligner l'effet du drag drop, on doit utiliser soit un.. duplicata de l'objet.. , soit un.. représentant symbolique.. (une incrémentation de chiffres dans un micro-panier par exemple).. On peut y ajouter un.. effet temporaire.. pour représenter l'action qui vient d'être effectuée.. Voyons ainsi comment Panic représente l'effet consécutif au glisser - déposer d'un article du panier vers la liste :.. On peut observer un comportement similaire chez Flickr:.. Conclusion.. L'ensemble des recommandations évoquées dans cet article visent à.. profiter des avantages indéniables que présentent les interfaces de drag drop, tout en limitant les défauts.. que nous leur connaissons.. Soulignons une dernière fois qu'il est préférable de ne pas recourir au drag drop « pour le drag drop », mais plutôt parce que ce mode d'interaction nous permet de simplifier voire d'optimiser le travail de l'utilisateur.. Il est évidemment acceptable de vouloir exploiter le côté séduisant, innovant, dynamique du drag drop.. Cependant, il faudra alors penser à le doubler d'un mode d'interaction plus classique, ou répondre strictement à chacune des recommandations citées dans cet article.. L'idée étant de ne pas compliquer la tâche de l'internaute sous prétexte d'avoir voulu utiliser du drag drop!.. Pour en savoir plus.. Usability by Hand, AJAX and Efficiency.. , Thomas Baekdal, Baekdal.. com (2006).. Drag 'n Drop is Invisible To Users.. , Jared Spool, User Interface Engineering (2005).. When to use drag drop.. (some informal research results), Leisa Reichelt, Disambiguity (2006).. Drag and Drop Design Pattern Library.. , Yahoo! Developer Network.. Principles and Guidelines in Software User Interface Design.. , Deborah J.. Mayhew, Prentice Hall PTR (1991).. Chapitre 9 : Dialog Styles : Direct Manipulation.. Boomerang: suspendable drag-and-drop interactions based on a throw-and-catch metaphor.. , Kobayashi, M.. and Igarashi, T.. (2007).. In.. Proceedings of the 20th Annual ACM Symposium on User interface Software and Technology.. (Newport, Rhode Island, USA, October 07 - 10, 2007).. UIST '07.. ACM, New York, NY, 187-190..

    Original link path: /articles/ergonomie-drag-drop.php
    Open archive

  • Title: Chronique 'Tapworthy', Josh Clark – Ergolab, ergonomie sites web
    Descriptive info: Designing Great iPhone Apps.. Tapworthy.. Auteur(s) : Josh Clark.. Année de publication : 2010.. Editeur : O Reilly.. 310 pages.. ISBN : 1449381650.. Prix : 23,70.. à voir aussi.. La fiche Amazon.. Global moxie,.. le site de Josh Clark.. Liste des livres.. Bien sûr, les contraintes du smartphone aident à ce souci de la finition : un petit nombre de choses à l'écran permet de prêter attention à la qualité du moindre élément.. Mais faire passer ce message à ses lecteurs n'est pas donné à tous les livres consacrés au design d'interfaces iPhone.. Le contenu.. On apprécie ici le passage en revue approfondi des sujets : contenu de l'application, ergonomie physique, interface, icônes, libellés, emplacements, flux d'interaction, notifications, découvrabilité, feedback, usages : tout est décortiqué.. Ce faisant, on comprend l'expérience utilisateur comme le croisement de tous ces paramètres.. D'ailleurs, l'auteur a beau recommander d'employer le plus souvent possible les guidelines d'Apple en la matière, il n'hésite pas à souligner  ...   Controls.. Chapitre 6 : Stand Out.. Chapitre 7 : First Impressions.. Chapitre 8 : Swipe! Pinch! Flick!.. Chapitre 9 : Know the Landscape.. Chapitre 10 : Polite Conversation.. Chapitre 11 : Howdy, Neighbor.. Bien sûr, on y découvre aussi tout un tas d'applications, de domaines très divers, et cette inspiration à elle seule peut nourrir le lecteur, parfois le faire sourire (CrunchFu, Umbrella, Tea round.. Des interviews de concepteurs (Jürden Schweizer pour Things, Rusty Mitchell pour USA Today, Craig Hockenberry et Gedeon Maheux pour Twitterrific, Joe Hewitt pour Facebook.. ) viennent compléter l'ensemble et fournissent des retours d'expérience très vivants, proches du quotidien d'un designer d'interfaces.. Pour conclure.. Josh Clark nous donne ici un livre qui s'avale d'une traite, abondamment illustré, avec ce qu'il faut de sérieux et d'humour.. Un livre qui traite certes la problématique du physique et de l'interface, mais pense aussi à l'essentiel en enseignant l'importance du focus, du choix, du renoncement.. à voir aussi sur Ergolab..

    Original link path: /livres/tapworthy.php
    Open archive

  • Title: C'est quoi l'ergonomie informatique ? - Ergolab
    Descriptive info: 02 Novembre 2003.. C'est quoi l'ergonomie informatique ?.. C est quoi l ergonomie informatique ?.. Les objectifs de l'ergonomie.. L'ergonomie informatique.. Pour en savoir plus.. Cet article présente brièvement ce qu'est l'ergonomie informatique : son objectif, son intérêt, les critères qui la définissent, les domaines où elle est utilisée… L'objectif est de comprendre pourquoi on doit s'intéresser à l'ergonomie et comment ses principes peuvent être appliqués dans le domaine des interfaces informatiques.. Les objectifs de l'ergonomie.. Beaucoup de définitions de l'ergonomie ont été données depuis que l'on s'intéresse aux problématiques d'adéquation entre l'homme et les machines qui lui servent d'outils.. Malgré quelques différences dans ces définitions, un élément central fait l'unanimité : un outil ergonomique doit être adapté aux caractéristiques des hommes qui l'utilisent.. L'ergonomie est la discipline qui recherche cette.. adéquation entre caractéristiques humaines et caractéristiques de la machine.. Dans ce cadre, on peut considérer comme caractéristique aussi bien quelque chose de constitutionnel, physiologique, propre à l'espèce que quelque chose qui tient du comportement, des habitudes, des patterns de réactions.. On étend aussi souvent les caractéristiques de l'utilisateur à tout ce qui définit son contexte de travail (par exemple, les caractéristiques du matériel informatique d'un utilisateur font partie des caractéristiques de cet utilisateur).. Multidisciplinaire, l'ergonomie prend sa source aussi bien dans le domaine de la médecine qu'en psychologie, en sociologie ou en linguistique (voir à ce propos Sperandio, 1984, dans les.. lectures complémentaires.. ).. Selon lui, ce qui fait la spécificité de l'ergonomie est son objectif, à savoir modifier les outils pour qu'ils soient plus adaptés à leurs utilisateurs.. Le travail de l'ergonome sera guidé par l'idée de concevoir pour le plus grand nombre d'utilisateurs, ou pour un groupe d'utilisateurs donné, avec des caractéristiques propres (enfants, déficients visuels, hommes d'environ 30 ans experts avec l'outil informatique, etc.. ).. Au-delà de cette définition générale, on peut distinguer plusieurs types de questions en ergonomie.. On peut s'intéresser à des problématiques d'ergonomie physique (adaptation de l'outil aux caractéristiques physiologiques et morphologiques de l'être humain ou d'une certaine population) ou d'ergonomie mentale (adaptation des outils au fonctionnement cognitif des utilisateurs).. De nombreuses préoccupations naissent de ces questions, concernant notamment l'organisation du travail, l'analyse des risques, l'accidentologie, les maladies professionnelles, les ambiances physiques (ambiances lumineuses, acoustiques, thermiques), l'intégration de problématiques psychologiques.. L'ergonomie informatique.. L'ergonomie informatique a pour objectif l'.. amélioration du dialogue homme - ordinateur.. L'atteinte de cet objectif passe souvent par le recours à des méthodes d'ergonomie générale, et notamment d'analyse du travail.. C'est notamment le cas lorsqu'on doit intégrer un langage opératif dans une application professionnelle ou spécialisée.. L'extraction d'un tel langage fonctionnel, supportant la réalisation des tâches, passe nécessairement par une analyse de l'activité, des techniques d'observation et d'entretiens.. Une grande partie des connaissances scientifiques sur lesquelles se base l'ergonomie informatique provient du champ de la psychologie cognitive.. Comme on l'a déjà évoqué, la distinction entre psychologie et ergonomie à ce niveau tient essentiellement à leur objectif respectif.. Elles ont le même objet d'étude, mais l'ergonomie a par définition une vocation de changer les choses, sur le terrain.. Elle profite donc des études approfondies menées en psychologie fondamentale pour baser son activité sur des connaissances scientifiques.. Dans le domaine de l'informatique, on distingue en général.. ergonomie du logiciel et ergonomie web.. Chacun de ces secteurs a des particularités qui conditionnent la manière dont on concevra l'application.. Un logiciel et un site web n'ont pas les mêmes objectifs, ne sous-tendent pas toujours le même type de tâches, peuvent être destinés à des cibles différentes.. De plus, les technologies influencent beaucoup les aspects d'architecture et de surface des applications.. Enfin, les standards existant dans ces deux types d'interfaces sont totalement différents.. L'interfaçage même des styles de dialogue est différencié.. Web et logiciel présentent donc des besoins spécifiques, qu'on doit considérer dans leur contexte.. Cette distinction entre logiciel et web tend cependant à se réduire, de plus en plus d'applications professionnelles passant à une problématique web.. C'est alors, plus que le type d'application, le type de public qui distingue le mieux les interfaces et le travail que l'on réalisera dessus.. En effet, le facteur prépondérant pour appréhender l'ergonomie d'une interface est la population à laquelle est destinée cette interface.. On doit définir ses caractéristiques et leurs implications, sa connaissance de l'outil informatique, son expertise dans l'activité supportée par l'interface….. L'analyse de la demande permettra d'identifier cette.. cible utilisateur.. ainsi que ses caractéristiques.. La définition de la cible déterminera à la fois les choix méthodologiques mais aussi  ...   pourra à ce propos consulter les critères ergonomiques de.. Scapin Bastien.. ( lire.. l'article sur les critères ergonomiques.. L'ergonome informatique s'intéresse donc à deux points :.. - la structure interne de l'application.. - son apparence, c'est à dire la façon de représenter la structure sous-jacente.. L'ergonome doit définir les informations qui interviennent dans chaque phase du dialogue et juger de leur utilité en fonction du contexte.. Utilité de l'ergonomie informatique.. Le but d'une application informatique est qu'elle soit utilisée, et qu'elle le soit de façon efficace.. Si une interface est difficile à utiliser, si son fonctionnement est difficile à comprendre, la personne:.. - n'utilisera pas l'interface ou tentera d'y substituer d'autres outils.. - utilisera l'interface par obligation de résultats, mais de façon dégradée : elle ne pourra pas réaliser ses actions efficacement ou rapidement.. De plus, elle aura sans doute une perception très négative de son interaction avec le système.. L'ergonomie a pour objectif d'améliorer l'interaction des hommes avec les systèmes.. Il s'agit que la machine soit conçue ou modifiée pour entrer en adéquation avec les caractéristiques physiologiques, perceptives et cognitives de ses utilisateurs potentiels.. Ces derniers pourront alors interagir efficacement avec le système informatique.. Il en découle des gains de temps et d'argent, mais aussi une satisfaction de l'utilisateur.. Il s'y ajoute une optimisation de la sûreté de fonctionnement lorsque le système avec lequel l'utilisateur doit interagir est un système dit "à risque" (domaines industriels, chimiques, nucléaires, …).. Les ergonomes peuvent donc être amenés à travailler dans le domaine industriel (interfaces de visualisation, de saisie ou de transmission d'informations, interfaces de commandes…), ou pour des applications plus classiques (logiciels, sites internet, intranet, extranet…).. Le travail de l'ergonome est en grande partie déterminé par l'objectif de l'application, à vocation professionnelle ou grand public, destinée à une cible d'utilisateurs aux caractéristiques particulières (enfants, déficients visuels, hommes d'environ 30 ans experts avec l'outil informatique…).. 5.. Un aperçu des méthodes.. L'amélioration d'une interface d'un point de vue ergonomique peut être apportée par plusieurs moyens.. La conjugaison de ces moyens permettra de s'assurer de la qualité d'utilisation de l'application.. On peut distinguer deux grands types de méthodes :.. celles faisant appel aux utilisateurs.. , avec des indicateurs de performance ou plus subjectifs (questionnaires de satisfaction / de préférences,.. tests utilisateurs.. , focus groups, analyse des tâches,.. tris de cartes.. …).. celles uniquement basées sur l'intervention de l'ergonome.. (inspection experte, évaluation heuristique, cognitive walkthrough,.. benchmarking pour le Web.. ou revue de systèmes et produits similaires pour les solutions logicielles).. Ces méthodes sont centrées sur le produit lui-même.. On utilise l'une ou l'autre de ces méthodes en fonction des caractéristiques de l'application (contexte d'utilisation, cible, refonte ou conception pure.. ) et de la phase courante du projet.. » Ressources en ligne.. Rubio, R.. (2000).. L'ergonomie du web.. , lergonome.. org.. Brangier, E.. Ergonomie des logiciels : approche psycho-ergonomique de l'interaction homme-ordinateur.. Cahier de Notes Documentaires n°139, INRS.. Fichier pdf (1251 Ko) à télécharger sur le site de l'INRS,.. inrs.. (rechercher dans la rubrique catalogues le terme "ergonomie" - pas de lien direct disponible sur la page).. Barthet, M.. F.. (1988).. Logiciels interactifs et ergonomie, modèles et méthodes de conception.. Paris, Bordas.. Version électronique.. disponible en ligne sur Interaction.. » Ressources externes.. Shneiderman, B.. (1998).. Designing the user interface : strategies for effective human-computer interaction.. 2nd edition Addison Wesley, Reading.. Scapin, D.. L.. Bastien, J.. M.. C.. (1997).. Ergonomic criteria for evaluating the ergonomic quality of interactive systems.. Behaviour and Information Technology.. , 6 (4-5), pp.. 220-231.. Helander, M.. G, Landauer, T.. K.. , Prabhu, P.. (Eds) (1997).. Handbook of Human-Computer Interaction.. (Second Edition ed.. ), Elsevier, Amsterdam.. Sperandio, J.. (1995).. L'ergonomie cognitive : améliorer les aspects cognitifs du travail humain.. Psychologie française.. , 40, 2, 3-11.. (1993).. Critères Ergonomiques pour l'Évaluation d'Interfaces Utilisateurs.. (version 2.. 1).. Technical report Ndeg.. 156, May 1993.. INRIA.. Programme 3 Artificial intelligence, cognitive systems, and man-machine interaction.. Sperandio J.. (1984).. L'Ergonomie du travail mental.. Collection de Psychologie Appliquée.. Paris, Masson.. 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.. [26.. Petit lexique de l ergonomie des interfaces.. Cet article a pour objectif de dessiner ce qu'est l'ergonomie des interfaces à travers les termes clés employés dans ce domaine.. Il s'agit à la fois de donner des définitions des mots, mais aussi de discuter de leur signification dans des contextes particuliers..

    Original link path: /articles/ergonomie-informatique.php
    Open archive

  • Title: Recherche - Ergolab, ergonomie web et logiciel
    Descriptive info: rechercher sur Ergolab.. résultats de votre recherche.. Rechercher.. Chercher ce(s) mot(s) clés dans :.. les articles.. les chroniques de livres.. les liens.. le bloc-notes.. rechercher.. 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.. dernière chronique..

    Original link path: /recherche.php
    Open archive



  •  


    Archived pages: 258