100 points à savoir sur…
Développement Web éco-conçu

Comme nous l'avons appris dans la leçon précédente, concevoir pour le mobile d'abord signifie ajouter uniquement les caractéristiques de conception et de contenu qui sont essentielles pour votre site Web. La mise en œuvre de cette stratégie facilite non seulement l'adaptation ultérieure du contenu à des appareils plus grands, mais elle est également plus durable.

Le raisonnement derrière tout cela est simple :

• N'ajouter que les fonctionnalités essentielles à votre site Web signifie éviter les fonctionnalités "encombrantes" (telles que les carrousels d'images, les barres de navigation encombrées, les extensions de médias sociaux et autres).
• En supprimant les fonctionnalités qui ne sont pas essentielles, les sites Web auront moins de contenu à charger et seront donc plus rapides.
• Les sites Web qui se chargent plus rapidement utilisent moins de bande passante et économisent plus d'énergie.

Vous ne pouvez pas obtenir le même effet en concevant d'abord le site pour les ordinateurs, puis en essayant de le réduire pour l'adapter aux appareils mobiles. En effet, la conception pour ordinateurs s'adresse à des écrans de plus grande taille et est donc plus riche en contenu. Essayer de faire tenir tout ce contenu sur un téléphone mobile augmentera le chargement de contenu inutile.

Par conséquent, pour privilégier la durabilité du web, vous devez commencer à concevoir la version mobile de votre site web, puis ajouter progressivement des éléments pour un écran plus grand.

Mais comment être sûr que le "mobile-first" est la voie la plus propice à une conception plus durable ? Le soutien de Google à cette stratégie de conception est un bon indice ! Non seulement le géant de la technologie encourage la conception "mobile-first", mais il a également élaboré des critères pour sa définition.

D'après Google, un site Web "mobile-first" :

• n'utilise pas de logiciels que l'on ne trouve pas habituellement sur les téléphones (comme Flash),
• utilise du texte que les utilisateurs peuvent lire sans avoir à zoomer,
• ajuste automatiquement le contenu du site Web afin que les utilisateurs n'aient pas à faire pivoter leur écran ou à effectuer un zoom avant,
• place les liens à une distance suffisante les uns des autres pour que les utilisateurs puissent facilement cliquer sur le bon lien.

La politique "mobile-first" de Google a même permis aux sites adaptés aux mobiles d'être mieux classés dans les moteurs de recherche et de pénaliser ceux qui ne sont pas conçus pour le mobile-first. Une telle approche a poussé les concepteurs à prendre davantage en considération cette approche.