La majorité de votre trafic est sur mobile, mais la plupart des landing pages sont encore conçues sur grand écran. Quand la version ordinateur convertit et pas la version mobile, les causes sont généralement mécaniques, pas créatives — et elles se corrigent.
L'appel à l'action est sous la ligne de flottaison et y reste
Sur ordinateur, le titre et le bouton sont visibles ensemble. Sur mobile, le même contenu s'empile en une longue colonne, et le bouton se retrouve deux ou trois défilements plus bas, après une grande image et un paragraphe. Remontez l'action principale, gardez-en une version compacte visible pendant que l'utilisateur fait défiler, et ne rendez pas l'image d'en-tête si haute qu'elle pousse tout le reste hors de l'écran.
Le formulaire est long et le clavier aggrave les choses
Un formulaire de cinq champs est tolérable sur ordinateur et pénible sur un téléphone, où chaque champ déclenche un clavier qui couvre la moitié de l'écran. Réduisez les champs à ceux dont vous avez réellement besoin maintenant. Définissez les bons types de saisie pour que le téléphone affiche le clavier e-mail pour un e-mail et le pavé numérique pour un numéro de téléphone. Utilisez les attributs autocomplete pour que le navigateur puisse remplir les valeurs connues.
Photo : Jonas Leupe / Unsplash
Les zones tactiles sont trop petites et trop rapprochées
Un lien facile à cliquer à la souris peut devenir un pari au pouce. Donnez aux boutons et aux liens assez de hauteur et d'espacement pour qu'un vrai doigt puisse les atteindre sans toucher le voisin. Cela compte surtout dans la zone du paiement et du formulaire, où un faux appui vous coûte la conversion.
C'est lent sur une vraie connexion
Les tests sur ordinateur se font généralement sur le wifi rapide du bureau. Un téléphone dans un train, en données mobiles, avec un processeur d'entrée de gamme, est une autre machine. Des images d'en-tête lourdes, une vidéo en lecture automatique et une pile de scripts tiers qui passaient sur ordinateur peuvent pousser la page mobile au-delà du point où les gens attendent. Testez sur une connexion bridée et un appareil réel, pas seulement dans le mode responsive du navigateur.
Les fenêtres intrusives bloquent le contenu
Un bandeau cookies, une popup de newsletter et une bulle de chat discrets sur grand écran peuvent couvrir la majeure partie d'un téléphone. Empilés, ils peuvent masquer entièrement le titre et le bouton. Affichez une chose à la fois, rendez chacune facile à fermer, et ne bloquez jamais l'action principale derrière une surcouche.
En résumé
Concevez et testez d'abord la version mobile, car c'est là que sont vos visiteurs. Nous réalisons des landing pages axées sur la conversion dans le cadre de notre travail de design et de développement web — si vos chiffres mobiles ne correspondent pas à ceux de l'ordinateur, contactez-nous.