FAST DEV 24
Sites décortiqués · sur mobile

Ce que voit un visiteur dans les dix premières secondes

J'ouvre de vrais sites de petites entreprises sur mobile et je montre ce que rencontre un visiteur avant de trouver un numéro de téléphone : des murs de consentement, des premiers écrans avec seulement un logo, des boutons qui n'apparaissent jamais. Chaque analyse se termine par trois changements concrets. Aucune entreprise n'est nommée ; les sites sont publics et les faits sont ce que vous voyez sur votre propre téléphone.

#1 · Un stand de burgers à Tulsa

Ce que rencontre un visiteur dans les dix premières secondes

  1. Une bannière de consentement couvre tout le premier écran. Elle mentionne 1072 partenaires.
  2. Bannière fermée. Premier écran : logo, photo, nom. Pas de téléphone, pas d'horaires, pas d'adresse.
  3. Le bouton de commande n'apparaît qu'après avoir fait défiler la page. Toujours pas d'horaires ni d'adresse.
  4. Plus bas : la déclaration de mission et un formulaire de don. L'adresse est encore plus bas.

Ce que je changerais

  1. Téléphone, horaires et adresse sur le premier écran, tous cliquables
  2. Un grand bouton de commande au-dessus de la photo, pas dessous
  3. Une fine barre de consentement en bas, pas un mur de texte

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

#2 · Un bar à tacos et mezcal à Tulsa

Ce que rencontre un visiteur dans les dix premières secondes

  1. Tout le premier écran est un seul logo. Pas d'adresse, pas d'horaires, pas de bouton menu.
  2. Écran suivant : une photo et « Notre philosophie ». Toujours aucun moyen de trouver ou d'appeler le lieu.
  3. Trois écrans de texte sur la philosophie et l'équipe. Pas un seul lien téléphonique cliquable sur la page.

Ce que je changerais

  1. Adresse, horaires et deux boutons sur le premier écran : « Menu » et « Appeler »
  2. Un numéro de téléphone qui appelle au clic
  3. Texte réduit à un tiers ; le menu placé avant la philosophie

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

#3 · Une entreprise de construction à Tulsa

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : un logo et une photo. Pas de numéro de téléphone, pas de bouton « demander un devis ».
  2. Ensuite : une déclaration de valeurs. Sécurité, intégrité, esprit d'équipe. Toujours rien sur ce pour quoi on peut les engager.
  3. Le pied de page : une adresse, quatre icônes de réseaux sociaux. J'ai fouillé le code de la page : aucun numéro de téléphone nulle part sur la page d'accueil.

Ce que je changerais

  1. Un numéro de téléphone et un bouton « Demander un devis » sur le premier écran
  2. Une phrase en haut : ce que l'entreprise construit et pour qui
  3. Des chantiers terminés avec photos avant les valeurs

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

#4 · Un restaurant coréen à Calgary

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : une bannière « créé avec Wix, créez le vôtre », une icône Instagram, un petit logo. Pas d'adresse, pas d'horaires, pas de téléphone.
  2. Le menu est une seule image. Sur un téléphone, les noms des plats sont plus petits que cette légende : il faut zoomer et déplacer pour lire un prix.
  3. Contact : un formulaire avec nom, e-mail et message. Pour réserver une table, il faut écrire un message et attendre.
  4. Tout en bas : le numéro de téléphone, en simple texte. J'ai vérifié le code : il n'appelle pas au clic.

Ce que je changerais

  1. Adresse, horaires et un bouton d'appel sur le premier écran
  2. Le menu en texte, lisible sur mobile, avec les prix
  3. Un domaine à vous et aucune bannière « créez le vôtre » au-dessus du nom du restaurant

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#5 · Un salon de coiffure à Springfield

Ce que rencontre un visiteur dans les dix premières secondes

  1. S'ouvre dans une mise en page pour ordinateur, réduite 2,5 fois pour tenir sur mobile. Tout le site est un seul écran. Le menu est plus petit que cette légende.
  2. Téléphone, e-mail et adresse sont sous la photo en tout petits caractères. Un clic sur le numéro : rien ne se passe. C'est du simple texte, pas un lien.
  3. Colonne de gauche : six logos de marques de produits capillaires, chacun plus grand que tout ce que le salon dit sur lui-même. Aucun bouton de réservation où que ce soit.

Ce que je changerais

  1. Une mise en page mobile : texte lisible, pas de zoom à deux doigts
  2. Un numéro de téléphone qui appelle au clic, une adresse qui ouvre la carte
  3. Un bouton de réservation sur le premier écran ; les logos de marques placés sous l'histoire du salon

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#6 · Une brasserie artisanale à Calgary

Ce que rencontre un visiteur dans les dix premières secondes

  1. Deux questions avant tout le reste : avez-vous l'âge légal, et « aimez-vous la bière ? » avec un formulaire e-mail. Pas d'adresse, pas d'horaires.
  2. Fenêtre fermée. Tout le premier écran est le contrôle d'âge : OUI ou NON. Cliquer sur NON envoie vers Google.
  3. Après le contrôle : une photo du bar et deux boutons, « Menu » et « Commander ». Adresse, horaires et téléphone sont tout en bas.
  4. Le bas de la page : le numéro de téléphone en simple texte, pas un lien. J'ai vérifié le code : il n'appelle pas au clic.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel directement sur le premier écran
  2. Une question à la fois : d'abord le contrôle d'âge seul, la newsletter plus tard
  3. Les horaires du bar à côté du bouton de commande, pas en bas de page

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#7 · Un institut de beauté à Calgary

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : une barre de réduction, un logo, un bouton de réservation. Pas d'adresse, pas d'horaires, pas de téléphone. Ce que fait l'institut et où il se trouve arrive plus tard.
  2. Puis deux longs paragraphes centrés sur des « voyages » et des « expériences incomparables » : vingt lignes avant la première photo, et aucun prix en vue.
  3. Trois écrans plus bas : « Appelez ou écrivez » et le numéro, en simple texte. J'ai vérifié le code : ce n'est pas un lien. Il n'appelle pas.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel sur le premier écran, à côté de « Réserver »
  2. L'histoire réduite à trois lignes ; photos et prix en haut
  3. Un numéro de téléphone qui appelle, et des horaires qu'on ne cherche pas trois écrans plus bas

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#8 · Une cidrerie à Oklahoma City

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : un logo, « Select Page » resté du thème, le logo encore une fois, un contrôle d'âge et une bannière de cookies. Pas d'adresse, pas d'horaires.
  2. Après le contrôle : le logo une troisième fois, un titre et un mur de texte sur le cidre sans gluten. Rien à cliquer sur cet écran.
  3. Horaires, adresse et téléphone arrivent tout à la fin, sept écrans plus bas. Le numéro est en simple texte : il n'appelle pas au clic.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel sur le premier écran, juste sous le contrôle d'âge
  2. Un logo au lieu de trois ; l'étiquette « Select Page » du thème supprimée
  3. Un bouton « Venez nous voir » avec carte et horaires, au lieu de sept écrans à faire défiler

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#9 · Un café à Sydney

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : le nom deux fois, une ligne « Bienvenue chez », une barre d'inscription. Pas d'adresse, pas d'horaires, pas de téléphone. Rien ne dit où ni quand.
  2. « Commandez par téléphone », dit la page. Le numéro de téléphone n'est pas là. Le bouton mène vers une page de contact séparée.
  3. Trois écrans plus bas : enfin l'adresse, les horaires et le numéro de téléphone. Le numéro est en simple texte : il n'appelle pas au clic.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel sur le premier écran
  2. Un seul nom en haut, pas deux, et aucune barre d'inscription
  3. Le numéro de téléphone juste à côté de « commandez par téléphone », comme un lien qui appelle

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#10 · Un food hall à Oklahoma City

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : une photo, « Mangez, buvez, recommencez », deux boutons de commande. Pas d'adresse, pas d'horaires, pas de téléphone.
  2. Les horaires ? Absents de la page d'accueil. Derrière le bouton menu, « Lieu et horaires » est une page séparée.
  3. Quatre écrans plus bas, le pied de page : adresse et téléphone en simple texte. J'ai vérifié le code : le numéro n'est pas un lien. Il n'appelle pas.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel sur le premier écran
  2. Les horaires sur la page d'accueil elle-même, pas sur une page séparée derrière le menu
  3. Un numéro de téléphone qui appelle, et un lien de carte qui ouvre l'itinéraire

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Premier écran du site sur téléphone
Premier écran sur mobile. La vidéo arrive.

#11 · Un café à Manchester

Ce que rencontre un visiteur dans les dix premières secondes

  1. Premier écran : un logo, « détendez-vous, mangez, savourez », un bouton menu. Pas d'adresse, pas d'horaires, pas de téléphone. La page pèse 21 Mo.
  2. Quatre paragraphes sur le calme et le confort, puis une image qui dit « Cliquez ici pour découvrir notre menu ». Toujours pas d'horaires, pas d'adresse.
  3. En bas : commander via Just Eat ou Deliveroo, l'adresse en petits caractères. J'ai vérifié le code : aucun numéro de téléphone nulle part sur la page.

Ce que je changerais

  1. Adresse, horaires et un numéro d'appel sur le premier écran
  2. Le menu en texte sur la page, pas une image derrière un clic
  3. Votre propre bouton de commande ou de réservation avant les applications de livraison

L'entreprise n'est pas nommée. Le site est public, et les faits sont ce que vous voyez sur votre propre téléphone.

Les cinq choses que je vérifie

Un visiteur sur mobile accorde environ dix secondes à un site. Pendant ce temps, il essaie généralement de faire l'une de ces trois choses : appeler, trouver le lieu ou voir le prix. Les vérifications sont donc simples et identiques pour chaque site.

Un numéro de téléphone sur le premier écran

Pas dans le pied de page, pas derrière un menu. Si quelqu'un doit faire défiler la page pour savoir comment appeler, certains ne le feront pas.

Un numéro qui appelle au clic

Des chiffres tapés en simple texte ne peuvent pas être cliqués. Un vrai lien téléphonique ouvre le clavier d'appel en un geste ; je le vérifie dans le code.

Horaires et adresse avant l'histoire

La déclaration de mission peut attendre. Savoir si vous êtes ouvert maintenant et où vous êtes, non.

Un seul bouton clair

Commander, réserver, appeler : une seule action, assez grande pour un pouce, visible sans défiler. Trois boutons de même poids n'en font aucun.

Rien ne couvre le premier écran

Une bannière de consentement ou une fenêtre de newsletter qui couvre tout l'écran fait fuir le visiteur avant qu'il n'ait rien vu.

Comment une analyse est réalisée

Rien ici n'est une affaire de goût. Chaque point est quelque chose que vous pouvez vérifier sur votre propre téléphone en dix secondes.

Une vraie fenêtre à la taille d'un téléphone

Le site est ouvert en 390 sur 844 pixels, la taille d'un téléphone courant, avec une signature de navigateur mobile, et il se charge entièrement avant que l'enregistrement ne commence.

L'enregistrement fait foi

Ce que vous voyez dans la vidéo est la page telle qu'elle a chargé ce jour-là : sans retouche, sans écran mis en scène. Le premier écran est aussi conservé comme image fixe.

Le code est lu, pas deviné

Quand je dis qu'il n'y a aucun lien téléphonique cliquable, je l'ai cherché dans le code de la page. Quand je dis qu'une bannière cite 1072 partenaires, j'ai lu le chiffre sur la bannière.

L'entreprise reste anonyme

Le but est le schéma, pas le propriétaire. Si une analyse concerne votre site et que vous voulez qu'elle soit retirée, un seul e-mail suffit.

Vous voulez que le vôtre soit vérifié de la même façon ?

Envoyez l'adresse. S'il ne faut qu'une petite correction, ce sont deux heures à prix fixe, réalisées sur un lien d'aperçu, et vous payez après l'avoir vu fonctionner. S'il faut une nouvelle page, elle est en ligne en 24 heures selon les mêmes règles. Dans les deux cas, vous connaissez le prix avant que quoi que ce soit ne commence.