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.
Typographie Lundi 22 octobre 2012 1 22 /10 /Oct /2012 21:59 - Publié dans : Typographie -Communauté : Communication d'entreprise Suite et fin sur les enrichissements typographique : nous allons maintenant évoquer les justifications. La justification détermine la largeur de chaque ligne et l’alignement horizontal du texte (alignement à droite/gauche, centré, justifié). Le choix de la justification n’est pas anodin sur le rendu global du texte et correspond à différents usages. I - L'alignement centré A appliquer plutôt sur des textes courts car difficile à lire sur de longs textes. L’interlignage est souvent plus important. II- L'alignement justifié Les extrémités sont alignées à droite et à gauche. Peut être utilisé sur des textes longs. III - L'alignement à gauche ou en drapeau Son utilisation est largement répandue et convient à la plupart des situations. L’interlignage peut être réduit pour gagner de la place. Cette justification donne une impression d’irrégularité, de souplesse, de classicisme.
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
□ Graphisme : 10 familles de typographies et leur signification - AlfangeCom Les typographies sont ce que l’on appelle parfois « les polices ». Ce sont ces différentes formes d’écritures numériques. Au départ il n’existait qu’une typographie sur ordinateur, mais c’était sans compter sur Apple et son Macintosh qui révolutionna l’écriture numérique. Aujourd’hui il existe des milliers de typographies différentes et nous ne pourrions évidemment pas toutes les citer. En revanche nous pouvons les regrouper en familles de typographies. Sachez que vous pouvez visualiser et télécharger les polices que je vais vous citer sur le site dafont.com (cliquez ici). Cet article est un court extrait de notre guide « Créer un business qui cartonne en 15 jours« , que vous pouvez découvrir ici. Les typographies Humanes Les polices de caractères Humanes sont parmis les plus anciennes puisqu’elles ont été créées au 15ème siècle par les imprimeurs vénitiens. Exemples de typographies Humanes : Centaur, Jenson Les typographies Garaldes Exemples de typographies Garaldes : Garamond ou Plantin
27 conseils pratiques en ergonomie Web Ergonomie web : les bonnes pratiques - STUDIO VITAMINE l'agence web Ergonomie web et logiciel, architecture de l'information, utilisabilité sites Internet – Ergolab 10 blogs et sites sur l’ergonomie pour vous remettre à l’anglais En France on parle souvent de Ergonomie ou Conception d’Interfaces, mais de l’autre côté de l’Atlantique (ou du Channel), on parle plutôt de User Experience, UCD, ou Interaction Design. Peu importe le terme choisi, l’important c’est de rester informés des nouvelles techniques et méthodologies qui font partie de notre métier : la conception centrée utilisateur. Que ce soient les bonnes pratiques sur l'étude terrain, le maquettage d'interfaces ou sur le design graphique, on partage ici nos coups de cœur de la blogosphère anglophone avec vous. Enjoy! 1st Web Designer Spécialiste du web, ce blog vous permettra de trouver des informations concernant le code web (PHP, HTML, Ruby, etc.) ou le graphisme (illustration, photographie, iconographie). Smashing Magazine – UX Design Définitivement LA publication incontournable dans le monde de l’ergonomie et la conception d’interfaces. InfoDesign – Understanding by Design Pas un blog à proprement parler, mais un curateur d’informations. Partager :
Retrouvez le plaisir de lire à l'écran Pendant ses dix premières années, le web a su séduire le grand public avec uniquement du texte et des images. Puis vint l’avènement de la vidéo avec YouTube. Puis vient la révolution des terminaux mobiles avec l’iPhone et l’iPad. Nous sommes maintenant en 2012 et plus personne ne veut lire à l’écran : trop fatigant, trop long, trop… ringard. Les articles et contenus sont maintenant mis de côté pour être lus sur un smartphone ou une tablette, ils sont synthétisés sous forme d’infographie ou sont tout simplement ignorés (on se contente de les tweeter si le titre est accrocheur ou des les épingler s’ils contiennent une photo sympa). Une réalité bien triste… Face à cette bien triste réalité, les navigateurs s’organisent en proposant un mode de lecture comme Safari ou des extensions comme Clearly ou Readability, mais je ne peux m’empêcher de penser que ce ne sont que des caches-misère. Vous pourriez me dire que dans ce contexte précis les choses sont plus simples, car c’est un site dédié.
écrire pour le web: les règles pour bien rédiger Rédiger pour le web, c’est avant tout écrire pour un lecteur qui cherche une information, qui cherche à apprendre, à comprendre, à se divertir. C’est écrire en lui donnant un contenu riche et intéressant, des liens, qui lui permettent de naviguer dans les différentes parties du site. Si vous pensez qu’écrire de façon concise et précise avec des titres et accroches pertinents, proposer une information riche invitant à l’exploration du sujet vers des liens profonds et populaires, rendre le contenu accessible sur la forme avec des mises en gras, des paragraphes, est une bonne façon de faire vous êtes sur la bonne voie. Mais que cachent les principes de l’écriture pour le web? La nécessité d’adapter son langage: les faits L’étude Designing Web Usability de Jakob Nielsen et John Morkes a démontré en 1998 que le temps moyen de lecture d’un article sur le web est 25% inférieur à celui de sa version papier et que 80% des visiteurs balayent le texte sans le lire. 1 règle pour les gouverner toutes
10 conseils d’ergonomie basés sur des études de recherche Internet abonde de conseils utiles sur l’ergonomie de sites Internet. Nous prenons au sérieux ceux qui apparaissent être les plus logiques. Mais il est parfois réconfortant de voir certaines théories qui circulent validées par des recherches sérieuses. Cet article traite des résultats de plusieurs recherches sur l’ergonomie, dont, entre autre, la captation du mouvement des yeux sur une page Web, les analyses et rapports sur l’utilisabilité et la convivialité, et enfin, des idées pour améliorer le design. Beaucoup de ces conseils, tel que mentionné précédemment, semblent de mise, mais ils sont enfin soutenus par des statistiques. 1. L’idée que les utilisateurs seront frustrés s’ils doivent cliquer plus de trois fois pour trouver le contenu qu’ils cherchent sur votre site Web circule depuis bien longtemps déjà. À la base, cette idée semble tout à fait logique, car, bien entendu, un utilisateur sera frustré s’il passe beaucoup de temps à cliquer ici et là pour trouver ce qu’il cherche. 2.