L’aide en ligne sur le Web L’aide en ligne est une composante essentielle pour beaucoup de sites Web. Son objectif est d'expliquer à l'internaute le contenu d'un service et comment manipuler l'interface, elle peut prendre différentes formes d’un site à un autre. L’aide en ligne est utilisée diversement en fonction de l'attente de l'internaute. Première utilisationUtilisation quotidienneUtilisation ponctuelle Pour chacun de ces contextes, nous vous donnons les clefs pour réussir votre aide en ligne. Sachez par ailleurs que l’aide en ligne, entre autres, est abordée dans la formation Ergonomie des sites Web – e-commerce, idéale pour apprendre à concevoir des sites Web faciles à utiliser et attractifs. Première utilisation Sur certains sites Web, la phase d’inscription est suivie ou précédée d’un « tutoriel » qui explique brièvement les différentes fonctionnalités de l’interface. Ces explications ont pour but de présenter l’interface web ou logicielle et de guider l’utilisateur durant sa première utilisation. 1. 2.
Optimiser l'ergonomie des formulaires web Les formulaires sont très fréquents sur les sites web et parfois complètement incompréhensible. Il existe une multitudes d'astuces pour améliorer la compréhension de ceux-ci, éviter que les utilisateurs fassent des erreurs et optimiser le durée nécessaire pour les remplir. Cet article présente plus de 60 astuces et recommandations avec des explications. Structurer le formulaire Dans le cas d'un formulaire pour se connecter, il est possible de faire apparaître le formulaire au survol ou avec un clic de souris. Choix des éléments à insérer Ne pas utiliser le bouton "reset" (bouton pour réinitialiser le formulaire). Ne ppas utiliser de bouton annuler dans un formulaire web Si on utilise un bouton "retour", il faut le mettre sous la forme d'un lien d'action secondaire. Positionnement des éléments Position des champs du formulaire Lister les champs les uns au dessus des autres. Comparatif de placement des éléments sur un formulaire web. Position du bouton d'envoi Call to action Design
L'utilisateur face au moteur de recherche juin 2012. La recherche est un processus itératif et interactif. Ce qui se joue entre l'internaute et le moteur de recherche échappe encore partiellement aux outils que nous utilisons quotidiennement : test de mots clés et webanalytics. La recherche est interactive Un utilisateur effectue rarement une recherche unique. La sortie C'est la cas de figure le plus simple. L'affinage de la recherche Ce cas est souvent cité en exemple. L'élargissement de la recherche Elargir sa recherche c'est le contraire de l'affiner. Pearl growing Dans ce cas l'utilisateur passe par un résultat qu'il juge pertinent puis en extrait des mots clés à rechercher. Pogosticking C'est un cas d'échec. Thrashing C'est aussi un cas d'échec. Les moteurs de recherche s'adaptent a ces modèles de comportement. C'est à se demander si l'internaute conserve son libre-arbitre lorsqu'il cherche ? En savoir plusSearch Patterns chez O'Reilly de Peter Morville & Jeffery Callender
Sites web mobiles : 30 Exemples d'interfaces L’explosion du mobile exige de la part des développeurs web d’élargir leurs connaissances et de s’adapter aux différents standards web des plateformes mobiles distinctes : téléphones intelligents et tablettes mobiles. Bien que les buts premiers d’un site web resteront les mêmes d’une plateforme à une autre, l’expérience usager, elle, sera bien différente. Sur un appareil mobile, il existe quelques différences majeures telles que le principe de navigation, la résolution d’écran et l’ergonomie du site web. Vous trouverez dans cet article quelques exemples de sites mobiles très efficaces, plaisants à naviguer et très ergonomiques ayant trouvé la recette parfaite pour s’adapter aux différentes plateformes disponibles. La liste suivante de sites web mobiles a été rédigée par Jake Rocheleau et est parue initialement sur Spyrestudios.com.
L'ergonomie dans la conception d'un formulaire Introduction Le formulaire est l'un des moyens pour l'utilisateur d'envoyer des données, alors que son comportement classique sur le web consiste plutôt à recevoir des informations. Cette notion entraîne des problématiques d'ergonomie autres que celles liées à la simple consultation de contenus. Cet article présente les standards d'ergonomie web pour la conception de formulaires et quelques recommandations à adapter à la spécificité de chaque situation. Qu'ils servent à envoyer un message, acheter un produit, remplir un questionnaire ou accomplir une tâche professionnelle plus précise, les formulaires doivent respecter certaines règles. Il existe une grande différence entre un formulaire destiné à un site grand public ou à une application professionnelle. Les formulaires sont quelque chose d'assez bien défini au niveau des règles à appliquer pour les formulaires web classiques (formulaire de contact, de commande d'un document, de gestion d'un processus d'e-commerce...). 1. » La ligne 2.
Les petits détails qui font la différence Pour celles et ceux qui ne le savent pas, l’ergonomie est une discipline sérieuse, elle ne peut (en théorie) être pratiquée que par des professionnels diplômés et aptes à perpétuer la tradition de rigueur scientifique. Mieux : l’ergonomie est une science, elle se fonde sur des publications de référence, par exemple les critères ergonomiques de Scapin et Bastien (guidage, charge de travail, contrôle explicite, adaptabilité, gestion des erreurs, homogénéité et cohérence, signifiance des codes et dénominations…). OK très bien… mais cette rigueur scientifique ne doit pas vous faire oublier que les sujets de test sont des êtres humains : imprévisibles, faillibles et dont le comportement est dicté par des émotions. Il serait donc fort dommage de ne pas prendre en compte cette dimension émotionnelle et de ne pas essayer de séduire les utilisateurs avec des petites attentions. Personnellement j’adore, et vous ?
Ergonomie web & interface tactile Publicité sur le web : que fait l'ergonomie ? La publicité sur le web est omniprésente. Comme tout élément de contenu constitutif d'un site Internet, elle entraîne des questionnements ergonomiques. Notre objectif consiste à laisser la publicité jouer son rôle, tout en limitant ses défauts potentiels du point de vue de la qualité d'utilisation d'un site. Cet article traitera à la fois du fond et de la forme des contenus publicitaires, en évoquant l'ergonomie des publicités d'abord du point de vue du web en général, puis à l'intérieur d'un site, et enfin dans une page donnée. Véritable fondement de l'économie numérique, la publicité sur le web existe et ne peut pas être exclue sous prétexte qu'elle est susceptible de gêner l'internaute. Les bannières, animations et autres pop-up faisaient déjà partie des Top Ten Mistakes in Web Design de Nielsen en 1999. Pour Alex Kirtland, intégrer les publicités dans le travail de conception d'un site peut même devenir un défi pour le concepteur web. 1.1. 1.2. . . . . . . 1.3. Source: www.monster.fr
Mobile Input Methods By Steven Hoober Published: November 1, 2012 “There’s still an unstated assumption that all desktop Web input widgets will work.” I often say that desktop computing—and especially the desktop Web—made the practice of interaction design lazy, by promulgating assumptions that are not always true outside of this narrow domain. One key area that surprises a lot of designers and developers that I have worked with is input methods. I’m referring to the presumption that everyone has a touch-screen smartphone. [1] On development discussion forums, some developers say they’ve “never owned anything other than a touch-screen phone”—and of course, all of their friends have touch-screen smartphones, too. Bad Experiences “Almost every mobile app that I use—and this applies to a lesser degree to the mobile Web—fails me in a few common, often-repeated ways.” Almost every mobile app that I use—and this applies to a lesser degree to the mobile Web—fails me in a few common, often-repeated ways. Notes