background preloader

Optimiser l'ergonomie des formulaires web

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

Attention à la vraie valeur statistique de vos tests A/B La mauvaise compréhension des indicateurs de significativité statistique des tests A/B est un des grands fléaux de la pratique. Cette chronique traite de l’indice de confiance donné aux tests. Cette chronique est la première d’une série de trois tribunes dédiées à la significativité statistique, qui ont pour ambition d’éclairer les décideurs et d’aider les utilisateurs d’A/B testing à appréhender correctement les indicateurs à leur disposition dans le but de prendre des décisions en connaissance de cause. Que signifie précisément un indicateur de confiance ? Un indicateur de confiance se rapporte à deux versions (A et B) d'un test et s'obtient à partir du nombre d'observations (« visites ») et de conversions pour ces deux variantes (soit 4 données en entrée). La statistique nécessite de la rigueur Les utilisateurs d’A/B testing font logiquement confiance à l’indicateur de significativité statistique fourni par leur solution. Aucune garantie sur le vrai gain de conversion d’un test

▷ Analysez et améliorez votre ergonomie grâce au eye tracking Vous voulez améliorer vos pages Web ou vos applications mobiles ? Être sûr que votre message essentiel va être bien lu ? Que les images que vous avez inséré ont un impact réel sur les utilisateurs ? Sachez que 3/4 des bannières des gros annonceurs ne sont jamais vues. L’eye tracking peut vous aider ! Qu’est ce que l’eye tracking ? L’eye tracking signifie en Français : oculométrie. Pour pouvoir bénéficier d’un test utilisateurs de eye tracking, il est possible de faire appel à des entreprises spécialisées. Exemple de carte du chemin exact parcouru par le regard d’un utilisateur : Si vous n’avez pas les moyens financiers de bénéficier d’un diagnostic concernant l’efficacité de vos pages Web, il existe heureusement d’autres techniques très efficaces et gratuites (ou peu onéreuses), comme le clickheat et le crazy egg. Qu’est-ce que le clickheat ? C’est une solution open source et gratuite de Heatmap (carte de chaleur) qui sert à visualiser les clics de l’utilisateur.

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.

Infographie | La vidéo booste le taux de conversion des sites web Forrester, IDC, Exact Target, Experian, Aberdeen, Internet Retailer... La plateforme d'hébergement de vidéos en ligne Brightcove s'appuie sur les résultats de multiples études pour démontrer l'impact marketing de la vidéo.Alors que la génération de leads demeurent la principale difficulté pour 83% des professionnels du marketing, la vidéo en ligne pourrait pallier cet obstacle. Les sites web utilisant la vidéo en ligne observent un taux de conversion de 4,8% largement supérieur à ceux qui n'y font pas appel (2,9%). Dans le détail, l'infographie met en évidence l'efficacité de la vidéo en ligne : Pour atteindre leurs objectifs, les professionnels du marketing font donc de plus en plus appel à la vidéo en ligne : le nombre d'annonceurs utilisant ce format a été multiplié par cinq depuis 2009.

Les bonnes pratiques pour formulaires mobile À la question posée aux utilisateurs d’Android “Quelles raisons principales vous font supprimer une application ?”, la présence d’un formulaire d’inscription revient à 38% dans les réponses. C’est une bonne raison pour s’attarder sur les problèmes qui peuvent être rencontrés. Dans le cadre de notre nouvelle offre d’optimisation des applications mobiles, ce billet est le premier d’une série traitant des bonnes pratiques pour réaliser un produit performant. Contourner la saisie Limiter la saisie Le clavier constitue une source majeure de frustration pour les utilisateurs, voici des indications pour en limiter l’utilisation. Utiliser prioritairement les boutons d’actions, la gestuelle native (tap, swipe) et les fonctionnalités natives du téléphone (GPS, tap-to-call, photo). N’afficher que les champs indispensables. Opodo (v1.0.0) affiche uniquement les champs essentiels à la recherche, on peut accéder à d’autres champs via la bouton “plus d’options”. Simplifier au maximum la saisie Rassurer

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 ? 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. Saisir du texte et le valider par la touche “Entrée” est une pratique standard dans les logiciels de discussion comme Skype. Google propose alors une aide à la saisie qui permet de palier l’absence de ce libellé. Recommandations Note

Le placement de produit : une efficacité redoutable emarketing.fr : Vous faites valoir dans vos études une efficacité très forte du placement de produit. Alain Maes, directeur de Public Impact (1) : Sur la base de 140 études avec une méthode et un outil approprié, j'ai pu mesurer la performance du placement de produit et les résultats sont en effet excellents. Le ROI est de 440 % ! Dans le détail, le placement de produit affiche un gain de notoriété de +15%, d'intention de se renseigner de +21%, de recommandation à ses proches de +28%. Par ailleurs, le placement de produit recouvre une pluralité de contextes d'apparition : la marque joue-t-elle un rôle dans l'action par exemple ? emarketing.fr : Comment expliquez-vous cette efficacité, notamment par rapport au spot pub TV traditionnel ? Alain Maes : On vit une époque de saturation publicitaire où le spot télévisé peut paraître intrusif. emarketing.fr : Justement, la récurrence n'existe pas au cinéma....

Signification des couleurs en E-marketing et en Ergonomie Web . Sur la demande de plusieurs clients et stagiaires, les consultants-rédacteurs de Trinity Advise se sont mobilisés pour vous proposer un dossier complet sur les codes couleurs web et la signification des couleurs pour Internet. Vecteurs de cohérence graphique, les couleurs dictent de nombreux comportements à l’inconscient de l’internaute. 1. 2. 3. 4. Annotations et explications complémentaires [x] En savoir plus ————————————————– . En complément d’études d’Eye Tracking (cf. notre dossier complet sur l’eyetracking en ergonomie, ici), deux, trois ou quatre maquettes au plus, sont présentées au responsable internet, qui décide au feeling du meilleur template et jette son dévolu sur ce qui sera le futur web-design. En tout état de cause, le choix de la colorimétrie demeure aujourd’hui très subjectif car il ne dépend souvent que des goûts d’un seul comité de décideurs. Enfin, notez que les couleurs possèdent une symbolique implicite et influent sur le comportement des visiteurs. Domaines :

La citation du mois : Comment créer son persona [Tutoriel] Le persona est un élément qui a trop tendance à être oublié dans certaines stratégies marketing. La création d'un persona est un élément indispensable pour le bon déroulement de votre stratégie marketing. Définition d'un persona Avez-vous déjà lu un article qui s'adressait à vous à la première personne, qui vous paraissait extraordinaire, fait pour vous, à la limite du surréel ? Comment créer un persona Etablissez un brainstorming Il est maintenant temps de réunir vos collègues et de commencer à brainstormer ! Etablissez une liste des préférences de votre persona Est-ce que votre persona aime le shopping, est-il plus du genre à vivre dans la nature. Dessinez votre persona Esprits créatifs, nous ne vous avons pas oublié ! Ecrivez et réécrivez Ecrivains à votre tour (décidément y en a pour tout le monde !). Fini ? 100 questions à se poser pour créer un persona Histoire du persona Quel est le nom du persona ? Éducation A-t-il passé sa scolarité dans le public ou dans le privé ? Parcours professionnel

Test d’utilisabilité (test utilisateur) - Utilisabilité d'une Application / logiciel Le test d’utilisabilité est mené dans un contexte le plus proche possible de l’utilisation réelle. L’utilisateur réalise les principales tâches pour lesquelles le logiciel a été conçu. Lorsque l’évaluation porte sur un logiciel existant, le test est réalisé sur la version commerciale du produit. En phase de conception, le test est conduit sur un prototype vertical. L’observateur donne à l’utilisateur des consignes qui vont le conduire à effectuer des tâches typiques du logiciel ou du site Web. Il est essentiel de ne pas l’aider sauf, bien entendu, en cas d’impasse. L’observateur note les erreurs commises, les incompréhensions, les impasses, tout événement qui montre une difficulté d’utilisation du logiciel. Ces différentes observations font l’objet, une fois le test terminé, d’une « analyse à chaud » avec l’utilisateur, afin de mieux comprendre les causes des problèmes.

Related: