background preloader

L'ergonomie dans la conception d'un formulaire

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. Les thématiques concernant les formulaires couvrent un large champ d'application, dans les domaines du logiciel et du web, pour le grand public ou les applications métiers, pour les novices ou les utilisateurs expérimentés. 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. 1. » La ligne Related:  UX DesignArchitecture de l'information

User Experience Deliverables January 27, 2009 It's an exhilarating time for the user experience community. Rising awareness of our value plus emerging technologies and transmedia trends have created conditions for a step change in our practice. As an information architect, I'm enjoying the new challenges immensely, even as they sweep me outside my comfort zone. I've designed social software and rich user interfaces. Consequently, I'm rethinking my role, redefining my deliverables, and embracing new forms of interdisciplinary collaboration. Together, we're hoping to bring search to life with colorful, compelling stories, maps, and illustrations, which brings us back to deliverables. Tools for Thinking Two books have inspired me to think differently about discovery, communication, and design. Proverbs are the Holy Grail of simplicity. We need to open gaps before we close them. The story's power, then, is twofold: It provides simulation (knowledge about how to act) and inspiration (motivation to act). The Deliverables

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

Ergonomie web & formulaires « L'ergonomie web » en deux mots L'ergonomie (du grec "Ergon" signifiant "travail" et "Nomos" règles) web est un concept qui repose sur deux notions clés que sont l'utilité et l'utilisabilité. L'utilité se base sur les besoins et envies des internautes et implique une bonne connaissance de leurs habitudes. Ce terme remet au centre des questions essentielles telles que "Le site apporte-t-il quelque chose aux internautes ? Répond-il à un besoin ?" L'utilisabilité ("Usability" in english), rassemble trois critères : L’efficacité : Le résultat recherché est t-il bien atteint? Comme vous l'aurez compris "utilité" et "utilisabilité" gravite autour d'un projet web et fusionne pour constituer l'ergonomie web. Attention à ne pas tomber dans le piège de remettre en cause la crédibilité de l'ergonomie, et de la négliger sous prétexte qu'elle représente des notions paraissant simples et évidentes. Voici quelques astuces de base pour obtenir un formulaire ergonomique et de ce fait efficace. 1. 2. 3. 4.

Efficiently Simplifying Navigation, Part 1: Information Architecture Advertisement Navigation, as crucial as it is to the user experience, is merely a means to an end — the end being to consume content. This is why users have very contrasting expectations about content and navigation. This series of articles, divided into two parts, is a four-step guide to efficiently simplifying the navigation experience, by analyzing the type and amount of content as well as choosing and carefully designing the right type of navigation menu. Four Steps To The Ideal Navigation System To build a usable navigation system, a website designer has to answer four questions, in this particular order: How do I best structure the content? The first two questions concern the structuring and labeling of content, which is often referred to as information architecture. 1A site map diagram gives an overview of the navigation structure of a website. Structuring The Content How Users Look For Information Of course, things are not that simple. Three Types Of Meta Data Categories Take apparel.

Ergonomie web et logiciel, architecture de l'information, u Selling Usability to Your Manager You're enthusiastic about usability and want to make it happen within your organisation. But your manager doesn't share your enthusiasm. Perhaps your manager sees usability as a diversion from the business of product or software development, or thinks it's too fluffy to truly inform design, or sees it as a threat to his or her expertise. Most people will tell you to assemble a cost-benefit argument for usability. But often, this just isn't enough. Step 1: Assemble the Benefits of Usability The first step is to review the key benefits of focusing on usability. Higher Revenues Fewer changes downstream means earlier time to market.Earlier time to market brings competitive advantage.Customers use all of the system's functionality, not just a subset.Early and continuous customer involvement reduces lifecycle costs.An easy-to-use system means fewer calls to customer service. Loyal Customers Improved Brand Value Process Improvement Step 2: “Type” Your manager Step 3: Tailor Your Argument Conclusions

BP Eminet, Développement et formation Drupal, formation SPIP, plate-forme collaborative Claroline, Drupal, ergonomie, accessibilité, multilinguisme Cet article est paru sur le site www.marketing-internet.com. Il a été complété par la suite. La réflexion concernant l’utilisation d’une typographie adaptée est une partie trop souvent oubliée dans une bonne démarche « ergonomique ». Cinq siècles de typographie et de texte imprimé ont modelé notre approche de la lecture. Trop souvent une direction de communication en entreprise pense qu’un écran web n’est que la translation de l’information papier (impression). Cette attitude est d’autant plus confortable qu’il s’agit d’un univers bien connu et bien maîtrisé. Après tout que représentent 30 ans d’informatique éditoriale en comparaison avec 500 ans de tradition d’imprimerie ? L’objectif de cet article est de soumettre quelques bons principes pour savoir ce qui fonctionne ou pas, et surtout être capable de l’expliquer au client ou au donneur d’ordre. Avoir des réflexions sur la typographie, permet de se rapprocher de ce qui fait la différence entre un beau produit et un bon produit... Et :

La gauche domine le Web politique Le Monde.fr | • Mis à jour le | Par Samuel Laurent et Alexandre Léchenet Une gauche dominante au sein de la "blogosphère", c'est ce que montre la nouvelle cartographie établie par Linkfluence, en partenariat avec Le Monde. Cette carte est établie en fonction des liens entrant et sortant qui existent entre les blogs et les sites politiques. Réalisée à partir d'un corpus de sites sélectionnés pour leur influence, elle permet de déterminer des groupes politiques en fonction de leur proximité (lire la notice détaillée). Et cette carte dessinée en janvier 2012, à la veille d'une campagne qui se déroulera aussi bien sur Internet que sur le terrain, montre une gauche en position de force. > Voir la cartographie interactive > Voir l'évolution de la blogosphère politique de 2007 à 2011 1/ Les blogueurs roses en force >Lire à ce sujet Blogueurs et "twittos" au service du candidat Hollande Ci-dessous, une visualisation par effectifs de militants et de sympathisants : 2/ A droite, un espace en friche

Architecture de l'information, quelles relations à l'ergonomie? Introduction Architecture de l'information et ergonomie sont des domaines par définition très proches et qui se confondent souvent. Ils entretiennent en effet des dépendances étroites et leur pratique vise un même objectif global, à savoir prendre en compte l'utilisateur dans la conception d'une interface. Les deux approches se différencient cependant par certains points. L'idée développée dans cet article consiste à poser que chacune de ces approches peut bénéficier de l'autre pour devenir plus complète. Nous situons le débat aussi bien dans le domaine du web que dans les applications logicielles. Vous pouvez vous reporter aux articles C'est quoi l'ergonomie informatique et Architecture de l'information pour une définition plus précise de chacun de ces domaines. 1. Selon Louis Rosenfeld (voir les lectures complémentaires), l'objectif de l'architecte de l'information est l'amélioration de la navigation et de la recherche. 2. Cette liste n'est évidemment pas exhaustive. 3. 4. Conclusion

Ergonomie de la page d'accueil Introduction La page d'accueil est un des thèmes récurrents en ergonomie web. Son rôle capital en fait une des pages les plus analysées d'un site. Point d'entrée fréquent dans le site, elle est aussi celle qui témoigne du plus grand nombre de visites. Cet article présente les fonctions d'une page d'accueil ainsi que quelques règles simples à appliquer pour qu'elle soit utile et facile à utiliser. Nous évoquons uniquement les pages d'accueil des sites internet, et non des intranets, où les règles à appliquer sont différentes. De plus, il existe beaucoup de recommandations valables pour l'ensemble d'un site web (en termes de cohérence, de lisibilité, de trouvabilité, de terminologie...), mais dont on ne parlera pas ici car elles ne concernent pas spécifiquement la page d'accueil. 1. On parle de "page d'accueil" pour désigner la principale page d'un site web, permettant l'accès aux autres pages du site et accessible par le nom de domaine. 2. 2.1. 2.2. 2.3. 3. 3.1. » Navigation » Information 4.

Related:  Formulaires