Il n’y a pas de doute, notre «dépendance» à nos appareils mobiles, qu’il s’agisse d’un téléphone mobile ou d’une tablette, change la façon dont la plupart des personnes accèdent à Internet. Cela signifie que les entreprises qui souhaitent vendre sur le web doivent adapter leur webdesign au mobile.
Le besoin de créer des sites Internet «ajustés» aux écrans de différentes tailles (par exemple, de 2 pouces sur 4 pouces au plus petit jusqu’à un grand moniteur de 20 pouces) n’est pas nouveau, mais il devient désormais incontournable. Et ce parce que plus de personnes accèdent au Web en utilisant ces «petits» écrans.
Cependant, il faut savoir que même si 60% des internautes utilisent leurs appareils mobiles pour surfer sur le web, combien de pourcentage le font pour gérer leurs réseaux sociaux ou simplement discuter avec des amis au contraire de faire des actions « sérieuses » telles qu’acheter en ligne ? Ce chiffre même élevé n’atteindra surement pas les 50% !
Quel que soit donc le chiffre, il est ESSENTIEL pour un site Web d’être adapté aux mobiles et cela va plus loin que de le faire s’adapter à l’écran plus petit. En effet, il est évidemment nécessaire de rendre votre site ergonomique et avec une navigation plus facile sur tous types d’écrans, mais également faciliter les interactions. Aujourd’hui, les internautes veulent l’information plus rapidement et de manière plus concise lorsqu’elles utilisent leurs appareils mobiles. La principale raison est qu’ils sont de plus en plus en dehors de chez eux, de plus en plus pressés, essayant de trouver de l’information ou acheter quelque chose.
Cela fait une grande différence dans la façon dont vous pensez et concevez un site Internet. Sans compter la façon de gérer le référencement. On pense alors au référencement local, à Google Voice, etc. Il y a donc aujourd’hui de l’art et de la science dans la conception de sites Web…
Si vous avez un projet de conception de site E-commerce, n’hésitez pas à nous contacter pour en parler. En attendant, vous pouvez consulter notre article sur la conception des sites E-commerce ci-dessous.
Jusqu’à il y a 5 ans, les entreprises ont conçu leur site Internet de vente en ligne en conservant à l’esprit l’expérience des sites web pour ordinateur de bureau. Pour répondre aux nouveaux besoins et habitudes d’utilisations des appareils mobiles, ces mêmes entreprises ont ensuite effectué des ajustements mineurs ou ont simplement créé un site responsive sans penser à l’expérience utilisateur.
Aujourd’hui, les entreprises qui conçoivent leurs premiers sites Internet E-commerce ou effectuent une refonte de leur site actuel, doivent d’abord concevoir l’expérience mobile, puis ajuster l’expérience aux ordinateurs de bureau. Chaque élément, chaque contenu, doit être fonctionnel sur mobile. Si vous redémarrez de zéro, pensez mobile !.
Pour vous aider à concevoir votre site e-commerce adapté pour les utilisateurs mobiles et ordinateur de bureau, nous recommandons que les entreprises incorporent les éléments de conception suivants dans leurs vitrines.
-
Menu principal fixe
Nous y sommes ! L’internaute a parcouru toute la page jusqu’en bas, a pu lire les descriptions et détails des produits, et il est maintenant prêt à quitter la page pour revenir au menu et continuer son parcours d’achats. Malheureusement, afin de revenir au menu, il a dû scoller jusqu’en haut de la page ou cliquer sur le bouton « home » de son clavier ou toucher le haut de l’écran de son appareil mobile.
Avec un menu fixe, lorsque l’internaute fera défiler vers le bas, le menu se redimensionnera gardant ainsi la navigation visible pour pouvoir sauter rapidement des pages. En dépit d’être à mi-parcours de la page, je peux toujours accéder à la navigation principale de la page sans avoir à revenir en haut de l’écran.
-
Menus Hamburger
Bien que le menu Hamburger ressemble à une fonctionnalité adaptée aux fast food, ils sont un must pour les entreprises qui font beaucoup d’affaires sur les appareils mobiles. Vous les avez déjà vus, les menus Hamburger sont devenus l’icône mobile standard pour la navigation et les menus.
Ils disposent de trois lignes horizontales qui, lorsqu’elles sont cliquées, offrent un menu déroulant de la navigation du site web. Les menus Hamburger sont particulièrement utiles sur les appareils mobiles. Mais nous commençons à les voir sur des sites Internet pour ordinateurs de bureau, de sorte que les consommateurs ont une expérience similaire sur les sites web de l’entreprise quel que soit le périphérique qu’ils utilisent. Beaucoup de gens voient des menus Hamburger et ils savent ce que cela signifie, mais ce n’est pas encore devenu une norme.
-
Scrolling Parallax
Voici une fonctionnalité pour améliorer l’esthétique de votre site Internet. Le Scrolling Parallax profite de grandes bannières et images « full size » et de haute résolution pour ajouter un style artistique à votre site. En profitant d’images larges et de qualité, vous pouvez créer un effet de déplacement entre l’image de fond de votre site Web et l’image directement proposer au consommateur. Mais il s’agit-là plutôt de web design que de fonctionnalité dédiée au e-commerce.
-
Scrolling Infini
Cet outil permet à vos utilisateurs de voir continuellement de nouveaux produits sans avoir à cliquer et à charger une nouvelle page.
Voici comment cela fonctionne. Lorsque vous faites défiler votre page vers le bas, la page charge automatiquement plus d’éléments. Ces nouveaux éléments sont toujours catalogués comme des pages sur le backend, mais le visiteur ne le sait pas.
-
Un bouton flottant « Ajouter au panier »
Similaire à l’outil de navigation fixe, les boutons flottants « Ajouter au panier » permettent à vos consommateurs d’ajouter des produits à leur panier, peu importe où ils se trouvent sur la page produit.
Auparavant, pour ajouter le produit à leur panier, les utilisateurs devaient faire défiler vers le haut de la page. Maintenant, les sites Internet permettent de voir le prix, la quantité, les options de couleur et l’image du produit ainsi que le bouton «Ajouter au panier», quel que soit l’endroit où vous vous trouvez sur la page produit.
