Un regard en arrière sur 30+ Plusieurs années de conception de sites Internet

La conception de sites Web a parcouru un très long chemin depuis 1991, lorsque le premier site Web a été publié. Entièrement centrée sur le contenu textuel, cette page Web a marqué le début de ce qui allait devenir une révolution électronique.

Et bien que les souvenirs de GIF "en construction" et de couleurs aveuglantes me rendent reconnaissant de l'ampleur de l'Internet, certaines décisions historiques en matière de style de site Web nécessitent essentiellement un signe de respect.

Des sites Internet comme celui-ci n'ont pas manqué de temps, non plus. Si vous voulez voir à quoi ressemblait un site Web à tout moment compte tenu de son lancement, entrez son titre de domaine dans la Wayback Machine et choisissez un jour. Dans cet article, examinons simplement comment le style du site Web s'est développé, des interfaces textuelles uniquement aux conceptions fluides et actuelles que nous voyons de nos jours.

Début des années 1990 : Antiquité

Le début des années 90 marque le début de la chronologie de la mise en page de notre site Internet. À ce stade, il n'y avait pas ces choses comme un lien Web à haut rythme. C'était des modems commutés, ou ce n'était rien. Par conséquent, les sites Web devaient être développés pour des vitesses de liaison considérablement moins que stellaires. Ils apparaissaient principalement comme des partitions de texte - ce que nous considérons maintenant comme allant de soi comme un "format de mise en page" n'existait pas.

Bien que par la suite des variations de HTML aient permis des conceptions beaucoup plus avancées, elles étaient cependant incroyablement primaires par rapport à aujourd'hui, consistant principalement en des balises pour les en-têtes, les paragraphes et les liens entrants. Les composants visibles et le style comme la typographie, l'imagerie et la navigation étaient des éléments d'un avenir prévisible pas trop lointain.

Points à retenir pour les sites Internet modernes :

Alors que la fonctionnalité de ces premiers sites Web était purement informative, nous pouvons voir certains composants de conception qui sont actuellement utilisés. Ces anciennes pages Web ont été extrêmement légères et optimisées pour une connexion Internet progressive que nous continuons tous à utiliser de temps en temps. Ces facteurs de conception et de style ont pris en compte l'expérience de travail de la personne, tout ce que les sites d'aujourd'hui ne font généralement pas, même avec des vitesses plus rapides.

Certes, le World Wide Web d'aujourd'hui peut s'attaquer aux sites Internet chargés de médias… mais il a encore quelques limites. De gros fichiers multimédias, un style graphique lourd et des animations anormales peuvent tous contribuer à des taux de rebond plus élevés lorsque les vitesses de chargement ne sont généralement pas aussi rapides que nous le souhaitons. Tenez votre personne à l'esprit lorsque vous prenez en considération le style et le design complexes, et n'oubliez pas de KISS (Continue to keep It Very simple, Superhero).

Milieu des années 1990 : le Moyen Âge

Les âges centraux de la structure du réseau étaient tourmentés par les constructeurs de sites Web sur site Web et les GIF d'espacement. (Plus qu'un vrai fléau, idéal ?) Au milieu des années 90, le style des sites Web s'était développé à la fois dans les conditions de composition et d'apparence visuelle. Les concepteurs ont commencé à utiliser des mises en page principalement basées sur des tableaux pour gérer le matériel, permettant une flexibilité accrue et une imagination créative. Les sites Web ont toujours un contenu plutôt textuel important, mais le texte peut désormais être divisé en colonnes, lignes et autres fonctionnalités de navigation pour une meilleure lisibilité.

Les fonctionnalités de mise en page graphique ont également immédiatement gagné en popularité. Les compteurs d'accès au site, le texte animé et les GIF dansants ne sont que quelques-unes des caractéristiques graphiques qui marquent cette période dans le style net.

Points à retenir pour les sites Web d'aujourd'hui :

À l'heure actuelle, il existe de nombreuses raisons pour lesquelles la conception et le style dépendant du bureau ne sont pas le choix idéal pour votre site Web - le balisage important, les moments de chargement lents et l'incohérence visuelle ne sont que quelques-uns des pièges.

Quoi qu'il en soit, ce progrès a été essentiel dans l'évolution du style du World Wide Web : c'était le premier pas vers un cadre de page de site Web non linéaire. Des éléments distincts peuvent désormais être placés dans des sections distinctes d'une page Web, et les concepteurs ont appris à envisager le moyen le plus efficace d'accéder aux données existantes pour le consommateur.

La structure de la page Web reste cruciale pour la navigation et le contenu écrit. Il décide en grande partie de la manière dont l'utilisateur expérimente et interagit avec votre site Web. Bien que ces facteurs n'aient peut-être pas été au premier plan au cours des âges centraux de la structure Web, ils sont certainement au premier plan actuellement.

Fin des années 1990 : la Renaissance

Renaissance. Renaissance. La conception du World Wide Web a connu sa part raisonnable de réinventions, mais l'une des premières est apparue avec l'introduction de Flash. Introduit en 1996, Flash a ouvert une terre de perspectives de style qui n'étaient pas réalisables avec du HTML simple. C'était le mariage du graphisme virtuel et de l'interaction.

Alors que la plupart des composants de conception et de style des périodes précédentes étaient toujours présents, ils ont été améliorés avec des animations, des visuels d'histoire en mosaïque, des couleurs néon, des boutons 3D, des pages de démarrage et d'autres multimédias.

Flash a marqué le début d'un style et d'un design axés sur le client - la construction et la navigation sont devenues des critères essentiels et les concepteurs ont commencé à se concentrer sur l'apparence et la convivialité au-delà des articles purs.

Points à retenir pour les sites Internet actuels :

Flash a changé la donne, mais il n'adhérerait pas de manière permanente. Flash n'est pratiquement jamais appliqué en ce moment et est considéré comme l'un des plus grands péchés d'optimisation Web de tous les temps. Aujourd'hui, il est courant de choisir des solutions alternatives telles que des animations CSS et JavaScript pour obtenir des résultats équivalents, ou d'intégrer des films à partir de sites d'hébergement de vidéos.

Début des années 2000 : les Lumières

Le début des années 2000 a été une période où la convivialité et l'adaptabilité sont vraiment arrivées au premier plan de la structure du World Wide Web.

La principale demande était CSS, un langage de codage qui permettait aux développeurs de garder des règles visibles dans les informations séparées du HTML, séparant efficacement le contenu écrit et la mode. Cela a donné une plus grande liberté artistique à la fois à ces concepteurs de sites Web et aux développeurs de contenu écrit - le contenu pouvait désormais être entièrement développé à partir de la conception, et vice versa. CSS a produit des sites plus faciles à maintenir (moins de code et de complexité), beaucoup plus flexibles (les balises div sont indépendantes les unes des autres) et plus rapides à charger (fichiers de plus petite taille).

Une bien meilleure connaissance de la psychologie des couleurs a également conduit à une utilisation accrue des espaces blancs et à la baisse des teintes criardes, comme les néons. Les liens ont commencé à rester ajoutés aux icônes plutôt qu'au contenu textuel, la résolution et la pixellisation sont devenues des problèmes beaucoup plus importants, et le placement stratégique du matériel a également gagné du terrain.

Plats à emporter pour les sites Internet actuels :

Les hommes et les femmes parcourent généralement les sites Web à la recherche des informations et des faits dont ils ont besoin, de sorte que tout site qui simplifie cette tâche obtient une grosse note de test. Les concepteurs de sites Web avertis savent que la plupart des utilisateurs finaux ne doivent pas parcourir tout sur un site Web et comprendre comment le public considère les informations.

Par conséquent, des faits intuitifs, des liens entrants accentués visuellement et une navigation simple ne sont que quelques-unes des meilleures procédures auxquelles les sites Web modernes doivent se conformer. Généralement style et design avec la convivialité à l'esprit !

Milieu à fin des années 2000 : la révolution industrielle

La révolution industrielle de la conception et du style du net commence avec le début du Net 2. C'est à ce moment-là que les choses ont véritablement commencé à évoluer vers le Web mondial moderne. Les progrès des applications multimédias, l'essor du contenu écrit interactif et l'avènement des médias sociaux sont quelques caractéristiques définitives de cet intervalle.

De plus, ces améliorations ont principalement dicté la façon dont la structure du site Web était… bien faite . Les modifications esthétiques regroupaient une meilleure répartition des nuances, une utilisation accrue des icônes et une meilleure attention à la typographie.

Plus important encore, cependant, le style et la conception sont devenus une question de contenu, et le contenu écrit est devenu une question d'optimisation du moteur de recherche. Avec la personne désormais fermement au centre de la mise en page, les solutions de marketing (au moins explicitement) sont devenues la fonction secondaire des sites – il s'agissait maintenant d'avoir découvert.

Points à retenir pour les sites Internet d'aujourd'hui :

Comme mentionné, l'évolution du site Web 2. a observé l'avancement de l'optimisation Web comme une chose à considérer. Bien que ces méthodes aient été adaptées au fil des ans, considérer votre site Web en termes d'optimisation Web reste une priorité majeure pour la plupart des sites Web d'entreprise florissants.

Le référencement nécessite un contenu écrit, et le contenu écrit est principalement devenu l'accent du style et de la conception du site Web au cours de cette période. L'optimisation des mots clés, les liens entrants et sortants, la création, le balisage et le savoir-faire de syndication tels que RSS sont devenus de purs éléments de mise en page. Alors que le spam d'URL et le brouillage des termes de recherche ont rapidement exploité ces méthodes, ces procédures ne sont plus efficaces depuis longtemps et (je l'espère) ont pour la plupart échoué.

De 2010 à aujourd'hui : l'ère de la mode

Aujourd'hui, environ deux ans après la publication du premier site Internet, la mise en page Web s'est solidement imposée comme un ingrédient irremplaçable de toute bonne approche marketing. La dernière analyse a révélé que 50% des consommateurs d'aujourd'hui pensent que le style du site Web est crucial pour le modèle d'une entreprise.

Dans les conditions de l'esthétique contemporaine, nous avons assisté à la prolifération du minimalisme : articles clairsemés, graphismes plats (si longs, boutons 3D !), palettes de couleurs plus simples et visuels larges et audacieux. De plus, UX est passé au stade intermédiaire, ouvrant la voie à ces options de mise en page sous forme de défilement infini et de conception et de style de page Web solitaire.

Vous avez peut-être remarqué que notre site Internet a adopté toutes ces caractéristiques avec sa dernière mise en page :

L'Internet cellulaire est une étape plus importante dans l'évolution du style et de la conception Web. Depuis le lancement de l'Iphone en 2007, il y a eu une réanalyse de la façon dont les sites Internet sont structurés pour s'adapter au nombre croissant d'internautes mobiles. Cela comprend divers cadres mobiles qui optent pour une stratégie «mobile d'abord» et un objectif encore plus large d'optimisation du rythme cellulaire, compte tenu du fait que les téléphones n'ont généralement pas la vitesse de traitement ou la puissance relationnelle de votre ordinateur de bureau typique.

Cette révolution numérique a également permis l'augmentation de la mise en page réactive, dans laquelle les aspects de la page s'adaptent automatiquement à la largeur de la fenêtre de navigation, permettant aux sites Web de s'afficher très bien sur n'importe quelle machine ou écran. Désormais, une conception réactive est nécessaire pour garantir une expérience utilisateur mobile satisfaisante, sachant que plus de 50% des visiteurs du site Web dans le monde proviendront d'appareils mobiles.

Où iront les sites Internet par la suite ?

S'il y a un élément particulier qui a formé chaque individu à un seul de ces développements, c'est le contenu écrit. Chaque ingrédient de structure ci-dessous a été adapté de manière à apporter le matériau le plus approprié à la personne de la manière la plus productive et la plus efficace. Les notions d'accessibilité, d'adaptabilité et de convivialité définissent vraiment cette période de mise en page du World Wide Web.

Bien qu'il y ait certainement beaucoup plus que nous puissions faire avec la conception Internet actuellement, il est agréable d'envisager une nouvelle apparition dans laquelle nous venons. Voyant à quel point la conception de sites Web a progressé jusqu'à présent, il est très excitant de savoir où il en sera dans les 20 prochaines années.

Attention de l'éditeur : cette publication a été publiée pour la première fois en juillet 2013 et est à jour pour son exhaustivité.