Nous classons nos produits sur la base de tests et de recherches rigoureux, mais nous tenons également compte de vos commentaires et des accords commerciaux conclus avec les fournisseurs. Cette page contient des liens d'affiliation. Information sur la publicité.
  1. Website Planet
  2. >
  3. Blog
  4. >
  5. Comment adapter votre site Web aux mobiles

Comment adapter votre site Web aux mobiles

Mark Holden Mark HoldenExpert en développement de site Web
Si vous aviez écouté les pronostics de David Platt, Seth Porges, Steve Ballmer et tant d’autres sceptiques il y a dix ans, vous n’auriez jamais cru à l’envolée du smartphone. Et quelle envolée !

Selon le TIME, l’ensemble des Américainsconsultent leurs smartphones à raison de 8 MILLIARDS de fois par jour. Pour un utilisateur moyen, cela équivaut à 80 fois par jour toutes les 12 minutesenviron au cours d’une journée normale.

Ce n’est pas seulement étonnant, c’est franchement ridicule. Mais en tant que propriétaire d’entreprise, cela vous révèle une précieuse information concernant votre clientèle potentielle, sans parler d’une manière ingénieuse d’optimiser votre site Web pour mieux répondre aux besoins de votre public. Et oui, nous faisons allusion à la création desites Web adaptés aux dispositifs mobiles, afin que votre site Web soit en tête des priorités de vos consommateurs lorsqu’ilsutilisent leurs dispositifs mobiles pour surfer sur le Web.

Voici certaines façons d’adapter votre site Web aux dispositifs mobiles afin que vos clients reviennentà maintes reprises.

En quelques chiffres

Avant toute chose, vous devez comprendre à quel point il est important d’avoir un site Web adapté aux mobiles pour votre entreprise. Ces statistiques récentes (telles que rapportées par OuterBox) devraient vous convaincre :
  • 62% des utilisateurs de smartphone ont utilisé leur téléphone pour réaliser des achats au cours des six derniers mois.
  • 80% des consommateurs ont utilisé leurs dispositifs mobiles pour comparer plusieurs boutiques, trouver d’autres adresses de magasins ou en savoir plus sur un produit.
  • Plus de 33% de l’intégralité des achats électroniques ont été réalisés sur un smartphone pendant les fêtes de fin d’année 2015.
  • 57% des utilisateurs ne recommanderaient pas une entreprise si son site Web mobile est de mauvaise qualité.
  • 61% des utilisateurs ne retourneraient pas sur un site Web s’ils se heurtaient à des difficultés d’utilisation avec leur dispositif mobile.
Je pourrais continuer, mais vous avez probablement déjà compris. Le commerce électronique mobile est la tendance du futur, et si vous ne montez pas à bord, vous serez probablement laissé sur la touche. Heureusement pour vous, vous trouverez ci-dessous quelques conseils professionnels pour vous aider à prendre le train du mobile en marche.

red computer1

Soyez réactif

Vos amis, proches et collègues de travail attendent de vous que vous soyez réactif. Eh bien c’est exactement la même chose pour les internautes, qui souhaitent également que les sites Web qu’ils visitent soient réactifs. Vous ne me suivez pas ? Je vais vous éclairer. Un site Web réactif (« responsive » en anglais) tient compte du type de dispositif que vous utilisez. Ilmodifiera automatiquement la taille, le format et la mise en page du contenu de votre site Web pour qu’il s’adapte à l’écran que vous regardez. Plutôt sympa ! Un design réactif garantit que les paramètres de taille de l’écran n’altèrent pas les principauxéléments de marketing, les icônes accrocheuses et les éléments soigneusement placés du design de votre site Web.

Songez à la vue d’ensemble

Nous sommes des créatures visuelles, et les images jouent un rôle majeur dans le design de sites Web. D’ailleurs, selon Hubspot, 37% des marketeurs ont cité le marketing visuel comme la forme de contenu la plus importante pour les entreprises, et 74% ont déclaré accorder la priorité aux images sur les articles de blog et le contenu vidéo. En d’autres termes, les images sont essentielles, alors assurez-vous que vos photos vendent vos produits. Utilisez uniquement des images haute résolution pour éviter le désagréable effet pixélisé.

Évitez le zoom

Vous détestez atterrir sur une page Web et trouver un texte flouimpossible à lire, même en plissant les yeux comme votre grand-mère ?Vous n’êtes pas le seul, et c’est la raison pour laquelle vous devez l’éviter à tout prix lors du design de votre site Web adapté mobiles. Choisissez plutôt une taille et un style de police facilement lisibles sur ces périphériques. Les experts recommandent environ 14px pour le texte, et 44px par 44px pour les boutons.

mobile_frendly1

Trouvez un créateur de sites Web qui propose des options mobiles

Vous faites tout à la fois ? Si vous êtes débordé entre le marketing, l’inventaire, la gestion de la relation client (CRM), le designde sites Web, les relations publiques et l’optimisation mobile, il est temps d’obtenir de l’aide. Cherchez un créateur de sites Web de qualité dont les forfaits comprennent également des options adaptées mobiles. D’ailleurs, ce n’est pas difficile : les meilleurs services de création de sites Web offrent une optimisation mobile intégrée. Voici quelques recommandations de créateurs de sites Web :
  • Wix: Wix propose un formidable éditeur mobile qui vous permet de modifier instantanément des éléments de design pour les dispositifs mobiles.
  • SimpleSite: Ce créateur de site Web vous permet de créer des sites de blog réactifs pour qu’ils soient adaptés mobiles.
  • Site123: Site123 propose des modèles entièrement réactif, un mode d’aperçu mobile et la possibilité de modifier votre texte, vos images et votre contenu sans avoir besoin d’un éditeur séparé.
  • Wordpress : Les applications et plugins disponibles via WordPress pour créer un fantastique site Web mobile sont infinies.
  • Weebly: Weebly comprend un créateur de site Web mobile complet, des modèles réactifs et un designer drag-and-drop simplepour obtenir de superbes designs mobiles en quelques minutes.

Proposez des options

Certes, votre site doit être optimisé pour le mobile. Mais cela ne signifie pasque vous devez complètement éliminer l’option d’affichage du bureau. En effet, même si la plupart des gens préfèrent un site Web actualisé et adapté pour lesdispositifs mobiles, de nombreux consommateurs préfèrent la bonne vieille version de bureau. Pour ces derniers, il vous suffit d’inclure un simple lien qui les redirige vers le site Web complet ou vers la version de bureau.Ainsi, ils peuvent choisir entre la version mobile et la version de bureau. Et qui n’aime pas avoir le choix ?

Oubliez Flash

En un mot, Flash est obsolète. Il prend du temps à charger, il n’est pas pris en charge par les dispositifs Android ou iOS, et de nombreux navigateurs ne fonctionnent pas correctement avec Flash.Conclusion : oubliez-le.

Testez, testez,testez

Les tests sont le meilleur moyen de voir les choses du point de vue de vos utilisateurs. De temps en temps, chargez votre site Web sur différents dispositifs mobiles pour voir exactement ce que voient vos consommateurs. Si vous remarquez un problème, remédiez-y !

Il est temps de mobiliser vos forces avec des designs adaptés mobile

Le commerce électronique est devenu mobile, et il ne risque pas de faire marche arrière. Vous devrez donc vous y mettre si vous souhaitez que votre entreprise soit encore là dans quelques années. La bonne nouvelle est qu’il est relativement simple de créer un superbe designde site Web réactif qui tient également compte des visiteurs mobiles.


TIME: http://time.com/4147614/smartphone-usage-us-2015/

OuterBox: https://www.outerboxdesign.com/web-design-articles/mobile-ecommerce-statistics

Hubspot: https://blog.hubspot.com/marketing/visual-content-marketing-strategy


IMAGES

Responsive Website: https://clicktecs.com/responsive-website-design/

Mobile Friendly Website: https://www.wix.com/blog/photography/2017/03/20/how-to-make-your-photography-website-mobile-friendly/

Évaluez cet article
5.0 Évalué par 2 utilisateurs
Vous avez déjà voté ! Annuler
Ce champ est requis Maximal length of comment is equal 80000 chars La longueur minimale du commentaire est de 10 caractères
Avez-vous des commentaires ?
1 comments
Répondre
Afficher %s réponses
View %s reply
avatar
Isidore WASUNGU
Répondre
J.étais à mon premier site web pour commerce. Quand j'ai envoyé fièrement le site à ma partenaire d'affaires, je croyais l'émerveiller mais ce ne fut pas le cas. Sur son smartphone tant de choses étaient déformées. C'est alors j'ai fouillé et tomber sur votre texte qui m'a ouvert les yeux. Je vais pouvoir maintenant m'atteler à rendre ce site aussi de qualité sur mobile que sur mon ordinateur. Merci!
Répondre
Lire d'autres avis
Articles similaires
Voir plus d'articles similaires
Nous vérifions tous les commentaires des utilisateurs sous 48 heures pour nous assurer qu'ils proviennent de " vraies " personnes comme vous. Nous sommes ravis que cet article vous ait semblé intéressant. Nous vous serions reconnaissants de le partager !
Popup final window
Partagez cet article avec vos amis et collègues dès maintenant :

We check all comments within 48 hours to make sure they're from real users like you. In the meantime, you can share your comment with others to let more people know what you think.

Une fois par mois, vous recevrez des conseils et des astuces intéressantes et utiles pour améliorer les performances de votre site web et atteindre vos objectifs de marketing numérique !

Ravis qu'ils vous it plu !

Partagez-le avec vos amis

Ou notez-nous sur

202448
50
5000
85061
Créateur de sites numéro 1image

Créez votre propre site gratuitement

Parcourez 900+ modèles entièrement personnalisables