Pour arriver à une telle efficacité, les designers web ont pensé que le mieux était dorénavant de concevoir les sites dès le départ selon les contraintes des portables. Ainsi est né le mobile first design.

 

Site mobile first et site responsive: quelle différence?

Un site mobile first est un site qui est conçu d'emblée pour une utilisation optimale sur smartphones. Toute la conception, la programmation, les tests sont effectués à partir de la version mobile. C'est seulement ensuite que le site est adapté pour être utilisé également avec les écrans larges d'ordinateurs. La version ordinateur peut recevoir aussi des fonctionnalités et des enrichissements supplémentaires spécifiques sans que cela nuise à la version mobile.

Un site responsive est lisible également sur ordinateur et sur mobile, mais sa conception est différente. En fait, c'est un site qui a fait le "chemin inverse". Conçu au départ pour être consulté sur ordinateur, il a ensuite été modifié pour être adapté aux smartphones. C'est moins pertinent car il est plus difficile de passer d'une version avec moins de contraintes (un grand écran par exemple) à une version avec plus de contraintes (un écran très petit). Et l'expérience montre que c'est parfois moins efficace…