Définition
mobile first
”Mobile First est un concept de Webdesign optimisé pour le mobile qui va au-delà du Responsive Webdesign. Il consiste à concevoir un site en mettant la priorité sur la version mobile et en adaptant progressivement le design pour les écrans plus large.
Pourquoi opter pour un site "mobile first" ?
pourquoi ?
Si on écoute les statistiques, 70% des internautes naviguent sur leur mobile et non sur un écran de PC. Si tu veux que ton site soit vu et compris par le plus grand nombre, il faut donc qu’il soit adapté à tous les écrans mais en priorité aux téléphones qui ont un écran vertical beaucoup plus petit qu’un PC !
01
comment ?
Lorsque tu travailles sur le design de ton site, penses toujours à l’utilisation mobile en premier et si un élément n’est pas accessible ou pose des soucis de navigation sur mobile, retire-le ou modifie-le !
Un conseil : teste toujours ton site sur tous les écrans avant de le mettre en ligne : PC, MAC, tablette, Android, Iphone… Même si la taille d’écran paraît la même, l’affichage peut être différent en fonction du modèle d’appareil ou du navigateur utilisé.
02
répercussions
Si ton site n’est pas bien optimisé sur mobile, les risques sont :
– l’internaute va quitter le site car il sera trop difficile à utiliser
– tes informations ne seront pas bien comprises par l’internaute
– tu seras pénalisé par les robots Google et ton site perdras sa force de référencement naturel
03
erreurs courantes
L’utilisateur doit scroller horizontalement pour voir la totalité de ton site
Les images ou vidéos sont coupés maladroitement
Le texte est trop petit ou trop grand et donc illisible
Le menu est difficile d’utilisation (préférer le menu burger sur mobile)
Les éléments graphiques se chevauchent ou se confrontent
04
Comment savoir si mon site est optimisé pour mobile ?
Ton site a ce genre de soucis ? Je propose un audit de site internet s’il est sous wordpress et je pourrais te donner les améliorations à mettre en place et comment faire !