Froont, une entreprise de San Francisco qui fabrique des outils pour les designers web, a utilisé 9 animations GIF pour montrer l'évolution du design web au cours des 25 dernières années. Si vous voulez savoir pourquoi CSS est si important et pourquoi Flash est progressivement abandonné, ces animations pourraient vous en donner un aperçu.
L'ère monochrome du design web, vers 1989. Pensez à Lynx et aux autres navigateurs web basés sur Unix, qui ne pouvaient transmettre les mots qu'un par un sur le réseau d'un terminal à un autre. Il n'y avait pas d'interface graphique, juste une chaîne de lettres et un curseur clignotant.
Le début de l'ère moderne, vers 1995. Les premiers navigateurs, comme Mosaic, permettaient aux designers d'afficher des images sur les sites web, mais la seule façon était de déposer ces éléments de page web dans des mises en page de tableaux peu esthétiques. Comme le positionnement précis était vraiment difficile, les designers devaient comprendre très clairement comment écrire du code avec des tableaux imbriqués dans des tableaux, puis imbriqués à nouveau dans des tableaux, afin d'afficher le contenu correctement.
Heureusement, JavaScript est apparu, offrant une grande commodité aux designers. Flash nous a facilité la conception de sites web dynamiques : par exemple, des fenêtres pop-up et le changement dynamique de l'ordre du contenu sur la page. Mais comparé au HTML natif, JavaScript était très lent.
Bien que Flash ait été autrefois très en vogue, il a maintenant été presque tué par HTML5. Mais en 1996, il représentait un nouveau sommet dans le design web : il permettait aux designers de donner vie aux pages à leur manière. C'était aussi l'âge d'or des pages volantes de Froont, des animations d'ouverture, etc. Cependant, Flash consommait beaucoup de ressources de traitement informatique, ce qui en faisait une technologie particulièrement peu conviviale, en particulier pour les appareils mobiles tels que les ordinateurs portables et les smartphones.
CSS, publié pour la première fois en 1998, a résolu de nombreux problèmes de conception web des débuts. En séparant l’esthétique visuelle d’un site web du contenu de la page web, les designers pouvaient enfin créer ou personnaliser des pages web selon leurs propres idées. Bien que les premières versions de CSS n’étaient pas très flexibles, CSS est aujourd’hui devenu la technologie web la plus importante que les designers doivent maîtriser.
L’arrivée de l’iPhone en 2007 a apporté un tout nouveau défi aux designers : comment concevoir des pages web sur l’écran plus petit d’un smartphone ? Au départ, les designers ont pensé à utiliser un système de grille capable de diviser une page web en plusieurs colonnes en fonction de la taille de l’écran de l’appareil.
En 2010, Ethan Marcotte a proposé une autre solution au problème de l’affichage des pages web sur les appareils mobiles : le design responsive.
Après le design responsive, le flat design, qui dépouillait les effets tape-à-l’œil et mettait l’accent sur le contenu, a également émergé. Ce design simplifiait les éléments visuels et créait une expérience web en mettant en valeur une belle typographie, et il rendait très bien sur n’importe quel appareil.
Et l’avenir ? Froont affirme qu’un meilleur design web est encore en cours de recherche et développement. À l’avenir, les designers n’auront plus besoin de se soucier des problèmes de compatibilité des navigateurs, et des outils adaptés à n’importe quel appareil seront facilement disponibles. La technologie ne sera plus une limite pour le design ; les designers pourront se concentrer sur la résolution des problèmes d’UI et d’UX au lieu de perdre du temps à dépanner.
Source originale :L’histoire du design web expliquée en 9 GIFs
Source de la traduction :http://www.codeceo.com/article/9-gif-web-design-history.html
Traducteur :Code Farmer– Xiao Feng