Votre site web est un site pour téléphone, et il n'a probablement pas été conçu comme tel
Regardez d'où viennent réellement vos visiteurs et le chiffre se situe généralement entre soixante-dix et quatre-vingt-quinze pour cent de mobile. Pour une entreprise locale, c'est plutôt le haut de la fourchette, parce que les gens vous cherchent quand ils sont dehors, en voiture ou debout dans la cuisine de quelqu'un d'autre.
Presque tous les sites sont pourtant conçus sur un grand écran. C'est dans cet écart que se produit l'essentiel des dégâts.
Ce qui casse, concrètement
La même poignée de problèmes, site après site :
Un texte d'accueil illisible. Un titre calibré pour un écran large devient six lignes sur un téléphone, posées sur la partie la plus chargée d'une photo. La première chose que voit un visiteur est celle qui fonctionne le plus mal.
Le numéro de téléphone n'est pas cliquable. C'est du texte, ou une image, ou c'est dans le pied de page quatre écrans plus bas. Sur un téléphone, un numéro doit être une simple pression, et il doit être visible sans faire défiler.
Des tableaux et des grilles tarifaires qui défilent sur le côté. La page elle-même glisse de gauche à droite, ce qui donne une impression de site cassé même quand le contenu est correct.
Des photos qui pèsent quatre mégaoctets. Sur une connexion domestique, personne ne le remarque. En données mobiles dans une zone mal couverte, la page reste blanche six secondes et le visiteur est parti.
Des boutons trop petits ou trop rapprochés. Un lien facile à cliquer à la souris devient un pari avec le pouce.
Une fenêtre surgissante impossible à fermer. Le bouton de fermeture est hors de l'écran. Celle-là vous coûte le visiteur en entier.
L'audit en cinq minutes
Faites-le sur votre propre téléphone, en données mobiles plutôt que sur le wifi du bureau, parce que ce sont les conditions réelles.
- Ouvrez votre page d'accueil et comptez les secondes avant de pouvoir lire quelque chose.
- Lisez le titre sans zoomer. Vous y arrivez ?
- Trouvez votre numéro de téléphone sans faire défiler. Touchez-le. Est-ce qu'il compose l'appel ?
- Essayez de réserver ou de demander un devis, jusqu'au bout, avec un seul pouce.
- Tournez le téléphone à l'horizontale. Est-ce que quelque chose s'écroule ?
- Cherchez une grille tarifaire ou un tableau. Est-ce que la page glisse sur le côté ?
Ce qui a échoué est ce qu'il faut corriger en premier. Ce sera presque toujours plus rentable qu'une refonte.
Pourquoi responsive n'est pas la même chose que conçu
La plupart des outils sont responsives, c'est-à-dire que la mise en page se réorganise pour tenir sur un écran étroit. Cela règle la mécanique, pas le design. Réorganisé n'est pas réfléchi.
Un écran de téléphone est un autre média. Il y a une seule colonne, une seule chose visible à la fois, et le visiteur est généralement pressé et souvent distrait. Ce qui mérite le haut de l'écran sur un téléphone n'est souvent pas ce qui le mérite sur un ordinateur. La version pour ordinateur peut se permettre une image d'accueil atmosphérique. La version mobile a souvent besoin du nom de l'entreprise, de ce que vous faites, et d'un bouton qui vous appelle.
C'est une décision, et elle doit être prise délibérément, appareil par appareil. Une réorganisation automatique ne peut pas la prendre à votre place.
Que faire
Si votre outil permet de définir des valeurs par appareil, passez une heure sur la version mobile en particulier. Titre plus petit, plus d'espace autour des boutons, l'appel à l'action plus haut, la grande photo recadrée plutôt que rétrécie.
Si votre outil ne permet pas de modifier la version mobile séparément, il est bon de le savoir, car cela veut dire que l'expérience mobile est un effet secondaire d'une décision prise pour l'ordinateur, alors que le mobile représente la majorité de votre trafic.
Chaque élément Instinctor porte des réglages distincts pour l'ordinateur, la tablette et le téléphone, et l'éditeur prévisualise chacun d'eux. Nous l'avons conçu ainsi parce que la version pour ordinateur d'un site de petite entreprise est, statistiquement, celle que presque personne ne voit.
L'équipe Instinctor
