• 06 47 71 40 88
  • Cette adresse e-mail est protégée contre les robots spammeurs. Vous devez activer le JavaScript pour la visualiser.
  • Lundi au Vendredi 8:00 - 12:00 / 13h30 - 18:00

BLOG

data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==

L'évolution des pages Web


L'évolution des pages Web

Que vous soyez un concepteur ou un développeur, nous supposons que vous pouvez toujours vous rappeler quand les sites Web ont pris jusqu'à trois minutes pour se charger (nous vous regardons MySpace) et c'était après que vous vous soyez déjà assis pendant cinq minutes àécouter l'électronique angoissante chanter la chanson de la connexion à Internet établissant une connexion. Torture.

Nous sommes maintenant gâtés par les sites Web contemporains et nous nous attendons à ce que les vitesses de chargement impressionnantes, les mises en page créatives et les composants interactifs soient de série. Mais d'où viennent les sites Web et d'ailleurs la conception de sites Web? Revenons aux années 90, survêtement Kappa en option.

Les sites Web de première génération jamais publiés étaient des pages à une colonne HTML (langage textuel qui a été nommé en standard par le World Wide Web Consortium) sans images. C'était à l'époque où UX et UI n'étaient qu'un clin d'œil à Tim Berners-Lee (le gars qui a publié le tout premier site Web ).

Une copie de sa page de 1992 est ci-dessous, et non ce n'est pas une erreur, ce ne sont vraiment que quelques liens et en-têtes audacieux, mais cette première incursion dans la publication en ligne et le partage d'informations en ligne nous a donné un endroit où construire (et un enfer de beaucoup de travail à faire sur la mise en page). Le grand public, ceux qui ont des ordinateurs de toute façon, se sont rapidement adaptés au défilement vertical et que l'hypertexte souligné en bleu étaient des liens.

First Ever Website 1

Peu importe les pages Web, il n'y avait qu'un seul navigateur disponible au début des années 90, appelé Gopher, une application non HTTP. Gopher vous a permis de visualiser des fichiers texte du monde entier et était un truc assez révolutionnaire. Cela a conduit à Mosaic, uniquement disponible sur Mac, mais dépasse déjà son prédécesseur en permettant l'affichage du texte et des graphiques sur la même page, dans la même fenêtre. Malheureusement, ce navigateur n'a pas résistéà l'épreuve du temps, car les grandes sociétés investissaient de l'argent dans le développement informatique, technologique et Internet.

Retour aux sites Web cependant.

Le milieu à la fin des années 1990 a vu un développement de la fonctionnalité et du design en introduisant l'utilisation de tables, c'est pourquoi la plupart des sites à cette époque se ressemblaient. C'est également au cours de ces années que les concepteurs et développeurs (aka web masters) ont commencéà réaliser qu'ils devraient travailler en collaboration. Un produit de cette réalisation était GUI (Graphical User Interface) qui permettait l'utilisation d'images et d'icônes sur les sites, en plus du texte et des liens avec lesquels les utilisateurs s'étaient familiarisés. Les sites Web étaient remplis de compteurs de pages, de boutons à bulles, de texte animé (grâce à Adobe Flash) et de nos gifs de danse préférés. Consultez le site d'Apple de 1998 pour en avoir la preuve.

Apples Site From 1998

C'était vraiment là que l'expérimentation au sein des sites Web, comment les utilisateurs interagiraient et une exploration de ces possibilités a commencé. Les navigateurs, y compris Internet Explorer et Opera, ont commencéà apparaître, et avec cette expansion, les langages de programmation ont également fait. PHP était particulièrement populaire vers la fin des années 90, tout comme Flash.

Flash a radicalement modifié la façon dont les sites Web ont été conçus, construits et utilisés. Les utilisateurs d'ordinateurs étaient également devenus plus sophistiqués dans la compréhension de leur site Web, ils étaient habitués à ce qu'est un lien, ils n'avaient plus besoin du texte souligné bleu évident pour leur dire où les liens étaient placés.

Passons rapidement aux années 2000… où les choses commencent à devenir passionnantes.

CSS a vraiment atterri au début des années 2000 et bien qu'il ait été disponible avant le boom des dotcom, c'est cette fois où il a été le plus largement utilisé car tous les navigateurs le soutenaient et l'intégration des médias sociaux l'exigeait. Visuellement, les sites ont commencéà paraître plus créatifs, car le contenu et les éléments de conception ont pu être séparés, ce qui a également facilité la maintenance des sites, gagnant-gagnant. Sa facilité d'utilisation a également entraîné une augmentation du nombre de personnes ordinaires créant leurs propres sites Web, qui ne semblaient pas très bien ou fonctionnaient aussi bien (pour le dire poliment).

Les sites conçus par CSS sont généralement plus petits que ceux basés sur des tables, même si la vitesse de chargement la première fois que vous avez consulté cette page Web peut avoir pris quelques secondes supplémentaires, les visites de suivi se sont chargées immédiatement grâce à la mise en cache par défaut des navigateurs. Les boutons à bulles et la conception 3D que nous avons vus au cours de la décennie précédente ont quasiment disparu, YouTube a été lancé, ce qui signifie que la façon dont Internet était utilisé a complètement changé et jQuery a été inventé pour améliorer la réactivité des sites Web et leur permettre de contenir des médias que les utilisateurs peuvent regarder ou écouter..

Revenons brièvement en arrière pour voir à quoi ressemblait Apple au milieu des années 2000 

Il est évident à quel point ils sont plus créatifs, en plus de réfléchir davantage à la catégorisation de leurs produits à l'aide des barres de navigation et des icônes d'onglets visuels, ainsi que de prendre en compte les différentes couches de messages marketing pour convertir les visiteurs à acheter chez eux.

Apple Looked Like During The Mid Noughties

Depuis 2010, il y a eu un nouvel enfant sur le bloc en termes de site Web… connu sous le nom de responsive design et créé par Ethan Marcotte. Ce style de conception plat d'une seule page (qui rappelle les premières pages Web) a permis aux pages de s'adapter à différents affichages, facilitant et encourageant activement l'utilisation de l'interaction entre divers appareils. Ce mouvement était tout à fait nécessaire sur le dos de nombreux téléphones mobiles et tablettes disponibles qui sont maintenant achetés et utilisés uniquement pour leurs capacités de navigation sur Internet et sur le site Web.

Les utilisateurs savent quand un site semble hors de proportion ou ne fonctionne pas via certains appareils ou navigateurs et ils s'attendent à mieux. Les marques perdent des millions à cause de sites qui fonctionnent mal, c'est pourquoi elles dépenseront également des millions à essayer de rectifier ces problèmes.

Le design plat parsemé d'illustrations sympas, de typographie frappante ou de techniques de rupture de grille sont toujours ce qui est à la mode aujourd'hui (et ce que nous avions prédit serait populaire au début de cette année, juste pour dire). L'idée centrale de la conception réactive, et la raison de son succès, est que tous les utilisateurs obtiennent la même expérience. Ainsi, l'afflux de designs 2d minimalistes qui sont de style contemporain, mais qui fonctionnent aussi efficacement n'est pas une surprise.

Les concepteurs et développeurs Web actuels ont tellement plus à considérer lors de la création d'un site dans un marché aussi saturé, par exemple l'optimisation des moteurs de recherche pour garantir que le groupe démographique cible voit, aime et utilise le site, ainsi que la façon de garantir un temps de chargement de page rapide tout en entasser le site plein de trucs sympas. C'est une entreprise délicate, mais qui, d'un autre côté, offre une énorme liberté de création grâce à tout le travail accompli par les inventeurs, les techniciens et les visionnaires au cours des 30 dernières années.

Envie de perdre votre après-midi en voyant le changement de style de votre marque de mode préférée ou de votre fast food? Soyez notre invité, Wayback Machine a des captures d'écran des premiers jours du Web à nos jours, ce qui est non seulement intéressant / amusant selon votre expertise, mais est un moyen simple de voir à quel point la conception du cercle complet est arrivée, bien que le développement derrière ces sites s'est nettement amélioré.

N'hésitez pas à partager vos réflexions sur l'évolution des pages Web, des sites que vous aimez (uniquement si nous les avons créés!) Et de ce que vous appréciez en tant qu'utilisateur d'un site Web via nos réseaux sociaux.

Contenu bonus

Conformément à cette idée, nous avons décidé de vous montrer visuellement quelques-unes des plus grandes entreprises. La différence dans leur conception, construction et fonctionnalité est assez étonnante ... 

et de penser, quand le World Wide Web a été introduit, tout ce qu'il y avait sur un site Web était du texte, alignéà gauche, avec des hyperliens vers des pages ... fou comme les temps ont changé!

Apple

Apple

Pinterest

Pinterest

Ebay

Ebay

Linkedin

LinkedIn

Youtube

Youtube 1

Twitter

Twitter 1



No Internet Connection