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

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 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

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

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.

Les boutons de validation en voie de disparition ?! Sur l'impulsion du Web riche et du mobile (téléphones et tablettes) on voit disparaître des boutons permettant de confirmer une action…. Quel sont les avantages de cette disparition ? Alléger l’interface ? Diminuer le nombre de clics ? Nous vous proposons de faire un point sur quelques cas concrets qui nous montrent, à des degrés différents, l’obsolescence du bouton de validation. Pour comprendre l’enjeu de la disparition des boutons de validation, voici quelques règles d’usage extraites de notre livre Ergonomie des interfaces : Employer les boutons pour les commandes fréquemment utilisées.Préciser l'intitulé de la commande en toutes lettres dans l'étiquette du bouton. La disparition de ce petit composant est donc une problématique intéressante puisqu’elle touche à différents aspects ergonomiques. Valider un champ de saisie. Saisir du texte est une des actions les plus courantes dans la pratique du web. Google propose alors une aide à la saisie qui permet de palier l’absence de ce libellé.

Free UX Sketching And Wireframing Templates For Mobile Projects Today we are happy to release two printable UX sketching and wireframing templates, designed by Pixle81 for Smashing Magazine’s readers. This article presents Outline, a set of sketching and wireframing papers for mobile platforms and Tapsize, a set of templates for checking optimal tap areas without a mobile device. Outline Outline is a set of 28 printable sketching and wireframing papers (in PDF) for seven mobile platforms: Android, BlackBerry, iOS (iPad and iPhone), Meego, Symbian, webOS, Windows Phone 7. The set consists of a few combinations, such as actual size, 10 devices fit to a page, and landscape layout. Note: Print the sheets at actual size (i.e. do not resize). As a bonus, Outline includes an Illustrator file displaying the mobile devices. Outline paper set Windows Phone 7 and 8 panorama template Android 4.x template Tapsize With Tapsize, you can determine the optimal tap area without having an actual device. Tapsize paper set Calculating the grid Behind the Design (al) (il) Footnotes

The Difference Between Information Architecture and UX Design Newsletter Sign Up Original UX articles Curated Resources Never miss an issue! Information architects form the blueprints of the web Next to explaining what I do for a living, the second question I most frequently hear is: “What’s the difference between Information Architecture and User Experience?” Information Architecture, according to Wikipedia, is “the art and science of organizing and labelling websites … to support usability.“ According to the same source, User Experience is “the way a person feels about using a product, system or service. Even with regards to its definition, User Experience takes Information Architecture as its foundation and brings it to the next level. Information Architecture concerns structure Information Architecture is a relatively old term. Information Architects work to create usable content structures out of complex sets of information. And here’s why: Information Architecture comprises only small a part of a user’s overall experience. Being easy and cool

Related: