Imparare dagli archivi Web storici

Ci sono una quantità di risorse disponibili per aiutare il tuo successo sul web. Da innumerevoli analisi e applicazioni SEO, a migliaia di articoli e rapporti dei nostri colleghi. Per chiunque gestisca il proprio sito Web, possiamo utilizzare queste risorse per migliorare e perfezionare l'esperienza online che offriamo ai nostri visitatori. Una risorsa spesso trascurata è l'Internet Archive, che contiene anni di aggiornamenti e miglioramenti perfezionati dai siti Web più grandi e di maggior successo del mondo - e possiamo imparare da loro.

Come possiamo avere un pensiero critico senza essere in grado di citare e di essere in grado di confrontare ciò che è accaduto in passato?

Brewster Kahle, il fondatore di Internet Archive


Quali sono gli archivi Internet?

Come ci si aspetterebbe da qualsiasi tipo di documento storico, l'Archivio Internet contiene informazioni risalenti a anni. Ma c'è una svolta; questi record sono istantanee memorizzate nella cache di siti Web, quindi è possibile visitare pagine Web come Google già nel 1998. Queste informazioni sono inestimabili (per non dire abbastanza divertenti) ed è sorprendente vedere come il design sia cambiato nel corso degli anni.

Dai un'occhiata a questo esempio del 1998 quando Google era ancora in beta!


Tutte queste incredibili risorse possono essere trovate su waybackmachine su archive.org. Basta digitare un URL e iniziare a esplorare. Puoi divertirti molto a vedere come alcuni dei tuoi siti preferiti si sono sviluppati nel corso degli anni (o sono solo un enorme secchione?) Indipendentemente da ciò, un sacco di tempo, ricerche e denaro sono andati a migliorare e modificare questi siti Web e possiamo osservare queste informazioni a nostro vantaggio.


Come possiamo imparare da questi record?

Un popolo senza la conoscenza della sua storia passata, origine e cultura è come un albero senza radici.

Marcus Garvey

Stiamo sempre costruendo la conoscenza degli altri e non riesco a pensare a un posto migliore per applicare questo ideale che nel campo del web design. Analizzando gli archivi a nostra disposizione possiamo vedere (attraverso una certa quantità di presupposti) il motivo per cui sono state prese alcune decisioni e cambiamenti. Questo può aiutare non solo a vedere la progressione naturale di un sito web, ma a capire meglio il processo di sviluppo coinvolto nel portare qualcosa come Google a ciò che è oggi.

Confrontando la progressione di molti siti web possiamo anche vedere come le tendenze del design sono cambiate nel corso degli anni. Attualmente il design piatto è "in" e puoi vedere come lo stesso Webdesigntuts + è cambiato per abbracciare questo stile.


La capacità di sfruttare gli archivi è essenziale per imparare dagli sviluppi e dagli errori del passato, quindi diamo un'occhiata a un processo che uso spesso.

Passaggio 1: scegli un sito web

È importante scegliere un argomento per iniziare la ricerca, preferibilmente all'interno dello stesso campo in cui desideri migliorare. Se si esegue un blog, quindi scegliere un blog di successo in una nicchia simile, se si dispone di un negozio online quindi imparare dai maestri eCommerce. Naturalmente, questi sono solo esempi.

Quando si incontrano questi siti così come sono oggi è facile pensare che siano spuntati dal nulla con un successo notturno, ma Waybackmachine racconterà una storia diversa. Con gli archivi possiamo iniziare a vedere gli anni di duro lavoro messi in atto per raggiungere la loro posizione attuale e la loro progressione progettuale lungo la strada. Quindi, come hanno fatto??

Passaggio 2: seguire dall'inizio

Userò play.com come esempio qui. Essendo l'URL desiderabile che è, ci sono dati che risalgono fino al 1996. Tuttavia, mi sono imbattuto nella sua prima istanza come negozio di eCommerce che è oggi il 7 agosto 2003. La prima cosa che ho notato è l'aspetto iconico e Play che ha mantenuto per anni fino a quando è stato acquistato da Rakuten nel 2011, a quel punto ha subito un aggiornamento molto più grande e un cambio di stile.

Mentre guardiamo ogni incarnazione del sito dobbiamo anche ricordare che ci sono sempre i limiti tecnologici del tempo al lavoro, come il supporto cross-browser e le velocità ridotte.

Passaggio 3: analizzare la progressione

Confrontando come Play ha iniziato a quello che è oggi, scoprirai che le modifiche sono state drastiche. Esaminiamo ed esaminiamo aree come esperienza utente, funzionalità ed estetica. Ho trovato quattro istantanee per i grandi aggiornamenti effettuati tra il 2003 e il 2013. Diamo quindi un'occhiata e cominciamo a capire come ogni cambiamento ha contribuito al prossimo.

2003


Questa è la primissima versione lanciata nel 2003. Costruito con markup tabulare, che all'epoca era comune, e ha un layout semplicistico. Uno stile unico è stato sviluppato per dare una forte identità di marca. La vasta area nel centro è stata chiaramente scelta come il punto principale per la pubblicità interna, mentre la barra di ricerca ha un peso limitato sulla pagina.

2007


Quattro anni dopo puoi vedere dal numero di categorie che la gamma di prodotti è cresciuta in modo sostanziale. La navigazione principale è riuscita, tuttavia, a mantenere lo stesso formato con un aggiornamento di design tanto necessario. Non lo penseresti oggi, ma gli smussi pesanti erano in realtà piuttosto alla moda a un certo punto ...

Il vecchio pezzo centrale è stato spostato verso il basso per far posto a una sezione pubblicitaria più prominente. Non averlo rimosso completamente indica che in realtà stava andando bene, ma si è ritenuto che l'area potesse essere meglio utilizzata.

2010


Anche in questo caso il catalogo dei prodotti è stato ampliato. Il menu è cresciuto in modo sostanziale, diventando giustificato a sinistra per adattarsi meglio a tutti i contenuti. Il pezzo centrale originale (dopo aver perso il suo primo spot) è caduto in disgrazia, diventando il secondo migliore per la caratteristica più prominente, in definitiva viene rimosso completamente.

Alla barra di ricerca è stato dato più peso sulla pagina, molto probabilmente a causa di analisi, forse mappe di calore e feedback degli utenti che ne evidenziano l'importanza. Puoi anche vedere come è cambiato il modo in cui le persone interagiscono con un sito web mentre la ricerca sul sito è diventata più popolare.

2013


Finalmente abbiamo play.com oggi; questo è di gran lunga il più grande aggiornamento di tutti. La barra laterale è stata rimossa completamente e c'è molto più spazio bianco. Il pezzo centrale è ora esteso a tutta la larghezza della pagina dopo aver dimostrato per anni di avere un ruolo importante nella pagina.

Lo stile del sito è completamente cambiato ed è stato quasi totalmente rimarchiato. Rimangono tuttavia alcuni colori familiari, ed è facile vedere che siamo ancora sullo stesso sito web. La barra di ricerca ora è molto più grande di prima e una tendenza utente è stata chiaramente notato per questo.

Passaggio 4: Raccogliere i risultati

Osservando ogni passo verso il sito definitivo e definitivo, possiamo dedicare molto tempo all'apprendimento. Possiamo vedere che la ricerca è diventata una parte cruciale dell'eCommerce, l'interazione dell'utente è cambiata e da questo posso iniziare a fare ipotesi precise. Credo che un utente abbia già in mente ciò che sta cercando prima ancora di arrivare sul sito, andando direttamente alla barra di ricerca. Per questo motivo diventeranno relativamente ciechi alla maggior parte degli elementi nella pagina. Rendendo la sezione pubblicitaria principale molto più importante, è possibile catturare meglio l'attenzione di un visitatore, anche inconsciamente.


Portare tutto insieme

Ora che comprendiamo i vantaggi dell'apprendimento dagli archivi, possiamo aggiungerlo al nostro arsenale di strumenti e risorse a nostra disposizione. Usando gli archivi insieme ad altri strumenti possiamo scoprire ancora più informazioni.

Con Alexa.com siamo in grado di tracciare il traffico di un sito nel corso degli ultimi due anni. Confrontando questo con gli archivi possiamo spesso osservare la correlazione. Spesso questo può essere un modo per confermare la nostra analisi di una pagina, che sia buona o cattiva. A volte un cambiamento potrebbe avere effetti negativi sul traffico e da questo possiamo imparare a non commettere gli stessi errori.

Non saltare alle conclusioni

Quando vedi le correlazioni tra Alexa e Internet Archives devi essere sicuro di non saltare alle conclusioni. La fine di MySpace non è dovuta a un cambiamento di progettazione, ma all'aumento di un'opposizione più forte.

Fai la tua ricerca per assicurarti che i risultati siano accurati.


Case Study: Disqus

Disqus è un fantastico sistema di commenti usato su milioni di siti Web (compresi i Tuts +). Nell'ultimo anno la sua popolarità ha visto enormi guadagni. Questo sarebbe stato per una serie di motivi, ma al momento del suo aumento del traffico è successo che è stato fatto un grande aggiornamento del design. Questo ha sicuramente contribuito alla crescita e possiamo iniziare a chiederci perché.


Il vecchio design

Ecco la pagina di destinazione del sito nel 2011.


Hai solo 10 secondi per coinvolgere gli utenti e convincerli a dare un'occhiata più da vicino.

Jakob Nielsen

Il design complessivo è solido, ma il prodotto reale non è ben visualizzato. Senza leggerlo non avresti la minima idea di cosa sia o cosa sia Disqus. Il dottor Jakob Nielsen, un noto esperto di usabilità, ha notato che hai solo 10 secondi per coinvolgere gli utenti e convincerli a dare un'occhiata più da vicino. Ciò significa che devi convertire il tuo messaggio iniziale il più rapidamente possibile per convertire i visitatori, ma non ne sono convinto. Portare il nuovo design.

Il nuovo design

Immediatamente puoi vedere un enorme miglioramento dell'estetica, il design è pulito e semplice.


Il prodotto stesso è ora chiaramente comprensibile e ha ricevuto un primo posto nella pagina. Da questo, gli utenti senza alcun indizio su Disqus possono vedere meglio che si tratta di un sistema di commenti in loco. Anche se la grafica precedente sembrava carina, non aveva molto significato ed era piuttosto distraente dallo scopo. L'invito all'azione "Ricevi questo sul tuo sito" è anche molto più importante ora e guida meglio l'attenzione verso di esso.

Credo che da questo ci sia una chiara dimostrazione che un cambiamento di progettazione ha contribuito all'aumento del traffico e alla diminuzione del tasso di caduta. Possiamo prendere queste informazioni e utilizzarle come guida per le nostre decisioni personali quando progettiamo una splash page o pubblichiamo un prodotto online.


Conclusione

Da questi esempi possiamo vedere chiaramente il beneficio dell'apprendimento dagli archivi storici. Possono formare una parte cruciale del processo di ricerca al fine di acquisire una conoscenza approfondita dei siti Web di maggior successo in giro oggi.

È importante fare la tua ricerca e utilizzare gli archivi come strumento insieme a tutte le altre risorse disponibili. Ricorda che qui puoi solo fare delle ipotesi e nulla sarà difficile. Gli archivi possono completare il tuo arsenale e migliorare la qualità della tua ricerca.

!