10 siti Web che ci piacerebbe vedere riprogettati nel 2020 (e perché)
Designer diversi hanno interpretazioni diverse su ciò che rende un sito Web eccezionale. Ma una cosa su cui possiamo essere tutti d'accordo è che la popolarità non rende mai eccezionale la progettazione di un sito Web. Abbiamo delle prove.
Oggi diamo uno sguardo ad alcuni siti Web popolari di proprietà di marchi e aziende noti. Questi siti Web ricevono milioni di visitatori ogni mese. E sono famosi in tutto il mondo. Tutti questi siti Web hanno una cosa in comune: potrebbero usare un po 'di aggiornamento visivo!
Anche se il web design è arrivato al punto di essere un'industria e si è evoluto con nuove incredibili tecnologie, ci sono aziende che utilizzano ancora design di siti Web obsoleti.
Non siamo sicuri che questi marchi abbiano paura del cambiamento o semplicemente non diano la priorità al design. Ad ogni modo, riteniamo che questi siti Web debbano essere rinnovati per il meglio dei loro utenti. Continua a leggere per scoprire perché.
Esplora risorse di progettazione
1. Craigslist
Craigslist è uno dei siti di annunci più popolari su Internet. Craig Newmark ha iniziato Craigslist come semplice elenco di e-mail nel 1995 e lo ha trasformato in un sito Web nel 1996. Dall'aspetto delle cose, si può presumere che il sito Web potrebbe utilizzare lo stesso design che avevano usato nel 1996.
Secondo SimilarWeb, Craigslist riceve oltre 360 milioni di visitatori ogni mese. Eppure ha uno dei peggiori design di siti Web che tu abbia mai visto. Il design del sito Web di Craigslist comprende tutti gli errori che vorresti evitare durante la progettazione di un sito Web.
Perché questo sito web non sembra buono?
Per cominciare, Craigslist ha un design molto ingombro senza alcun segnale visivo o senso di direzione. Il sito web non è altro che testo. Tuttavia, il carattere è troppo piccolo e rende difficile la lettura. Il colore blu brillante del carattere certamente non aiuta a migliorare la leggibilità.
Soprattutto, il design del sito Web non è reattivo. Sembra terribile se visualizzato su schermi con risoluzioni diverse. L'intero processo di navigazione degli elenchi degli annunci, i design dei moduli per la pubblicazione degli annunci e quasi ogni altro aspetto del sito Web devono essere disperatamente migliorati.
Come può essere migliorato?
Anche cambiare il carattere e il colore del carattere può essere considerato un miglioramento per Craigslist in questa fase. Tuttavia, un modo migliore per trovare ispirazione è quello di dare un'occhiata al sito web Gumtree.
Gumtree è il sito web di annunci più grande del Regno Unito. E il suo moderno design del sito Web ha tutto ciò che ci piacerebbe vedere su un sito Web di annunci. Ha un design intuitivo con una migliore funzione di ricerca, filtri per restringere la ricerca, migliori anteprime e descrizioni per la scansione degli annunci e altro ancora.
2. AOL
AOL era la più grande piattaforma su Internet e una società che possedeva la maggior parte degli strumenti che tutti utilizzavano in passato. Aveva il potenziale per essere qualcosa di incredibile. Ma, con l'ascesa dei suoi concorrenti, AOL ha perso la cognizione del tempo e non è riuscito a evolversi con le attuali esigenze degli utenti.
Oggi le persone sanno a malapena cos'è AOL. Anche noi siamo rimasti sorpresi nel vedere il sito ancora attivo e funzionante. Secondo SimilarWeb, AOL riceve ancora oltre 200 milioni di visitatori ogni mese. A prima vista, il sito web sembra fantastico. Quindi perché pensiamo che questo debba essere riprogettato?
Perché questo sito web non sembra buono?
Come sempre, AOL sembra ancora giocare al passo con il moderno design dell'interfaccia utente, ma la società è ancora indietro di qualche anno. Ha ancora un design ingombro pieno di tante cose dalle notizie all'intrattenimento meteorologico e altro ancora. Chiunque visiti il sito sarà immediatamente confuso su dove andare e cosa fare.
Quando abbiamo visitato il sito Web siamo stati bombardati da un video a riproduzione automatica con suoni automatici. Non commettere l'errore di utilizzare AOL per cercare qualcosa mentre sei al lavoro.
Inutile dire che ti distrarrai facilmente quando visiti AOL.
Come può essere migliorato?
Il sito Web di AOL potrebbe ricordare un altro motore di ricerca popolare. Yahoo! usato per presentare un design molto simile. Ma non più. Anche Yahoo! sapeva quando evolversi.
Se c'è una cosa che AOL può imparare dai suoi concorrenti come Google, Bing e DuckDuckGo è che le persone preferiscono i motori di ricerca con design minimi senza distrazioni. Ecco perché Yahoo! anche passato a un design minimalista del sito Web.
3. Notizie sugli hacker
Hacker News è come Reddit per startup, programmatori e imprenditori. Un singolo post su Hacker News potrebbe fare la differenza tra ottenere la tua idea di avvio finanziata o completamente distrutta.
Il sito è uno dei più grandi siti Web di aggregatori di notizie disponibili oggi con oltre 12 milioni di persone che visitano ogni mese. Eppure presenta ancora lo stesso design utilizzato nel 2007.
Perché questo sito web non sembra buono?
Hacker News sta facendo gli stessi errori fatti da Craigslist. L'unica buona caratteristica che possiamo pensare in confronto è che questo sito utilizza un carattere sans-serif con un colore che è facile per gli occhi.
Tuttavia, il sito presenta ancora un design ostile che deve essere rinnovato. L'errore più grande commesso dal sito è che i thread mostrati nella homepage si collegano direttamente alla pagina di origine. Non puoi aprire il thread di Hacker News facendo clic sul titolo.
Inoltre, ci piacerebbe vederlo adottare un approccio più visivo. Pur ottimizzando il design per i dispositivi mobili.
Come può essere migliorato?
Ricordi quando Reddit assomigliava a Hacker News? Per fortuna, Reddit ha recentemente rinnovato il design del suo sito Web e ora sembra molto meglio di quanto non sia mai stato.
Hacker News può anche adottare un design simile a Reddit. Non deve essere così visivo ma il sito avrà sicuramente un aspetto migliore quando i thread vengono evidenziati e separati l'uno dall'altro. E consentire agli utenti di aprire le discussioni facendo clic sul titolo.
4. Berkshire Hathaway
Riesci a credere che questo sia il sito ufficiale di una multinazionale che possiede beni per un valore di oltre $ 700 miliardi e che guadagna un reddito netto di oltre $ 4 miliardi?
Berkshire Hathaway è una società di proprietà di Warren Buffet, una delle persone più ricche del mondo. Eppure è difficile credere che non potesse permettersi qualche centinaio di dollari per ridisegnare il sito web.
Perché questo sito web non sembra buono?
Da dove iniziamo? Ci sono così tante cose che non vanno in questo sito web. Prima di tutto, non ti dice di cosa tratta il sito Web o l'azienda. Perché non ha una pagina "about".
Il sito funge da elenco di collegamenti che reindirizza gli utenti ad altri siti Web per conoscere lo stato attuale dell'azienda. La maggior parte dei quali avrebbe potuto essere facilmente inclusa nella home page e salvare agli utenti la difficoltà di caricare altri siti Web.
Peggio ancora, il sito promuove anche un altro sito Web di assicurazione auto sulla homepage.
Come può essere migliorato?
A questo punto, è sufficiente aggiungere anche una piccola descrizione dell'azienda per migliorare questo sito Web. Ma potrebbe trarre ispirazione da un'altra multinazionale come Shell Global.
Berkshire Hathaway potrebbe anche utilizzare un design simile e più visivo per evitare di dare alle persone l'impressione sbagliata dell'azienda. E si spera, trasforma il sito Web in un centro di informazioni per i suoi investitori e il pubblico in generale.
5. Alfabeto
Alphabet è la società madre di Google e ha molti altri marchi e aziende con il suo nome. Tuttavia, il suo sito Web è un mistero a sé stante.
Perché questo sito web non sembra buono?
Abbiamo avuto alcune domande quando abbiamo visitato il sito Web di Alphabet. Se "G" sta per Google, quali altre società possiede? Chi è il CEO dell'azienda? Invece di conoscere i tuoi investitori, dove possiamo saperne di più sulla società e su ciò che rappresenti?
Tante domande sono rimaste senza risposta a causa del design ultra minimalista del sito Web. Possiamo capire che i fondatori dell'azienda fanno le cose diversamente. Ma un sito Web aziendale dovrebbe essere in grado di fornire informazioni sull'attività.
Come può essere migliorato?
Anche se IBM non è un concorrente diretto di Alphabet e non ha nemmeno un sito Web molto moderno, pensiamo che Alphabet possa imparare molto dal design del loro sito Web.
IBM utilizza un semplice sistema di navigazione per consentire agli utenti di conoscere i loro prodotti e servizi. Ancora più importante, ha una pagina "about" che descrive in dettaglio ciò di cui l'azienda si occupa. Alphabet potrebbe utilizzare alcune di queste funzionalità sul suo sito Web.
6. Amazon
Amazon ha fatto molta strada dal suo lancio per diventare il più grande sito Web al dettaglio su Internet. Anche il design del sito web del sito è rimasto lo stesso per molti anni. Fino a poco tempo fa ha ottenuto un design della homepage aggiornato.
Tuttavia, le pagine dei prodotti del sito Web potrebbero ancora utilizzare alcuni miglioramenti.
Perché questo sito web non sembra buono?
Le pagine dei prodotti Amazon hanno il design più frustrante che potrebbe confonderti se non conosci il sito. Quando si visualizza un prodotto, il layout di pagina a schermo intero rende più difficile l'esplorazione.
Le descrizioni dei prodotti sono troppo lunghe e non sono state formattate bene per una lettura più semplice. Quando scorri verso il basso per saperne di più su un prodotto, verrai inizialmente bombardato da così tanti servizi di upselling e consigli simili sui prodotti che ti fanno chiedere se sei nella pagina del prodotto giusto.
Il processo di checkout del sito Web potrebbe anche utilizzare una riprogettazione di massa.
Come può essere migliorato?
Riprogettare centinaia di migliaia di pagine di prodotti non è un compito facile. È probabilmente il motivo per cui Amazon non ha preso in considerazione un nuovo layout per le pagine dei suoi prodotti. Tuttavia, crediamo che possano imparare molto dai suoi concorrenti come Best Buy, che utilizza un design più user-friendly.
Invece di un layout a schermo intero, Best Buy utilizza un design in scatola per le pagine dei prodotti. Diverse varianti del prodotto sono anche ordinatamente mostrate sul lato. E le descrizioni dei prodotti sono formattate in diverse sezioni per una facile scansione. Ecco come si progetta una pagina di prodotto corretta.
7. IMDb
IMDb o Internet Movie Database è la piattaforma ideale per imparare tutto su film e programmi TV. Il sito Web riceve oltre 500 milioni di visitatori ogni mese.
Quando visiti la homepage di IMDb, sembra incredibile. È dotato di un design a schermo intero con un tema di colore scuro. E grandi anteprime di film e programmi TV per esplorare facilmente il suo contenuto.
Ma aspetta fino ad aprire una pagina di prodotto. La differenza tra la homepage di IMDb e la pagina di un prodotto è come la notte e il giorno.
Perché questo sito web non sembra buono?
Anche se la homepage del sito Web di IMDb è stata rinnovata di recente, i layout delle pagine dei suoi prodotti per film e programmi TV sono rimasti gli stessi. Questo layout utilizza un design scatolato molto stretto. Questo rende le pagine ingombra e più difficile navigare nella pagina e trovare maggiori informazioni. La terribile scelta del carattere rende anche più difficile leggere il suo contenuto.
Come può essere migliorato?
IMDb può certamente imparare alcune lezioni dal design della pagina di Metacritic.
Metacritic utilizza un design di pagina pulito e a schermo intero. I dettagli e le descrizioni sono più facili da leggere. E offre una navigazione chiara con elementi visivi. Questo stesso approccio al design si adatterebbe bene anche a IMDb.
8. Wikipedia
Con oltre 1, 3 miliardi di visitatori ogni mese, Wikipedia è uno dei migliori siti Web su Internet che tutti hanno visitato almeno una volta nella vita.
Il sito web, tuttavia, ha ancora bisogno di un importante rinnovamento per renderlo più rilevante oggi e attraente per il pubblico attuale.
Perché questo sito web non sembra buono?
Dato che Wikipedia è un sito web senza fini di lucro gestito con l'aiuto di donazioni, non possiamo essere troppo severi sul suo design. Dopotutto, sta fornendo un servizio pubblico.
Tuttavia, riteniamo che un design migliore per le pagine degli articoli possa dimostrarlo molto più utile e intuitivo. Soprattutto per attirare il pubblico più giovane.
La formattazione del contenuto degli articoli richiede molto lavoro. Gli articoli di Wikipedia utilizzano un design a schermo intero e, di conseguenza, i paragrafi di testo sono allungati troppo a lungo. E rende difficile la lettura.
Soprattutto, il sito ha bisogno di un adeguato sistema di navigazione.
Come può essere migliorato?
Anche se i giorni di Britannica sono finiti, Wikipedia può ancora imparare qualche trucco dal design del loro sito web.
Ad esempio, i layout di pagina di Britannica presentano un pannello di navigazione appiccicoso in cui gli utenti possono saltare a diverse sezioni dell'articolo. Ha anche un design della pagina molto migliore con una migliore formulazione che migliora la leggibilità.
Se Wikipedia avesse un design come questo, passeremo più tempo sul sito a leggerne effettivamente il contenuto.
9. Università di tecnologia avanzata
Siamo rimasti piuttosto scioccati nel trovare un sito web simile a quello di un'università specializzata in "tecnologie avanzate". In qualche modo l'università sembra aver perso molti anni di progressi nelle tecnologie di web design.
Perché questo sito web non sembra buono?
Per i principianti, il menu di navigazione rotante animato è ciò che ci frustra di più. Se perdi la possibilità di fare clic su un elemento, devi attendere che faccia un giro completo verso di te. Probabilmente è il design di navigazione più frustrante che abbiamo mai visto.
Come può essere migliorato?
Il motivo principale per cui qualcuno visita un sito Web del college è conoscere il college stesso, i suoi programmi e corsi. Questo include mostrare un tour del college. Compresa la navigazione categorizzata per trovare facilmente i corsi. E pagine sugli insegnanti e sulla reputazione del college. Tutto ciò che questo sito Web non è riuscito a realizzare.
Il sito web della Stanford University è un buon esempio di come svolgere quel lavoro.
10. W3Schools
W3Schools è una popolare risorsa online per imparare a programmare. È un sito ben noto per molti web designer e programmatori, sia principianti che esperti. Secondo SimilarWeb, il sito è abbastanza popolare. Riceve oltre 50 milioni di visitatori ogni mese.
Presenta una vasta collezione di corsi informativi, ma i progetti delle pagine del corso potrebbero migliorare leggermente.
Perché questo sito web non sembra buono?
I corsi di W3Schools offrono lezioni brevi ma con un approccio diretto diretto. Ciò comporta la pratica di ciò che apprendi in ogni corso utilizzando un editor di codice.
Tuttavia, l'editor di codice deve essere caricato separatamente per funzionare. Questo significa che devi avere due schede aperte sul tuo browser per imparare una lezione.
Come può essere migliorato?
Un modo migliore per avvicinarsi al design della piattaforma di apprendimento online, in particolare per i corsi di programmazione, è quello di fornire una sandbox con anteprime dal vivo per gli studenti con cui giocare. Questo è esattamente ciò che fa CodeAcademy.
Ogni lezione nei corsi CodeAcademy presenta tre pannelli in cui la lezione è dettagliata insieme a un editor di codice e un'anteprima dal vivo. Ciò fornisce agli studenti un modo molto più semplice di apprendere con un approccio più pratico. È esattamente ciò di cui W3Schools ha bisogno.
In conclusione
Se c'è una cosa che possiamo imparare da tutti questi siti Web è che prendersi cura del proprio marchio e della presenza online dell'azienda è oggi più importante che mai. Come puoi vedere sopra, il cattivo design del sito web è tutto quello che serve a qualcuno per avere l'impressione sbagliata di un marchio. Speriamo che queste aziende possano finalmente riacquistare senso e rinnovare i loro siti Web, almeno entro questo decennio.
){kind=link}