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.

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

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.

Prototypage ou réalisation de prototypes d'une application | Usabilis Cependant, quelques précautions sont à prendre pour éviter que la phase de prototypage ne dérive. Ne pas modifier le prototype en cours de session. L’objectif de la séance de prototypage n’est pas de montrer à l’utilisateur comment programmer ! Les interruptions qui découlent des modifications lui font perdre le fil de la séance. Il est préférable de laisser un problème jusqu’à la fin de la séance afin de s’assurer qu’il s’agit d’un véritable problème, plutôt que de se lancer dans une modification hâtive. Le prototype évolue uniquement entre chaque phase de prototypage suite à une analyse des problèmes avec les utilisateurs. Tracer les évolutions. A des fins de traçabilité, il importe de consigner les évolutions demandées par les utilisateurs, les problèmes rencontrés lors des tests et les solutions choisies pour y remédier.

Choisir la taille de la police de caractère - USABILIS Avec la nouvelle vague d'appareils digitaux, nous sommes confrontés à une gamme très vaste de résolutions d'écrans et de densités de pixels. Dans cet article, nous passons en revue les différentes solutions qui existent pour vous aider à choisir une taille de police adaptée à la densité de pixels (DPI). Les facteurs qui déterminent le rendu d'une policeLes systèmes de mesure d'une policeLes tailles de polices minimales recommandées Ces différents sujets, entre autres, sont abordés dans la formation Design Graphique, idéale pour acquérir les bons réflexes de conception graphique d'une interface. En fin d'article, vous trouverez un tableau d'équivalences dans lequel nous affichons la taille de police idéale par rapport à sa distance de lecture et son support. Facteurs déterminant le rendu d'une police Contrairement à ce qui se passe sur le papier, les polices à l'écran peuvent s'afficher différemment d'un appareil à un autre, voir même d'un écran à un autre. Densité de pixels Taille de police

Related: