Depuis quelque temps déjà, toute personne intéressée par l’optimisation des moteurs de recherche s’assurait de la disponibilité d’une version mobile de son site Web, faute de quoi elle risquait de mettre l’algorithme de Google en colère. Pourtant, contrairement à de nombreuses autres tendances dans le monde du référencement, les recherches montrent que l’utilisation du Web mobile ne se ralentit pas, même si de nombreux sites Web compatibles avec les mobiles sont difficiles à utiliser. Non seulement les vues mobiles se multiplient, mais elles explosent. Recherche de Statista estime que la quantité de trafic Web en 2019 sera d'environ 24,3 exaoctets, contre 4,2 exaoctets en 2015.
Juste pour vous assurer de comprendre la gravité de cela, un exaoctet équivaut à 1 milliard de gigaoctets.
Malgré les preuves montrant que les visiteurs utilisent leurs appareils mobiles pour naviguer sur le Web, tout le monde ne pense pas à l'utilisateur mobile. Selon le groupe Nielsen-Norman:
[...] les utilisateurs de smartphones dans le monde sont plus nombreux que les utilisateurs d'ordinateurs de bureau et d'ordinateurs portables [mais] la convivialité des sites Web et des applications mobiles est encore loin de la facilité d'utilisation des sites Web de bureau.
Bien sûr, tout le monde ne veut pas un site Web mobile qui soit juste assez bon pour Google. Ils veulent que leurs visiteurs aient une expérience positive lorsqu'ils accèdent à leur site Web ou à un site qu'ils ont conçu pour un client. Ils ajustent donc leurs conceptions en conséquence.
La plupart des gens associent le Web mobile à la conception Web réactive, car cela fait déjà un certain temps que les blogs et les présentations diffèrent. Toutefois, la conception Web réactive n'est pas la seule stratégie et ce n'est pas toujours la meilleure approche. Le meilleur choix est basé sur la manière dont vous souhaitez que vos visiteurs interagissent avec le contenu de votre site.
À l'aide de requêtes multimédias pour modifier l'affichage du site en fonction de la taille de l'écran, il s'agit d'une approche fluide de la conception pour plusieurs périphériques. Vous concevez une fois et utilisez le CSS pour mettre à l'échelle l'affichage en fonction de l'écran.
Cette approche repose sur des pages statiques conçues pour différents points d'arrêt. Lorsque la taille de l'écran est détectée, la mise en page appropriée est affichée. Ici, vous devez concevoir différentes dispositions pour s'adapter à différentes tailles d'écran. En général, six configurations sont construites pour les largeurs les plus courantes: 320, 480, 760, 960, 1200, 1600.
C'est lorsque vous créez une application iOS, Android ou Windows conçue pour diffuser votre contenu Web aux utilisateurs mobiles.
Vous auriez du mal à trouver un site Web de nos jours qui n'offre pas une sorte d'interaction avec les utilisateurs. Il peut s'agir d'un site Web d'entreprise qui recueille des informations auprès de clients potentiels, d'un site de commerce électronique conçu pour les achats ou d'un site permettant aux visiteurs de s'enregistrer dans un événement ou un lieu. Quoi qu’il en soit, l’utilisateur devra fournir des informations, faire des sélections et appuyer sur les boutons, et vous devez vous rendre compte que les choses sur un appareil mobile sont différentes.
Pour commencer, concentrez-vous sur les caractéristiques importantes. Cela pourrait nécessiter un réarrangement de votre part, ou vous devrez peut-être réduire certains des éléments que vous vouliez inclure. Non seulement cela aidera à réduire l'encombrement, mais cela permettra également d'utiliser des boutons plus grands et d'autres éléments avec lesquels les doigts plus gros peuvent avoir du mal à s'impliquer. Dans la mesure du possible, réduisez le besoin pour les utilisateurs d'entrer du texte. Ils peuvent avoir un clavier à l'écran à utiliser, mais nous savons tous qu'il existe un taux d'erreur élevé lors de l'utilisation de ceux-ci et que des fonctionnalités telles que la correction automatique ou la prédiction de texte peuvent devenir très frustrantes. De plus, sachez qu’un visiteur mobile risque fort d’être interrompu ou de perdre sa connexion. Moins ils doivent refaire le travail s’ils expirent, moins ils ressentiront de frustration.
Pour des raisons de référencement, de nombreux concepteurs ont été formés au fil des années pour incorporer des menus de navigation complexes dans leur travail afin que les robots des moteurs de recherche puissent indexer tout. Tout ce qui est accessible depuis le menu de navigation permet également à vos visiteurs de trouver ce qu’ils recherchent. Mais pour le visiteur mobile, ces menus accablants rendent la navigation plus difficile, et un sitemap correctement créé enverra les robots des moteurs de recherche là où vous en avez besoin.
Au lieu de longues listes d'éléments de menu, gardez les choix à six au maximum pour que les visiteurs mobiles n'aient pas à faire défiler la liste pour voir tout en gardant un menu ouvert. Éliminez également les sous-menus. Ce petit signe que les utilisateurs doivent cliquer pour élargir les options est très difficile à utiliser, à moins d'utiliser un stylet. Pommes Les bases de la conception d'interface utilisateur indique que le doigt moyen nécessite 44 pixels de gauche à droite et de haut en bas. Concevoir avec cet espace en tête.
La tendance du site Web à page unique est également à considérer. Conçue pour les visiteurs mobiles, cette technique permet au visiteur de parcourir votre site et de trouver tout ce dont il a besoin sur une longue page. Ce type de conception évite le pli puisque les utilisateurs mobiles sont à l'aise de parcourir le contenu pour trouver ce dont ils ont besoin.
Lorsque vous pensez à vos visiteurs mobiles, il vous est demandé de laisser tomber un peu. Mais ce que vous ne devriez jamais sacrifier est la raison pour laquelle vous avez un site Web en premier lieu. Assurez-vous que votre image de marque reste cohérente, si vous souhaitez que votre logo reste en évidence, utilisez la bonne quantité de biens immobiliers pour l'afficher. Si votre site est lourd en contenu, assurez-vous que vos utilisateurs mobiles y ont accès. Cacher le contenu des écrans mobiles punit essentiellement les visiteurs qui ne sont pas en plein écran.
En tant que concepteurs de sites Web, nous sommes habitués aux tendances de notre secteur. Chaque année, des listes nous présentent les dernières modes et méthodologies auxquelles nous devrions faire attention. La conception pour l'utilisateur mobile n'en fait pas partie. C'est la réalité de notre secteur et ils continuent à ajouter de nouvelles tailles d'écran pour que nous puissions travailler avec, alors il n'y a vraiment pas de solution unique que vous pouvez adopter.
Vous, votre organisation, vos clients et toute autre partie prenante devez déterminer ce qui est important et structurer vos sites autour de ces éléments. Mais pensez à ce qui est important pour vos visiteurs car c'est ce qui compte. L'expérience utilisateur ne devrait jamais porter sur ce que nous pensons être le mieux ou sur ce que nous voulons voir. Nous ne pouvons pas forcer les gens à vivre une expérience enrichissante lorsqu'ils visitent nos pages. Au lieu de cela, nous devons chercher à leur donner ce qu'ils veulent, d'une manière facile pour eux.
Donc, avant de chercher des listes de contrôle ou des guides nous indiquant ce qu'est une bonne expérience utilisateur, prenez le temps de réfléchir à ce que nous avons à dire et à ce que nos visiteurs veulent entendre.