Apprendre des archives Web historiques

Il existe une pléthore de ressources disponibles pour vous aider à réussir sur le Web. D'innombrables applications d'analyse et de référencement, à des milliers d'articles et de rapports de nos pairs. Pour quiconque gère son propre site Web, nous pouvons utiliser ces ressources pour améliorer et optimiser l'expérience en ligne que nous offrons à nos visiteurs. Internet Archive, une ressource souvent négligée, contient des années de mises à jour et d’améliorations précises des sites Web les plus importants et les plus performants au monde - et nous pouvons en tirer des enseignements..

Comment pouvons-nous avoir une pensée critique sans pouvoir citer et pouvoir comparer ce qui s'est passé dans le passé??

Brewster Kahle, fondateur de l'Internet Archive


Que sont les archives Internet?

Comme vous pouvez vous attendre de n'importe quel enregistrement historique, Internet Archive contient des informations datant de plusieurs années. Mais il y a une torsion; ces enregistrements sont des instantanés en cache de sites Web. Vous pouvez donc consulter des pages Web telles que Google depuis 1998. Ces informations sont inestimables (pour ne pas dire assez humoristiques) et il est étonnant de voir comment le design a changé au fil des ans..

Découvrez cet exemple de 1998, lorsque Google était encore en version bêta.!


Toutes ces ressources étonnantes peuvent être trouvées sur le site waybackmachine sur archive.org. Tapez simplement une URL et commencez à explorer. Vous pouvez avoir beaucoup de plaisir à voir comment certains de vos sites favoris se sont développés au fil des ans (ou suis-je juste un nerd énorme?). Peu importe, beaucoup de temps, de recherche et d'argent ont été consacrés à l'amélioration et à la modification de ces sites, et nous pouvons observer cette information à notre avantage.


Comment pouvons-nous apprendre de ces enregistrements?

Un peuple sans connaissance de son histoire, de son origine et de sa culture est comme un arbre sans racines.

Marcus Garvey

Nous misons toujours sur les connaissances des autres et je ne peux imaginer de meilleur endroit pour appliquer cet idéal que dans le domaine de la conception de sites Web. En analysant les archives disponibles, nous pouvons voir (à travers un certain nombre d'hypothèses) pourquoi certaines décisions et modifications ont été prises. Cela peut aider non seulement à voir la progression naturelle d'un site Web, mais également à mieux comprendre le processus de développement nécessaire pour intégrer Google à ce qu'il est aujourd'hui..

En comparant la progression de nombreux sites Web, nous pouvons également constater l’évolution des tendances en matière de conception au fil des ans. Actuellement, le design plat est "in" et vous pouvez voir comment Webdesigntuts + a changé pour adopter ce style..


Exploiter les archives est essentiel pour tirer parti des erreurs et des développements passés. Voyons donc un processus que j’utilise souvent..

Étape 1: Choisissez un site Web

Il est important de choisir un sujet pour commencer votre recherche, de préférence dans le même domaine que celui que vous souhaitez améliorer. Si vous exécutez un blog, choisissez un blog réussi dans un créneau similaire. Si vous avez un magasin en ligne, apprenez auprès des maîtres du commerce électronique. Bien sûr, ce ne sont que des exemples.

Lorsque vous rencontrez ces sites tels qu’ils sont aujourd’hui, il est facile de penser qu’ils ont surgi de nulle part avec un succès immédiat, mais la Waybackmachine racontera une histoire différente. Avec les archives, nous pouvons commencer à voir les années de travail acharné nécessaires pour atteindre leur position actuelle et leur progression de conception au fil du temps. Alors, comment l'ont-ils fait??

Étape 2: suivez dès le début

Je vais utiliser play.com comme exemple ici. Étant donné que cette URL est souhaitable, les données remontent à 1996. Cependant, je suis tombé sur son premier cas en tant que magasin de commerce électronique, il est aujourd’hui le 7 août 2003. La première chose que j’ai constatée, c’est l’image et la convivialité que Play a conservées. depuis des années jusqu'à son acquisition par Rakuten en 2011, date à laquelle il a subi une mise à jour et un changement de style beaucoup plus importants.

Lorsque nous examinons chaque incarnation du site, nous devons également nous rappeler qu’il existe toujours des limites technologiques au travail, telles que la prise en charge de plusieurs navigateurs et la vitesse réduite..

Étape 3: analyser la progression

En comparant la façon dont Play a commencé à ce qu’il est aujourd’hui, vous constaterez que les changements ont été radicaux. Explorons et examinons des domaines tels que l'expérience utilisateur, la fonctionnalité et l'esthétique. J'ai trouvé quatre instantanés pour les mises à jour volumineuses effectuées entre 2003 et 2013. Alors jetons un coup d'œil et commençons à comprendre comment chaque changement a contribué à la prochaine.

2003


Il s'agit de la toute première version lancée en 2003. Construit avec un balisage tabulaire, ce qui était courant à l'époque, et une présentation simpliste. Un style unique a été développé pour donner une identité de marque forte. La grande surface du centre a clairement été choisie comme le lieu privilégié de la publicité interne, tandis que la barre de recherche n’a que peu de poids sur la page..

2007


Quatre ans plus tard, le nombre de catégories montre que la gamme de produits a considérablement augmenté. La navigation principale a toutefois réussi à conserver le même format avec une mise à niveau de conception bien nécessaire. Vous ne le penseriez pas aujourd'hui, mais les gros biseaux étaient plutôt tendance à un moment donné…

La vieille pièce maîtresse a été déplacée pour laisser la place à une section de publicité plus importante. Ne pas le supprimer complètement indique que tout va bien, mais on a estimé que la zone pourrait être mieux utilisée..

2010


Encore une fois, le catalogue de produits s’est élargi. Le menu a considérablement augmenté, devenant justifié à gauche pour s'adapter à tout le contenu. La pièce maîtresse d'origine (après avoir perdu sa place de choix) est tombée en disgrâce, devenant la seconde meilleure caractéristique, puis finalement complètement supprimée..

La barre de recherche a finalement reçu plus de poids sur la page, probablement en raison d'analyses, peut-être de cartes thermiques et de commentaires d'utilisateurs soulignant son importance. Vous pouvez également voir comment la façon dont les gens interagissent avec un site Web a changé au fur et à mesure que la recherche sur site est devenue plus populaire..

2013


Enfin, nous avons play.com aujourd'hui; c'est de loin la plus grande mise à jour de tous. La barre latérale a été complètement supprimée et les espaces sont bien plus nombreux. La pièce maîtresse s’étire sur toute la largeur de la page après avoir prouvé pendant des années qu’elle occupait une place importante dans la page..

Le style du site a complètement changé et il a presque été totalement rebaptisé. Il reste cependant des couleurs familières et il est facile de constater que nous sommes toujours sur le même site Web. La barre de recherche est maintenant beaucoup plus grande qu'avant et une tendance des utilisateurs a clairement été notée pour que cela se produise.

Étape 4: Rassemblez vos résultats

En examinant chaque étape du site Web final et définitif, nous pouvons apprendre beaucoup de choses. Nous pouvons constater que la recherche est devenue un élément crucial du commerce électronique, que les interactions des utilisateurs ont changé et que je peux dès lors commencer à formuler des hypothèses précises. Je pense qu'un utilisateur aura déjà à l'esprit ce qu'il recherche avant même d'accéder au site, en se dirigeant directement vers la barre de recherche. Pour cette raison, ils deviendront relativement aveugles à la plupart des éléments de la page. En rendant la section principale de la publicité beaucoup plus visible, elle peut mieux attirer l’attention du visiteur, même inconsciemment..


Tout rassembler

Maintenant que nous comprenons les avantages de l’apprentissage des archives, nous pouvons les ajouter à notre arsenal d’outils et de ressources à notre disposition. En utilisant les archives aux côtés d'autres outils, nous pouvons trouver encore plus d'informations.

Avec Alexa.com, nous sommes en mesure de suivre le trafic d’un site au cours des deux dernières années. En comparant cela aux archives, on peut souvent observer une corrélation. Cela peut souvent être un moyen de confirmer notre analyse d’une page, qu’elle soit bonne ou mauvaise. Parfois, un changement peut avoir des effets négatifs sur le trafic et nous pouvons en tirer des leçons pour ne pas commettre les mêmes erreurs..

Ne pas sauter aux conclusions

Lorsque vous voyez des corrélations entre Alexa et Internet Archives, vous devez être sûr de ne pas sauter aux conclusions. La disparition de MySpace n'était pas due à un changement de conception, mais à la montée d'une opposition plus forte.

Faites vos recherches pour vous assurer que vos résultats sont exacts.


Étude de cas: Disqus

Disqus est un système de commentaires génial utilisé sur des millions de sites Web (y compris Tuts +). Au cours de la dernière année, sa popularité a considérablement augmenté. Cela aurait été dû à un certain nombre de raisons, mais au moment de l'augmentation du trafic, une mise à jour importante de la conception a été effectuée. Cela a sûrement contribué à la hausse et on peut commencer à se demander pourquoi.


La vieille conception

Voici la page de destination du site en 2011.


Vous n'avez que 10 secondes pour engager les utilisateurs et les convaincre de regarder de plus près..

Jakob Nielsen

La conception générale est solide, mais le produit réel n'est pas bien affiché. Sans lecture, vous ne sauriez pas ce que Disqus est ou fait. Jakob Nielsen, expert en convivialité, a déclaré que vous ne disposiez que de 10 secondes pour engager les utilisateurs et les convaincre de regarder de plus près. Cela signifie que vous devez faire passer votre message initial le plus rapidement possible afin de convertir les visiteurs. Ici, je ne suis pas convaincu. Apportez le nouveau design.

Le nouveau design

Instantanément, vous pouvez voir une énorme amélioration de l'esthétique, le design est propre et simple.


Le produit lui-même est maintenant clairement compréhensible et a reçu une place de choix sur la page. À partir de là, les utilisateurs ignorants à propos de Disqus peuvent mieux voir qu’il s’agit d’un système de commentaires sur site. Bien que le graphique précédent paraisse bien, il avait peu de signification et distrayait plutôt l'objectif. L'appel à l'action "Obtenez ceci sur votre site" est également beaucoup plus important maintenant et guide mieux le regard vers lui.

Je pense qu’il ressort clairement de cela qu’une modification de la conception a contribué à l’augmentation du trafic et à la diminution du taux de chute. Nous pouvons prendre cette information et l'utiliser comme guide pour prendre nos propres décisions lors de la conception d'une page de garde ou de la publicité d'un produit en ligne..


Conclusion

A partir de ces exemples, nous pouvons clairement voir l'intérêt d'apprendre des archives historiques. Ils peuvent constituer une partie cruciale du processus de recherche afin d’acquérir une connaissance approfondie des sites Web les plus performants du moment..

Il est important de faire votre recherche et d'utiliser Archives comme un outil parmi toutes les autres ressources disponibles. Rappelez-vous que vous ne pouvez faire ici que des hypothèses et que rien ne sera un fait difficile. Les archives peuvent compléter votre arsenal et améliorer la qualité de vos recherches.

!