• 98k
  • 7
Web Mobile \ 13 Mars 2017

7 conseils pour créer un site mobile performant

À quand remonte votre dernière connexion sur votre portable ? Probablement seulement quelques minutes (voire quelques secondes si vous êtes en train de lire cet article sur téléphone). Une recherche Wikipédia, une adresse à récupérer ou une paire de chaussures à montrer à votre meilleure amie : on ne manque pas d’occasions de sortir son téléphone pour naviguer sur le Net. D’ailleurs les chiffres parlent d’eux-mêmes : en 2016, 60% des Français surfent sur Internet via leur mobile.

Il n’y a donc aucun doute sur la question : avoir une version mobile de son site internet est absolument primordial. Ça, vous le savez déjà, mais l’avez-vous fait ? Avec l’Éditeur mobile de Wix, une version pour smartphones et tablettes est générée automatiquement lors de la création de votre site. Cependant, les particularités de la navigation sur un plus petit écran nécessitent quelques ajustements. Pour une expérience utilisateur (UX) fluide et simple, vous allez devoir mettre la main à la pâte.

Voici les étapes à suivre pour vous assurer que votre version mobile soit à la hauteur de votre site !

Comprenez les spécificités de la navigation sur mobile

Voici une règle d’or dont il faut se souvenir : la navigation sur mobile suit ses propres règles ! Cela ne veut pas dire qu’il va falloir tout réapprendre mais vous allez devoir vous adapter.

Premier point à prendre en considération : le temps que vos visiteurs vont passer sur votre site. Gardez en tête que les personnes qui consultent votre site depuis leur smartphone sont souvent à l’extérieur, peu disponibles, voir même carrément pressées. Deuxièmement : la façon dont vos visiteurs vont interagir avec votre site. L’utilisation d’un site sur grand et sur petit écran est complètement différente, aussi bien dans la façon de naviguer que dans le contenu que l’on en attend. Les mobinautes ne pourront pas profiter de vos fonctionnalités comme ils le feraient confortablement installés devant leur ordinateur.

Pour ces deux raisons, le contenu de votre site mobile doit être précis et concis ! Il doit répondre immédiatement aux questions de vos visiteurs. Créez une hiérarchie : les messages les plus importants doivent apparaître en premier. Vos visiteurs ne doivent pas passer un temps infini à trouver ce dont ils ont besoin. De plus, vous avez peu de place pour vous exprimer sur mobile, vous devez donc bien choisir vos mots pour toucher de façon efficace votre cœur de cible. Finalement, si on avait un conseil à vous donner, ça serait celui-là : dites peu de choses, mais dites-les bien !

Soyez joignable en un clin d’œil

Vous l’avez compris, les mobinautes sont pressés ! S’ils ont besoin de vous contacter mais ne trouvent pas immédiatement comment le faire, vous risquez fort de les perdre… à jamais. Mais ne soyons pas si dramatiques, cela n’arrivera pas car nous avons ce qu’il vous faut : la barre d’action mobile permet d’afficher toutes vos informations de contact de façon non intrusive et très pratique sur votre site. Vous pouvez choisir ce que vous voulez faire apparaître – adresse, numéro de téléphone, email – et comment afficher ces informations – couleurs claires ou sombres. Voici la meilleure façon de faire comprendre à vos visiteurs que vous serez toujours là pour eux.

barre d'action mobile

Créez un menu adapté

Dans le petit monde des téléphones mobiles, il n’y a pas beaucoup de place pour s’étendre et prendre ses aises. Voilà une information que vous devez prendre en compte lorsque vous créez votre menu mobile. Un peu comme avec votre studio de 15m², il va falloir faire rentrer le maximum de choses dans un minimum d’espace. Mais pas de panique, il n’est pas encore temps de ressortir votre super mètre (ou millimètre en l’occurrence). Wix dispose de plusieurs designs de menus conçus spécialement pour mobiles. À vous de choisir votre style et de le personnaliser selon vos désirs : couleurs, polices, effets, etc. Petit, mais costaud (le menu) !

Optimisez vos images

Vous connaissez l’importance des visuels sur le Net, mais connaissez-vous leur impact en navigation mobile ? Une belle image parfaitement adaptée au petit écran et au design de votre site mobile dopera considérablement votre trafic. Deux poids, deux mesures : une image mal cadrée aura un effet désastreux sur l’expérience utilisateur de vos visiteurs. Il ne verra pas la bonne partie du visuel, tous les éléments vont se décaler et il sera impossible de naviguer correctement sur votre site. Avec l’Éditeur mobile, vous pouvez personnaliser l’affichage de vos images : choisissez de les rogner, recentrer ou de les étirer pour qu’elles s’adaptent parfaitement à votre version mobile en un clic seulement. Voilà un outil qui risque bien de vous sauver la vie – ou du moins pas mal de temps.

Assurez-vous d’être lisible

Vous pouvez créer un site mobile de compétition, cela ne vaudra pas grand-chose si votre texte n’est pas correctement lisible. Avoir un contenu clair et facilement identifiable est la base de tout site internet, et cela est d’autant plus vrai sur mobile.

La taille de la police joue bien sûr énormément : réduisez les dimensions et raccourcissez les textes au maximum. Mais pas seulement : les différentes typographies donnent elles-mêmes des effets très différents sur grand et petit écran. Un mot d’ordre : faites simple. Lorsque la lisibilité est réduite, il convient de donner le minimum d’informations possible. Plus vous en rajouterez, plus vous perdrez vos visiteurs.

Dernier élément (mais pas des moindres) : les couleurs. Elles ont aussi un rôle très important sur la lisibilité de vos textes. Elles doivent être harmonieuses pour bien s’insérer au design de votre site mais contrastées pour être lisibles facilement. Un texte de couleur claire sur un arrière-plan sombre – et vice versa – sera bien plus agréable à lire pour vos visiteurs qu’une superposition de couleurs ton sur ton. Le meilleur moyen de savoir quelle association typographie-couleur est la bonne pour votre site, c’est encore d’essayer.

Typographie

Créez des raccourcis

Faire une recherche sur un mobile est plus pénible que de la faire sur un ordinateur. C’est un fait. Mais vous pouvez rendre cela plus agréable en ajoutant une barre de recherche à votre version mobile et permettre à vos visiteurs de trouver en un clic ce dont ils ont besoin. En réduisant le nombre d’étapes et de pages à franchir, vous augmenterez leur satisfaction. Action –réaction : voilà en deux mots ce qu’attendent vos visiteurs de votre site mobile.

Limitez les interactions

Un bon site internet est celui qui crée de l’interaction avec ses visiteurs. Sur un téléphone ou une tablette, il vous faut reconsidérer légèrement la donne. N’en attendez pas trop de vos visiteurs, ils ne sont pas dans des conditions optimales : taper sur un clavier de téléphone est parfois laborieux – nous avons tous un jour écrit « sqloiyutr » au lieu de « salut ». Gardez cela en tête lorsque vous utilisez une fonctionnalité. Par exemple pour un formulaire, réduisez le nombre de champs. Idem si vous demandez à vos visiteurs leur avis, proposez-leur de choisir entre plusieurs émojis plutôt que de leur demander d’écrire un long pamphlet argumentaire. 👍😉 📝

Prêt à personnaliser votre version mobile gratuitement ? Commencez par créer votre propre site Internet avec Wix.

Publié par Equipe Wix
Wix

Recevez le
par e-mail !

Rejoignez le blog de Wix Ne manquez rien de notre actu !

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email

Rejoignez-nous ! \ 

Découvrez nos conseils en web design, en marketing digital,
et suivez toute l'actu Wix ! Pas de spam. Promis.

Hmmm, that's not a valid email address.

Hmmm, that's not a valid email address. Email already exists

Hmmm, that's not a valid email address. Invalid email