Mobile First
C’est en 2017 que Google annonçait que les recherches effectués sur téléphones mobiles dépassaient les requêtes sur ordinateur de bureau. Le concept Mobile First est devenu en 2019 un concept incontournable qui doit, selon votre domaine d’activité être intégré à votre projet.
De nombreux sites Web reçoivent des tonnes de visiteurs à partir d’appareils mobiles. Cela conduit à la question de savoir si le design d’un site internet est suffisamment optimisé pour des tailles d’écran tels que les appareils mobiles actuels.
Si le mobile est votre principale source de visiteurs, il peut vraiment être utile de concevoir et construire votre site internet dans une perspective mobile plutôt que pour un ordinateur de bureau.
Le mobile first c’est quoi?
Mobile first désigne une stratégie d’entreprise qui consiste à mettre en priorité les utilisateurs d’appareils mobiles. Cette priorité est essentielle pour certains contenu ou la très grande majorité des clients potentiels consultent votre site via un smartphone ou, dans un moindre degré, une tablette et cela au « détriment » du PC classique de bureau.
Le concept
Le concept de Mobile First va au-delà du classique Responsive Web Design. Si le Responsive web design permet un adaptation quasi automatique du contenu conçu pour ordinateur de bureau, les pages d’un site web Mobile First sont tout d’abord créées pour les smartphones et les tablettes puis évoluent ensuite progressivement pour s’adapter aux ordinateurs.
Quelle différence entre l’approche traditionnelle et mobile first ?
En règle générale, la conception d’un site web « classique » commence par la création d’une version pour ordinateur de bureau. Le design est donc avant tout pensé desktop puis, lorsque celui-ci est créé on passe à la version mobile. Dans la grande majorité des cas le site s’adapte automatiquement à tous les supports. L’espace disponible sur mobile correspond en général au principal problème auquel l’on est confronté. Les éléments sont donc empilés les un sous les autres grâce à quelques règles CSS (Cascading Style Sheets).
Le plus célèbre exemple du mobile first est sans aucun doute Instagram qui à l’origine n’a été conçue que pour les appareils mobiles.