Share
Avec les progrès continuellement concurrentiels de la technologie des téléphones mobiles et des tablettes, les concepteurs de sites Web de commerce électronique sont confrontés à des défis en constante évolution. Bien que le progrès technologique dans ce domaine soit populaire auprès des consommateurs et offre constamment aux propriétaires d’entreprises de nouvelles possibilités d’atteindre des clients dans des scénarios et des lieux de plus en plus variés, il peut certainement fournir aux concepteurs de sites Web des obstacles intéressants. Dans cet article, nous allons aborder certains de ces obstacles. Je détaillerai quelques-unes des étapes les plus importantes à prendre en compte lors de la préparation d’un site de commerce électronique pour l’accès mobile et vous conseillerai en fonction de mon expérience..
La demande de sites de commerce électronique accessibles par mobile est forte, mais il convient de noter que la façon dont les consommateurs effectuent leurs achats sur des appareils mobiles diffère de la manière dont ils pourraient faire leurs achats dans le confort de leur ordinateur. On s'attend à pouvoir accéder aux mêmes sites, mais de manière à ce que cela soit simplifié de manière appropriée pour le petit écran..
Le comportement d'achat des consommateurs sur les appareils mobiles diffère considérablement de celui observé avec des appareils statiques plus grands. Dans une enquête publiée par Adobe, il a été souligné que les acheteurs de tablettes sont deux fois plus probable effectuer un achat en tant que consommateur de smartphone, en démontrant la manière dont l’outil en question influence l’activité du consommateur. Pour en savoir plus sur cette tendance, consultez cette étude sur les achats sur tablette (vous pouvez télécharger ici l'étude Adobe Digital Marketing Insights de 2012)..
Cela dit, il est important de maintenir un équilibre en matière d'accessibilité. Alors que l’accès aux tablettes est évidemment lucratif et que les utilisateurs mobiles plus riches (à leur tour, les consommateurs plus riches) pourraient s’appuyer sur l’iPhone, le site devrait être conçu pour fonctionner aussi bien sur toutes les plateformes mobiles. Bien que cette différence de comportement persiste probablement entre les utilisateurs d’appareils grand et petit, les concepteurs de sites Web peuvent s’y attaquer dans la mesure du possible en prenant en compte d’autres problèmes qui affectent les différences de comportement et en facilitant au maximum les achats des consommateurs via le mobile. site.
Qu'il s'agisse d'un site Web réactif ou d'une solution mobile spécifique, il est essentiel de veiller à ce que les fonctionnalités les plus importantes soient transférées et que le contenu du site mobile soit priorisé pour sa facilité d'utilisation. Ces fonctionnalités devraient inclure:
Le site Web de Toys R Us, tout comme ASOS, est un excellent exemple de site de commerce électronique mobile. les deux sont particulièrement clairs pour naviguer et logiquement disposés.
Si vous trouvez un site particulièrement agréable à utiliser sur un appareil mobile, réfléchissez aux raisons pour lesquelles et aux éléments qui le rendent compatible avec les appareils mobiles. - les bons sites ont souvent beaucoup en commun.
Le choix des éléments pertinents pour les ordinateurs de bureau et les appareils mobiles est un élément essentiel du processus. L'astuce consiste à hiérarchiser; commandez vos liens de manière logique et assurez-vous que les fonctionnalités fonctionnent aussi bien pour les utilisateurs mobiles que pour les utilisateurs de bureau. Les éléments les plus importants pour un site de commerce électronique sont les suivants:
Il s’ensuit que ces éléments doivent toujours figurer en haut de l’écran. La part sociale et les liens vers les produits associés sont moins importants. Par conséquent, le site devrait bien entendu encourager ces derniers., il est essentiel de rester concentré sur le produit.
L'utilisation de points d'ancrage dans une page est l'un des moyens de gérer la navigation du client. avoir une petite sélection de liens sous le bouton «Ajouter au panier» (tels que «description», «informations de livraison», «produits connexes») qui, lorsque vous appuyez sur cette touche, glissent automatiquement vers la partie correspondante de l'écran, vous facilitent la tâche. et efficace pour les utilisateurs de se renseigner sur le produit avant l’achat. Avoir un bouton 'haut de page' constamment présent est indispensable.
Je recommande fortement de créer des sites Web de commerce électronique à l'aide du cadre Twitter Bootstrap. C'est simple, facile à utiliser et facilite la mise à l'échelle entre des écrans plus grands et plus petits sans problème. Cela vient avec HTML, CSS et JS pour de nombreuses utilisations, fournissant divers éléments d’interface comprenant des groupes de boutons, des listes déroulantes de boutons, des vignettes, des alertes, des barres de progression et bien d’autres choses encore. Ils offrent également de bons conseils pour tout mettre en ordre, ainsi que des modèles suggérés et des encouragements à "parcourir les [exemples]". Cela vous aide à rendre votre site unique, mais grâce aux conseils initiaux fournis par le cadre.
Opendesk est construit sur Twitter BoostrapL'utilisation d'un tel cadre contribue également à un autre aspect important du commerce électronique pour mobile: optimisation des performances. Des outils tels que Twitter Bootstrap peuvent aider à utiliser CSS au lieu d'images, dans la mesure du possible, ce qui facilite l'optimisation des performances. Si un dégradé est nécessaire, utilisez CSS plutôt qu'une tranche d'image. Toutes les images peuvent être optimisées en s'assurant que la taille du fichier est aussi petite que possible sans compromettre inutilement la qualité. Les fichiers Javascript et CSS doivent être minifiés et, plus important encore, pour éviter que les fichiers Javascript indésirables ne soient pas appelés lorsqu'ils sont chargés sur un appareil mobile. Par exemple, s'il y a un carrousel sur la page d'accueil et un plug-in Javascript "cliquer pour zoomer" sur les pages du produit, assurez-vous qu'ils ne sont pas chargés lors de l'accès au site à partir d'un appareil mobile. Toutes ces vérifications aident le site à fonctionner aussi efficacement que possible pour les utilisateurs mobiles.
En raison de la manière dont nous utilisons nos téléphones mobiles pour les réseaux sociaux, il est probable que les clients consultant un site à partir de leurs téléphones mobiles soient déjà connectés à leurs comptes Twitter et Facebook. Il est important que votre site de commerce électronique soit conçu pour rendre le partage d'articles avec vos amis et vos abonnés via ces outils aussi simple et rapide que possible. Après tout, il s'agit d'une publicité gratuite. Par conséquent, tout ce qui peut être fait pour l'encourager ne peut être que bénéfique pour les entreprises.!
Etsy place les liens de partage social en évidence sous chaque produitEncore une fois, la nature des habitudes de navigation mobile signifie que les consommateurs seront probablement plus limités dans le temps que devant un ordinateur et seront beaucoup moins enclins à se lancer dans un processus compliqué (cela concerne tous les aspects du site de commerce électronique mobile. , pas simplement les réseaux sociaux). Par conséquent, il est en notre faveur de veiller à ce que tout ce qui est proposé sur un site de commerce électronique puisse être exécuté rapidement et facilement à partir d'un appareil mobile..
Les liens de réseautage social sont aussi importants que tout autre élément. Après tout, ils peuvent souvent se traduire directement par une augmentation du trafic sur les sites Web et des ventes en ligne. Les liens faciles à copier, les boutons "du type" de Facebook et les boutons "de suivi" de Twitter doivent être accessibles et simples. De la même manière que le site doit être simplifié pour le mobile, les attentes de l'utilisateur du mobile le sont également; personne ne veut jouer avec un nombre infini d'écrans multiples sur un téléphone portable - voir ci-dessous notre structure de paiement recommandée pour un exemple de ce que nous voulons dire. Si vous réfléchissez au type de situation dans laquelle l’accès Internet mobile est le plus souvent utilisé (déplacements, attendre un ami, attendre un train), il est important de noter l’état d’esprit qui accompagne ces activités. Le consommateur mobile est naturellement plus agité que le client statique. Les clients abandonnent souvent un site mobile s'ils doivent faire face à une expérience frustrante à distance. Tout ce qui concerne le shopping mobile est ramené à l’essentiel, à savoir que si cela est compliqué à faire, il est fort probable que le consommateur ne le fasse pas. Consultez ici le Nielsen Social Media Report 2012 pour des informations très utiles sur le comportement des consommateurs via les réseaux sociaux..
Étant donné que le processus de commande nécessite de nombreux champs de texte, il peut s’avérer l’une des parties les plus difficiles d’un site de commerce électronique. Le processus doit être bien structuré et facile à suivre sur un appareil mobile. Je conseillerais de concevoir le panier en plusieurs sections comme suit:
Lors de la conception du processus de commande, une structure en accordéon est une excellente approche. Cela donne à l'utilisateur une vue claire du processus et conserve toutes les informations pertinentes sur un seul écran. Encore une fois, les sites Web Toys R Us et ASOS sont de bons exemples de paniers d'achat faciles à utiliser sur les appareils mobiles..
Là où je travaille, nous développons tous nos projets de commerce électronique à l’aide de notre propre système que nous avons construit nous-mêmes afin de le rendre aussi rapide, fiable et flexible que possible. Si vous êtes un développeur Web et que vous avez le temps, nous vous recommandons vivement d’investir ce temps dans le développement de votre propre système.,car cela vous permet de l’adapter à vos besoins précis. Cependant, ne sous-estimez pas à quel point cela peut être complexe et complexe! Pour les individus, cela n’a souvent aucun sens du point de vue du retour sur investissement et peut entraîner de nouvelles complications lorsque le développement et le soutien doivent continuer. Si vous cherchez plutôt une solution "sur étagère", nous vous recommandons Magento ou Shopify, selon vos besoins. Woocommerce gagne également rapidement en popularité en raison de son intégration familière à la plate-forme Wordpress.
Répartition du type de technologie de panier d'achat utilisée dans le monde (mars 2014) sourceMagento est une plateforme open source téléchargeable et personnalisable. L'inconvénient de cette option est qu'elle est volumineuse et peut être lente. Par conséquent, si vous utilisez cette plate-forme, les points ci-dessus sur l'optimisation des performances seront particulièrement pertinents..
Shopify est une solution hébergée simple et rapide à utiliser. De nouveaux plugins et mises à jour sont constamment publiés et, par conséquent, il est facile de trouver des plugins qui contribueront à accélérer votre site de commerce électronique pour les appareils mobiles. Jetez un coup d’œil à la récente série Découvrez comment construire des thèmes pour Shopify pour en savoir plus.
Cela vaut la peine de «faire les magasins» un peu vous-même; visitez différents sites de commerce électronique à partir d'un appareil mobile et notez ceux qui sont bons et, surtout, ceux qui sont mauvais. Les sites qui ont fière allure à partir d’un écran de bureau ne se traduisent pas toujours bien sur les appareils mobiles. Prenez note des mauvaises choses autant que des choses que vous trouvez utiles, pour éviter de commettre les mêmes erreurs..
Rappelles toi; rester simple. Plus les étapes sont claires et plus le processus d’achat est transparent, mieux on.Les consommateurs mobiles attendent une expérience simple et rapide. le shopping depuis un mobile est par nature un état d'esprit autant qu'un choix d'appareil. Surtout, aidez vos clients à dépenser leur argent avec vous,plutôt qu'avec quelqu'un d'autre dont le site se trouve être mieux structuré.
Accentsconagua