Redécouvrez à quoi ressemblait le net il y a 20 ans

Le 26/04/2024

Dans Webdesign

Vous souvenez-vous des premiers sites web que vous avez visités ? Des pages statiques remplies de texte, avec quelques images en guise d'illustration ? Eh bien, vous seriez surpris de voir à quel point le design web a évolué depuis les débuts de l'internet dans les années 1990-2000.

Dans cet article, nous vous invitons à faire un petit voyage dans le temps en découvrant l'histoire des sites web les plus populaires. Nous partagerons avec vous quelques captures d'écran pour que vous puissiez constater comment leur design a évolué entre hier et aujourd'hui.

Attachez vos ceintures, le voyage promet d'être surprenant !

Google

Depuis ses débuts, Google a opté pour une interface simple et minimaliste. C'est l'un des rares sites lancés à la fin des années 1990 qui a non seulement adopté cette esthétique, mais qui a a également réussi à rendre sa page d'accueil de plus en plus minimaliste au fil du temps.

On remarquera que le site a conservé à peu près la même interface tout au long de son évolution : le logo de Google au centre de la page, la barre de recherche en dessous, les boutons "Recherche Google" et "J'ai de la chance", et en bas de page, les liens utiles du site.

Dans les années 1990, Google proposait des offres uniques sous la barre de recherche. Aujourd'hui, l'entreprise s'efforce de créer une page d'accueil personnalisée pour les utilisateurs en mettant en signet les sites web qu'ils visitent fréquemment.

Google en 1998

Web archive google 1998

Google en 2024

Web archive google 2024

YouTube

En comparant ces deux versions, on peut constater qu'il y a 20 ans, le site était plutôt épuré, il fallait chercher dans le navigateur ce que l'on souhaitait visionner. Tandis qu'aujourd'hui, l'interface est plus chargée, le côté visuel des vignettes vidéos sont davantage mises en avant.

Malgré l'évolution de la plateforme, on retrouve quelques éléments similaires sur les deux sites : la page d'accueil, le moteur de recherche, la section des vidéos et les recherches tendances, puis la partie compte.

Bien que l'ergonomie n'était pas au top, la version d'avant n'était pas plus mal. Avec le YouTube d'aujourd'hui, on peut rapidement se sentir submergé par la quantité astronomique de contenus proposés par la plateforme.

YouTube en 2005

Web archive youtube 2005

YouTube en 2024

Web archive youtube 2024

Facebook

Si de nos jours la présence d'éléments aussi évidents que le fil d'actualité, les statuts, le bouton "j'aime" ou encore les applications sont des évidences, un coup d'oeil dans le rétroviseur suffit pour constater que ce n'était pas le cas au lancement de la plateforme.

À l'époque, le site s'appelait "The Facebook" et la couleur bleue ainsi que la typographie caractéristique de la marque étaient déjà présentes. L'interface originelle est basique : c'était une page d'accueil où les utilisateurs pouvaient télécharger une photo de profil, publier quelques images, renseigner leurs informations personnelles, consulter leur messagerie privée ainsi que leurs listes d'amis et de groupes.

Aujourd'hui, Facebook cherche toujours à simplifier et épurer son interface, en apportant régulièrement des modifications pour améliorer l'expérience utilisateur.

Facebook en 2004

Web archive facebook 2004

Facebook en 2024

Web archive facebook 2024 2

Twitter

Twitter, le site de microblogging en 140 caractères, a connu une évolution significative depuis ses débuts. À l'origine, il était conçu pour une communication rapide entre amis, famille et collègues. Twitter décrivait autrefois son service comme une "communauté mondiale d'amis et d'inconnus répondant à une question simple : que faites-vous ?".

Malgré sa réputation de plateforme de médias sociaux branchée, l'expérience était en réalité assez limitée. Les premiers tweets étaient simples et rudimentaires, sans hashtags ni liens cliquables.

Le réseau social s'est peu à peu transformé en un véritable média, se concentrant sur l'actualité et le partage d'informations. C'est à ce moment-là que le design de la plateforme s'est assagi : fini les couleurs criardes et l'oiseau naïf de Twitter, désormais l'interface est en dark mode et le logo plus épuré.

Aujourd'hui, le fil d'actualité a évolué pour mettre davantage l'accent sur les photos et les vidéos. Twitter s'est également personnalisé pour chaque utilisateur. Les algorithmes prennent en compte les contenus et les comptes que vous suivez pour vous fournir des contenus qui pourraient vous intéresser.

Twitter en 2005

Web archive twitter 2006

Twitter en 2024

Web archive twitter 2024

Pinterest

Lorsque Pinterest a été créé en 2010, son objectif était simple : vous permettre d'enregistrer et de stocker des liens vers des sites web que vous trouviez intéressants. C'était un endroit où vous pouviez rassembler et partager une "collection" de contenus web avec des personnes partageant des intérêts similaires.

À ses débuts, le site web Pinterest ressemblait davantage à un blog basique axé sur les photos. Vous pouviez toujours ajouter des photos, étiqueter des publications avec des sujets spécifiques et créer des tableaux d'inspiration autour de catégories particulières, mais le design était plus chargé et moins adapté aux mobiles.

Le design actuel de Pinterest, ainsi que de son application mobile, met encore plus l'accent sur les visuels que son design initial. L'interface est simplifée, les notifications liées à l'épingle ont été supprimée de la page d'accueil, le logo du réseau social a été réduit et la barre de recherche s'intègre de manière plus naturelle en haut de la navigation.

Pinterest en 2010

Web archive pinterest avant

Pinterest en 2024

Web archive pinterest apres

Amazon

Amazon a officiellement ouvert ses portes en juillet 1995 en tant que vendeur de livres en ligne. Avec un million de titres dans son catalogue, il se présente comme « la plus grande librairie du monde ». Quelques années après, le site web a rapidement diversifié son offre pour devenir un véritable marché en ligne proposant une large gamme de produits.

La version du site en 1999 n'est pas très conviviale, les experts en CSS diraient qu'il manque de padding et de margin, ce qui n'est pas totalement faux. Il y a des textes et des liens un peu partout, puis les sections sont pas clairement délimitées, ce qui peut rapidement prêter à confusion.

On remarquera également que la barre de recherche est cachée dans un menu latéral à gauche, ce qui n'est pas très intuitif. Il faudra donc attendre 2008 avant de la voir au centre comme dans le site actuel.

En comparant les versions antérieures d'Amazon, on constate qu'il n'y a pas eu énormément de changements dans la structure du site. On retrouve à peu près les mêmes sections : recherches par thèmes, produits tendances, espace de compte, barre de navigation avec des liens mis en avant...

Amazon en 1999

Web archive amazon 1999

Amazon en 2024

Web archive amazon 2024

LinkedIn

Fin 2002, Reid Hoffman et Allen Blue recrutent une équipe d'anciens collègues pour travailler sur une nouvelle idée : créer une plateforme permettant aux gens de se connecter dans le monde professionnel. Quelques mois plus tard, LinkedIn est lancé.

Si on analyse bien, la conception originale n'était pas si différente que celle actuelle. La barre de navigation offrait quasiment les mêmes fonctionnalités que celle actuelle, telles que : l'accueil, le module de recherche, le profil, les réseaux et les notifications.

Vingt ans plus tard, LinkedIn est devenu une nécessité pour le réseautage en ligne, et présente une interface beaucoup plus intuitive et moderne.

LinkedIn en 2004

Linkedin 2004

LinkedIn en 2024

Linkedin 2024 2

Netflix

Netflix a été créé en 1997 en tant que service de location de DVD par correspondance. Initialement, Netflix proposait un catalogue en ligne de films à louer, avec livraison des DVD par la poste, puis en 1999, l'entreprise a lancé son modèle d'abonnement mensuel. C'est seulement en 2007 que Netflix a commencé à proposer un service de streaming en ligne, marquant un tournant majeur dans son activité.

En 2003, le site de Netflix avait déjà quelques similitudes avec celui d'aujourd'hui, mais il est évident que la plateforme a beaucoup évolué depuis.  Au fil du temps, il ne conservera que l'un de ses éléments les plus remarquables : sa couleur distinctive rouge.

Lorsqu'on parcourait les films, Netflix le présentait dès le départ avec la couverture du film et son synopsis, aujourd'hui il faut cliquer sur la vignette pour en savoir plus. Aujourd'hui le site se concentre davantage sur les visuels, la page d'accueil se présente comme une collection de caroussels d'images de films et séries. On notera aussi que l'interface basculera en mode sombre après plusieurs années passées en mode clair.

Netflix en 2003

Web archive netflix 2003

Netflix en 2024

Netflix 2024

Yahoo!

Yahoo! a commencé avec une interface minimaliste composée principalement d'une barre de recherche et de quelques liens vers des thèmes de recherches. Après une expansion rapide du trafic, Yahoo! s'est développé en un véritable portail web avec de nouveaux services comme le courrier électronique.

Entre 1996 et 1998, Yahoo! a conservé une interface relativement simple. Cependant, quelques années plus tard, l'interface est devenue un véritable champ de bataille : des liens partout, on ne sait plus où regarder.

Mais à partir de 2001, le design a dû évoluer pour faire face à la concurrence de Google. C'est à ce moment-là qu'ils ont commencé à organiser et classer leurs liens dans des sections bien distinctes, et en ajoutant également des images pour illustrer leurs contenus.

Depuis, le design du site web de Yahoo! est devenu plus moderne en changeant son identité visuelle à plusieurs reprises. Bien que Yahoo! ait perdu de son influence, le site reste l'un des principaux portails web dans le monde avec un design plus actuel.

Yahoo! en 1996

Web archive yahoo 1996

Yahoo! en 2024

Web archive yahoo 2024​​​​​​​

wikiHow

Fondé en 2005, wikiHow propose des guides pratiques sur presque tous les sujets imaginables qui ont été rédigés et/ou revus par des experts en la matière et d'autres utilisateurs du site. Les articles sont répertoriés dans des catégories telles que les arts et les loisirs, les véhicules, la vie de famille, la santé et bien d'autres. Les utilisateurs peuvent également soumettre des demandes de guides sur certains sujets et modifier des articles.

A leur début l'accueil du site était assez simpliste. Il se composait d'une barre de recherche, d'une section d'articles en vedette et de liens vers les différentes catégories de recherche. Il n'y avait pas encore d'images et le contenu était assez restreint. Heureusement, grâce à l'aide de volontaires, les guides rédigés en anglais ont pu être traduits pour offrir une plateforme française.

Ajourd'hui le site a bien évolué, wikiHow propose plus de 90 000 articles enrichis d'images, de vidéos et de liens. La page d'accueil offre une interface soignée et intuitive : les articles sont affichés sous forme de vignettes avec le titre du guide, et un menu latéral permet d'accéder facilement aux différentes catégories de recherche.

wikiHow en 2006

Web archive wiki how 2006

wikiHow en 2024

Web archive wiki how 2024​​​​​​​