Agence WEX

Étiquette : formulaire

  • Les formulaires en langage naturel convertissent-ils plus ?

    Un très beau formulaire, bien intégré, qui donne vraiment envie de "rentrer" dans le site.
    Un très beau formulaire, bien intégré, qui donne vraiment envie de « rentrer » dans le site.

    Les formulaires en langage naturel ne semblent pas soulever de grandes passions en France. Peu de sites les utilisent, voir pas du tout.
    En revanche, c’est un vrai sujet d’actualité dans les pays anglo-saxons où la littérature semble assez abondante sur le sujet. Je veux bien sûr parler de la littérature sur les blogs.

    Que sont les formulaires en langage naturel ?

    Ah, il y a un formulaire en langage naturel sur Wexperience, ça tombe bien !
    Ah, il y a un formulaire en langage naturel sur Wexperience, ça tombe bien !

    Ce qu’on appelle formulaire en langage naturel est un formulaire web classique présenté sous la forme de phrases en français naturel parfaitement compréhensible par tout un chacun.
    Je vous donne un exemple.
    Pour un formulaire de demande d’information simple, plutôt que ranger les champs les uns au-dessus des autres : nom, prénom, téléphone, etc… Il est possible de transformer cette demande en phrase.
    Bonjour je m’appelle [champ nom], mon numéro de téléphone est le [champ téléphone] et je souhaiterais avoir plus d’informations sur [champs multiple d’informations].

    Le code de ce formulaire est entièrement disponible sur tympanus.net (Cliquez sur l'image pour accéder à tous ses secrets)
    Le code de ce formulaire est entièrement disponible sur tympanus.net (Cliquez sur l’image pour accéder à tous ses secrets)

    Comme on peut le comprendre un formulaire en langage naturel a l’avantage certain de « mieux présenter » que son comparse classique. Pour un utilisateur, il est plus sympathique d’avoir à compléter les mots d’une phrase (ce qui lui rappellera sans doute de vieux exercices de grammaire française ou de langue étrangère de sa petite enfance) que de remplir un sempiternel questionnaire dont l’apparence est aussi excitante qu’un formulaire M2 de l’administration française (question subsidiaire : savez-vous ce qu’est un formulaire M2 ?).
    Bref, avec le formulaire en langage naturel, on passe du bureau de Poste à papa à celui d’aujourd’hui, nettement plus convivial.

    Alors ? Ça convertit plus ou pas ?

    Tout cela a l’air bel et bon, mais le jeu en vaut-il la chandelle ? Faut-il réellement se casser l’occiput pour transformer vos vils formulaires d’administration pénitentiaire en prose proustienne qui réellement enchantera vos utilisateurs et, peut-être, futurs clients ? La question mérite d’être posée et demeure ouverte.
    D’après ce que l’on apprend sur les blogs, le bénéfice est loin d’être certain. Parfois, c’est oui, parfois, c’est non. Sans que personne ne puisse réellement déterminer quels critères participent au succès d’un formulaire en langage naturel.

    Luke Wroblewski, le maître des formulaires, a AB testé son formulaire en langage naturel sur le site de Vast.com, mais il ne dit pas pourquoi la conversion a augmenté de plus de 25%
    Luke Wroblewski, le maître des formulaires, a AB testé son formulaire en langage naturel sur le site de Vast.com, mais il ne dit pas pourquoi la conversion a augmenté de plus de 25%

    Tous les exemples qui sont présentés dans un article de Jürgen Röhm(gb) n’obtiennent pas de résultats aussi dithyrambiques et parfois même, des résultats inverses(gb) à ceux escomptés.
    Mais selon moi, il existe tout de même plusieurs raisons de tenter d’utiliser ce type de formulaire, bien qu’il ne semble pas adapté à toutes les situations.

    1. Dans le cas d’un formulaire court, une bonne phrase peut remplacer l’ensemble du formulaire et réellement donner la sensation que celui-ci est plus facile à utiliser. Son apparence aura toujours un impact plus agréable dans le cerveau de l’utilisateur que des champs de formulaires empilés les uns sur les autres.
    2. Pour un site « fun » et léger, il me semble que l’esprit des formulaires en langage naturel répond mieux aux attentes des utilisateurs que pour un site à la teneur plus administrative ou plus sérieuse. Il y a là, à mon avis, un choix à faire, qui ne tient pas à des raisons ergonomiques, mais plutôt marketings.

    Inconvénients possibles

    Dans tous les cas, attention à l’ergonomie. Il n’existe pas d’API spécifique à ce type de formulaire. Tout est donc à inventer, même s’il est désormais possible de s’inspirer de ce qui existe déjà et qui a été partagé (GB) par de généreux développeurs à l’esprit communautaire large. Ce type de formulaire crée de nouvelles contraintes d’affichage qu’il faut absolument vérifier et notamment, et c’est sans doute le plus compliqué, la compatibilité multi-devices.
    Pas sûr non plus que ces types de formulaires conviennent à tout type de public. Déjà que c’est compliqué avec les formulaires classiques, il n’est pas forcément sûr que leur utilisation soit bien comprise par tous les internautes.

  • Comment adapter rapidement un formulaire au mobile

    Les formulaires sont inévitables sur un site eCommerce pour rechercher un produit, réserver un voyage ou pour renseigner son adresse de livraison dans le tunnel de commande. Depuis un mobile, ces formulaires mal adaptés deviennent des freins importants à la conversion. Alors faut-il s’adapter à ces nouveaux appareils et comme le faire ? Voici un début de réponse.

    La manière de consulter internet évolue

    La Fevad a indiqué que les ventes sur internet mobile ont augmenté de + 150% en 2012 et représentent 6% du chiffre d’affaires réalisé en 2012, soit presque 3 milliards d’euros.
    Les ventes de PC chutent de 13,9% au premier trimestre 2013, la plus forte baisse depuis près de vingt ans selon l’institut de recherche IDC. Une des raisons possibles est la hausse impressionnante des ventes de tablettes tactiles qui aujourd’hui surpassent celles des ordinateurs comme le démontrent ces courbes :

    Les ventes d'appareils tactile supérieures au PC.
    Source

    Le nombre d’utilisateurs mobile va selon une estimation dépasser les utilisateurs pc à partir de fin 2013 :

    L'usage des appareils mobiles supérieur à l'ordinateur autour de 2014 ?
    Source

    S’adapter dès aujourd’hui est stratégique pour les années à venir. Imaginez votre business dans 2 ans avec un trafic composé de 40% d’utilisateurs mobiles, comment réagirait-il ? Pouvoir naviguer confortablement depuis n’importe quel type d’appareil va peut-être devenir un argument pour les internautes. (suite…)

  • Opodo : le bouton qui fâche

    Après Air France et sa gestion des erreurs dans les formulaires, continuons notre série de tests utilisateurs sur les sites de voyage avec Voyage Opodo.fr. Opodo propose tout une gamme de produits qui vont du vol jusqu’à la location de voiture en passant par les croisières.
    Lors de ce test nous avons demandé aux participants de réserver le voyage de leur choix.Vous allez voir dans la vidéo ci-dessous une utilisatrice qui filtre les résultats en utilisant certains critères (destination, durée, budget…) mais une action inattendue se produit :

    Après avoir cliqué sur le bouton « Supprimer tous les critères » (00:35) l’utilisatrice ne comprend pas pourquoi ses choix se sont effacés. Le libellé du bouton est pourtant clair, alors pourquoi cette erreur ?

     Lecture du bouton

    Premier élément, l’utilisatrice ne prend pas le temps de lire le bouton et clique par réflexe. On peut voir sur l’eye-tracking que la personne regarde très rapidement le bouton (00:28) surement pour vérifier le positionnement de la souris avant de vérifier que les critères soient bien tous sélectionnés. Le bouton positionné en bas ou à droite d’un formulaire peut être rapidement assimilé à un bouton de validation.

     Rechargement de la page

    Second élément qui peut induire en erreur, rien n’indique que la page doit être rechargée pour valider un critère. En allant plus loin, on peut observer l’utilisatrice qui sélectionne rapidement le type de pension (00:26), puis le nombre d’étoiles et pour finir le bouton de suppression des critères (en pensant valider).
    La page n’aura pas eu le temps de recharger entre ces différents critères et l’utilisateur ne s’en doute pas. Un œil averti notera le rechargement de la page avec les nouveaux paramètres dans l’url.

    Visibilité des critères sélectionnés

    Troisième élément il est difficile de repérer les critères déjà sélectionnés. La couleur utilisée pour représenter la sélection en plus de la croix est trop proche de la couleur d’un critère qui n’est pas sélectionné. Les critères sélectionnés apparaissent à côté du nombre de résultat affichés, trop bas dans la page et surtout trop loin de la zone de critères :

    Wexperience affichage filtres selectionnes

    Il reste d’autres incohérences comme le fait de ne pas pouvoir sélectionner plusieurs critères dans une catégorie ou la compréhension du bouton « go » dans la partie budget. Ces petits détails peuvent avoir une influence importante sur l’expérience utilisateur et sur le taux de conversion du site en général.
    Je finirai par : Tout est une histoire de détails en ecommerce.