Il n'est plus nécessaire de souligner l'importance de préparer votre site pour le mobile. La révolution mobile est le plus grand changement dans la courte histoire du Web. La seule question est de savoir si les utilisateurs de smartphones et de tablettes constitueront plus de la moitié de votre audience cette année ou la suivante.
Gardant cela à l'esprit, l'optimisation de vos pages de destination pour mobile est désormais un processus essentiel pour chaque concepteur. Cela ne doit pas être difficile, cependant, il existe une liste de contrôle simple que vous pouvez exécuter pour vous assurer que votre site est prêt pour les navigateurs mobiles:
La capacité d'un site Web à évoluer vers divers appareils est essentielle. Il y a des milliers d'appareils sur le marché, il n'est donc pas pratique de sélectionner quelques tailles d'écran représentatives.
La réponse acceptée à cette question est la conception Web réactive, certaines personnes soutiennent que l’adaptation est meilleure, que d’autres soutiennent que l’adaptation est la même chose. Ces arguments sont vraiment sémantiques. En résumé, vous avez la possibilité de faire fonctionner votre site sur n'importe quel périphérique, actuel ou futur. Ne pas le faire serait irresponsable.
Une considération importante: assurez-vous que votre site évolue correctement en mode portrait et paysage.
De toute évidence, le mobile offre beaucoup moins d'espace pour adapter le contenu à une page de destination. Idéalement, gardez les titres courts, succincts, au point et autour de trois ou quatre mots. De même, gardez la page aussi libre que possible, avec un faible nombre de liens et un maximum d'une image, si possible.
Mettez le contenu en puces pour que l’œil puisse le saisir facilement sans avoir à faire une pause et à plisser les yeux. Créez également un appel à l'action pour inciter le visiteur à visiter le reste du site. Il devrait inciter les visiteurs à appeler l’entreprise, ce qui est particulièrement utile pour les entreprises locales qui utilisent également les services de localisation.
Quelque chose comme 75% des chercheurs agissent sur leurs résultats de recherche en une heure, il est donc facile de voir pourquoi un appel à l'action devrait être fort. De plus, mettez l'appel à l'action quelque part en haut de la page, afin que ce soit l'une des premières choses que voit le visiteur mobile.
Oui, la taille dépend vraiment de la taille du fichier. Une page d'atterrissage doit toujours être rapide à charger, en particulier une qui sera accessible via un appareil mobile.
Il n'y a pas de règle définie, plus vite c'est le mieux, mais en général, si votre page de destination prend plus de 3 ou 4 secondes, vous perdrez beaucoup d'utilisateurs.
Idéalement, votre page devrait être extrêmement légère, inférieure à 20 kilo-octets. Les images prennent beaucoup de temps à charger et doivent donc être réduites au strict minimum. Gardez tout votre code bien rangé, utilisez des images-objets si nécessaire et utilisez CSS au lieu d’images si possible.
En plus de la taille du fichier, réfléchissez au nombre de requêtes en cours sur le serveur. En règle générale, ces demandes provoquent plus de retard que le téléchargement du fichier proprement dit.
Les utilisateurs mobiles sont souvent en déplacement, donc utilisez les services de localisation. Adapter la page de destination aux utilisateurs locaux et leur offrir des incitations. Vous pouvez par exemple personnaliser le contenu à la succursale locale d'un magasin.
Selon la taille et la portée du projet, vous pouvez également adapter le contenu principal à l'emplacement.
Être capable de lire ce qui est à l'écran est vital, c'est pourquoi moins vaut plus. Si vous ne pouvez pas lire le texte avec le téléphone tenu à bout de bras, il doit être plus grand. Vous êtes vraiment limité pour l'espace.
Ne faites pas défiler les utilisateurs à l'infini, sinon ils s'ennuieront rapidement et continueront. Oui, les gens ont une courte période d'attention sur Internet, beaucoup plus courte que lors de la lecture d'un magazine ou d'un livre, donc tout ce que vous faites doit attirer leur attention immédiatement.
Tout ce qui peut être cliqué sur votre page de destination doit passer le test du pouce. Si vous ne pouvez pas cliquer facilement avec le pouce, repensez-le. Des liens pour laisser autant d'espace que possible autour d'eux et laisser suffisamment d'espace entre les liens. Cela permettra de réduire les risques que l’utilisateur utilise les mauvais liens et ne soit pas frustré.
Les plug-ins peuvent être utilisés pour garantir que les photos peuvent être facilement glissées, bien que la mise en place de photos sur la page de destination ne soit pas exactement recommandée.
Si vous placez un formulaire sur la page de destination, gardez-le très simple et ne prenez pas beaucoup de place. Les formulaires nécessitant beaucoup de saisie sont rebutants et permettent d'obtenir un taux de conversion inférieur à celui des formulaires simples. Alors, ajoutez le moins de champs possible.
Encore une fois, les gens s'ennuient rapidement, alors leur donner un long formulaire à remplir les rendra plus susceptibles d'abandonner le site.
La navigation devrait être simple et directe. Gardez les boutons au minimum et assurez-vous qu'ils passent le test du pouce. Essayez d'ajouter des boutons à différentes zones de la page afin de suivre un chemin logique.
Testez soigneusement votre page de destination pour vous assurer qu'elle fonctionne efficacement sur mobile. Considérer Test A / B , qui a été montré pour augmenter les prospects jusqu'à 40% dans certains cas.
Avec un test A / B, vous créez deux conceptions de la même page, A et B. Le trafic est ensuite réparti entre chaque modèle pour voir lequel fonctionne le mieux. Utilisez les indicateurs les plus importants pour le projet, tels que le taux de conversion, les ventes et le taux de rebond. À la fin du test, optez pour celui qui fonctionne le mieux et vous serez à mi-chemin avec un design éprouvé.
Il existe de nombreux simulateurs mobiles, mais quel que soit celui que vous choisissez, assurez-vous de ne l'utiliser que pour la première série de tests. Pour tester correctement, vous devez utiliser des périphériques réels. Commencez, empruntez et volez si nécessaire, vérifiez simplement votre site sur autant d'appareils réels que possible.
Plus le nombre de clics ou d'actions qu'un utilisateur doit effectuer, moins il est susceptible de les compléter. Permettre aux personnes de se rendre du point A au point B en un minimum de clics. Rendre chaque aspect de la navigation et l'appel à l'action incroyablement simples.
Ce sont les éléments les plus importants à prendre en compte lors de l’optimisation d’une page de destination pour mobile. Rappelez-vous tout au long du processus de conception que le mobile est un support différent du PC. Les gens ont encore moins de patience sur le mobile car ils sont généralement en déplacement et veulent accomplir leur tâche avec un minimum de tracas. Des temps de chargement lents et une interaction sans réponse irritent également les gens, alors prenez le temps de les corriger.
Faire les choses correctement peut être gratifiant et faire la différence entre le site performant face à la concurrence et le fait de perdre des visiteurs.