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

Lorsque nous pensons à la conception web durable, il est facile de passer à côté d'une solution qui est à portée de main : nos téléphones portables. La conception pour les téléphones mobiles est une pratique qui a gagné en popularité en partie grâce à la prévalence de l'utilisation des téléphones mobiles aujourd'hui, mais aussi grâce à la commodité et à l'adaptabilité de ces appareils.

Regardez la courte vidéo ci-dessous pour découvrir la portée, l'histoire et l'importance de la conception mobile-first.

Conception "mobile-first" : Qu'est-ce que c'est et comment s'est-elle développée dans la conception web ? (2:05)

Transcription de la vidéo :

La conception mobile d'abord
Qu'est-ce que c'est et comment cela s'est-il développé dans la conception de sites Web ?

---NOUVELLE DIAPOSITIVE
La conception mobile-first est une approche de conception dans laquelle l'expérience en ligne est développée pour le mobile avant d'être conçue pour les ordinateurs ou tout autre appareil.

Les utilisateurs de mobiles ont dépassé les utilisateurs d'ordinateurs en 2016. 51 % de la population utilise l'internet uniquement depuis son smartphone. D'ici 2025, ce chiffre devrait bondir à 72,5 %.

---NOUVELLE DIAPOSITIVE---
L'utilisation du mobile ne se développe pas seulement parce que les appareils s'améliorent.
Ils sont aussi de moins en moins chers.
Ceux qui n'ont pas les moyens d'acheter un ordinateur peuvent désormais se connecter à l'aide d'appareils mobiles et de plans de données peu coûteux.
La conception "mobile-first" peut non seulement ouvrir de nouvelles opportunités de croissance, mais aussi améliorer l'expérience globale de l'utilisateur d'un site web ou d'une application.
Luke Wroblewski
Directeur de produit chez Google, à l'origine du terme ""mobile-first"".

---NOUVELLE DIAPOSITIVE---
L'évolution de la conception "mobile-first"
Première partie : Dégradation progressive (Desktop-First)

Avant l'apparition des mobiles et des tablettes, les sites Web étaient développés uniquement pour les ordinateurs.
Lorsque l'utilisation d'autres appareils a augmenté, les développeurs ont commencé à modifier leurs conceptions réservées aux ordinateurs pour les adapter aux mobiles et aux tablettes.
Les conceptions modifiées ont dû réduire les fonctions et le contenu de la version pour ordinateur plus avancée afin de s'adapter aux appareils plus petits.

--NOUVELLE DIAPOSITIVE---
L'évolution de la conception " mobile-first"
Première partie : Dégradation progressive (Desktop-First)

Cette approche consistant à créer des sites Web entièrement fonctionnels pour les ordinateurs et à les déclasser pour les adapter à d'autres appareils est appelée dégradation progressive ou approche "Desktop-First".

Quel est l'inconvénient ?

De nombreux éléments Web ne s'adaptent pas bien aux écrans de petite taille. Le résultat est un site Web dont l'apparence est moins attrayante sur les petits appareils.

---NOUVELLE DIAPOSITIVE---
La solution ?
Partie 2 : Avancement progressif (Mobile-First)

Pour résoudre ce problème de mauvaise adaptation, les développeurs ont utilisé une autre approche appelée Progressive Advancement ou Mobile-First Design.

Cette nouvelle approche encourageait les experts à commencer par concevoir pour les petits appareils, puis à ajouter des fonctionnalités pour les écrans plus grands.

---NOUVELLE DIAPOSITIVE---
La solution ?
Partie 2 : Avancement progressif (Mobile-First)

Par conséquent, au lieu de développer toutes les fonctionnalités dès le départ, une page Web est d'abord construite à l'aide des fonctionnalités prises en charge par tous les navigateurs et des fonctionnalités considérées comme essentielles.

Des fonctionnalités plus avancées sont ensuite ajoutées comme des strates à des écrans plus grands.

--NOUVELLE DIAPOSITIVE---
Pour en savoir plus sur la conception " mobile-first ", consultez le livre de Luke Wroblewski " Mobile First " :

Merci d'avoir regardé.