Le mobile first: une nouvelle façon de concevoir un site
- par mobile motion
- •
- 08 juil., 2018
Optimiser votre site avec la notion de Mobile First

Les études le montrent clairement : aujourd’hui, la majorité de la navigation des sites s’effectue sur mobile ou sur tablette ! Du coup, c’est toute la façon de penser un portail qui est amenée à changer. Plus loin que le choix du responsive design, on parle maintenant de Design Mobile First.
Les Internautes lisent plus souvent sur mobiles
Selon le baromètre trimestriel de Mobile Marketing, près de 60 % des contenus sont consultés sur un support mobile. Pour répondre à cette problématique, le responsive design s’imposait comme une première solution en permettant aux différents sites de s’adapter en fonction du mode d’affichage de l’Internaute. Certes, mais il faut bien avouer que cet « adaptateur » n’offre pas pour autant une visibilité optimale. Pour cela, il convient de changer sa façon de penser un graphisme en partant, dès le début, du plus petit écran.
Ne plus adapter son site avec le Mobile First
Il est en effet pénalisant, donc à prohiber, de moduler les contenus et de les redimensionner pour les adapter aux écrans les plus restreints. Pour éviter ces étapes, il faut alors opter pour une version initiale déjà conçue pour une lecture mobile, puis d’adapter le tout aux autres supports avec différentes fonctionnalités et des enrichissements pour des écrans plus grands. Il faut donc arrêter de réfléchir comme un développeur et bel et bien se mettre à la place de l’internaute et de son confort d’utilisation.
Bien penser son design pour les petits écrans
Si le texte reste l’un des éléments prépondérants, il ne faut pas perdre de vue que le design doit être allégé pour fluidifier la lecture. Par exemple, le choix d’une police n’est pas quelque chose d’anodin. Ainsi, la lisibilité est nettement moins bonne en dessous de 16 pixels. Conclusion : ne vous lancez pas dans des effets de styles qui pourraient au final fortement vous pénaliser. De même, la navigation doit tout autant être simplifiée ! Petit conseil, en Mobile First, les actions principales sont placées au milieu ou en bas de l’écran, et de gauche à droite. Vous l’avez compris, cette nouvelle façon d’imaginer un site est loin d’être anodine, mais est en revanche l’assurance d’un meilleur « churn » à l’époque où surfer sur des supports mobiles est devenu un enjeu de taille pour l’ensemble des acteurs de la toile.

Voici quelques raisons pour lesquelles vous utilisez Google Analytics pour mieux connaître votre site web et vos visiteurs.


En un sens, c’est plutôt une bonne chose, dans la mesure où on ne souhaite pas nécessairement qu’un site internet connaisse notre nom, notre date de naissance ou notre couleur préférée.
D’un autre côté, il pourrait être agréable qu’un site internet puisse déterminer l’heure à laquelle on se connecte, sa position géographique et l’appareil qu’on utilise, et ce afin de personnaliser au mieux le contenu du site.
C’est là qu’entre en jeu la personnalisation d’un site internet. Il s’agit de la capacité, pour un site internet, d’identifier les visiteurs en fonctions de certains critères et d’ajuster le contenu auquel ces visiteurs auront accès.

Si vous êtes un hôtelier ou un restaurateur et que vous n’avez pas de site adapté au mobile, vous vous privez d’ores et déjà de l’un des outils les plus puissants pour vous apporter de la clientèle.
Voici 9 raisons pour lesquelles votre restaurant et votre hôtel ont besoin d’un site mobile.
1. Avoir un site mobile vous permet de récupérer les clients à proximité qui pourront plus facilement vous trouver lorsqu’ils lanceront une recherche de restaurant/hôtel à partir de leur téléphone.
2. Plus de 70% des consommateurs sont susceptibles de ne pas choisir un restaurant dont ils ne pourront pas lire le menu sur leur téléphone, ou un hôtel dont ils ne pourront pas voir de photos des chambres. Il faut ainsi faciliter au maximum l’expérience utilisateur. Cela passe par un site adapté aux mobiles, qui évite la tâche fastidieuse de devoir zoomer en pinçant l’écran pour parvenir à lire le contenu d’un site, et qui fait fuir l’internaute à coup sûr !
3. 75% des clients choisissent un hôtel à partir des résultats de recherche. Avoir un site mobile est dès lors essentiel pour optimiser les chances d’un établissement d’être trouvé sur Google, compte tenu notamment de la sanction attachée par le moteur de recherche aux sites non mobiles.
4. Avoir un site mobile permet de porter facilement et immédiatement à la connaissance des internautes des informations telles que les offres spéciales, les spécialités, les Happy Hours, etc. Certains restaurants ont d’ailleurs simplement des fichiers PDF pour leur menu, rendant leur lecture difficile sur mobile, alors qu’une présentation claire sur mobile est essentielle pour donner envie au visiteur du site de se rendre à un établissement.
5. La réservation en ligne doit pouvoir se faire simplement en cliquant sur un bouton. L’un des moyens les plus sûrs de s’assurer qu’un client vienne bien dans son établissement est encore de lui permettre de faire une réservation en ligne.
6. Fonctionnalité Click-to-Call – le moyen le plus simple pour les clients de contacter instantanément un établissement. Des études ont démontré que le nombre d’appels augmentait de plus de 30% lorsqu’un site disposait d’un bouton de composition automatique du numéro.
7. De la même manière, avoir un bouton qui permet, lorsqu’on clique dessus, d’amener directement les clients à son établissement, permet de rendre plus facile l’arrivée de clients à proximité qui recherchent un hôtel ou un restaurant.
8. Les heures d’ouverture et de fermeture sont clairement affichées.
9. Intégrer en temps réel des informations provenant de sites tels que Tripadvisor permet de montrer à de futurs clients à quels points votre établissement présente un haut degré de satisfaction client.
