La création du premier ordinateur mais surtout l’arrivée d’internet a marqué les dernières années de notre société. Dorénavant une majorité de personnes a accès à une connexion internet et celles-ci ont généralement, une utilisation journalière de cette dernière. Cette première évolution liée au monde de l’informatique est aujourd’hui rattrapée et même dépassée par une seconde révolution de notre ère, je veux bien entendu parler du smartphone. En effet, l’accès au Web se fait depuis peu, en majorité, en dehors de l’utilisation d’un ordinateur : en 2015, en France plus de 50% des connexions internet sont réalisées via des smartphones ou des tablettes, l’ordinateur est dépassé.
L’Adaptation du Monde du Web aux avancées technologiques
Internet s’est développé peu de temps après la démocratisation des ordinateurs et était au départ associé à ces derniers. Les sites Web étaient alors consultés uniquement sur ordinateur, et les tailles d’ordinateur étant globalement les mêmes aucune n’adaptation n’était requise, c’était l’époque des sites fixes. Avec l’arrivée et la percée des smartphones et des tablettes dans l’univers du numérique, le Web a dû rapidement s’adapter pour suivre et répondre aux exigences des utilisateurs. Cette adaptation ne s’est pas faite sans coût ni par le biais d’une seule technique.
L’application ou site dédié VS Le Responsive Web Design
Parmi les méthodes d’adaptation certaines se distinguent des autres de par leur popularité. La première et celle de l’application native ou du site dédié. Elle consiste comme son nom l’indique (en plus du site originel) de créer une application native ou un site Web qui sera dédiée à l’utilisation via un smartphone, le design et les fonctionnalités sont donc toutes pensées en ce sens. La seconde, consiste quant à elle à revoir l’ensemble du design du site originel afin qu’il puisse s’adapter aux différentes tailles d’écrans et donc intrinsèquement aux différents types d’appareils utilisés. Ces deux techniques ont un coût, pour ce qui est de la technique du Responsive Web Design, il est en général, dans le cas d’un site originel statique, plus intéressant de repartir d’une base vierge tout en gardant l’esprit et l’architecture général du site. Les coûts immédiats peuvent donc être plus importants pour la seconde méthode cependant sur la durée, la maintenance et la gestion de deux entités distinctes est plus lourdes tandis que le Responsive Design permet d’assurer la même information quelque que soit l’appareil utilisé.
Une simple marche à suivre ? Vous l’aurez donc compris le Responsive Web Design est une simple technique d’adaptation. Elle est aujourd’hui incontournable dans tout projet Web cependant même si la définition générale peut paraitre simple, elle n’est pas pour autant aisée et toute tracée. Dans cette grande idée qu’est le Responsive Web Design il existe plusieurs types de méthodes qui se distinguent, il est également possible d’utiliser une multitude d’outils et de langages pour arriver à ses fins. Le monde du numérique et particulièrement le Web sont en constante évolutions, les outils et les langages étant les premiers à changer. Les techniques, elles ont tendance à rester malgré les autres changements.
La technique du Mobile-first
La technique du mobile first est en fait une sorte d’état d’esprit à aborder pour la création d’un site Web Responsive. Elle consiste à éradiquer cette vision dépassée et erronée selon laquelle un site Web est d’abord lié à une vision ordinatrice. En effet, à cause de l’histoire, lors de la création d’un site Web on a tendance à avoir une vision principale du modèle Desktop (écran d’ordinateur). En prenant ce format comme référence, on part donc du plus gros format pour arriver au plus petit c’est-à-dire celui du Smartphone. Cette façon d’opérer engendre des opérations qui consistent à cacher voir à détruire certains éléments de l’affichage de référence pour apporter une expérience de navigation optimale sur les appareils plus restreints en termes de tail le. D’une part, comme nous avons pu le dire auparavant, l’utilisation d’internet est maintenant dominé par les appareils de types smartphones et tablettes. Pourquoi ne donc pas les prendre comme affichage de référence ? D’autre part, partir avec comme modèle de base l’affichage smartphone qui est celui le plus épuré permet de ne pas cacher ou détruire les éléments mais plutôt de les afficher ou les créer, plus les dimensions de l’écran augment et donc de l’appareil utilisé tend vers l’écran d’ordinateur.
Vivre avec son temps : Suivre les évolutions
Il faut savoir « vivre avec son temps », cette phrase sonne d’autant plus vrai dans le monde du numérique, en constante évolution. Dans le secteur de l’informatique et du Web, une des qualités primordiale est la veille technologique, se tenir au courant des derniers langages et outils à la mode. Le plus important reste de s’adapter à l’évolution de l’utilisateur final. Le mobile étant devenu la première source de connexion internet, la technique de Mobile-first est donc au goût du jour!
Fabien Fernandez