Una pagina 404: migliori pratiche e ispirazione per il design
Se non hai già familiarità con il termine, una pagina di errore 404 è una pagina che ha il compito di notificare all’utente che il collegamento a cui hanno tentato di accedere è interrotto o non esiste. Inutile dire che ottenere un risultato di pagina di errore 404 è irritante per ogni utente che lo sperimenta.
Per rendere questo evento un po’ più sopportabile per gli utenti, molti progettisti di pagine Web si sono presi la responsabilità di personalizzare la propria pagina di errore 404 in modo che appaia più "divertente" e unica. Di solito lo fanno incorporando umorismo, arguzia e un design che contiene originalità creativa nella loro pagina.
Se hai anche un piano per progettare la tua pagina 404 in questo modo, guardare alcuni esempi di pagine 404 personalizzate già realizzate potrebbe servirti come una bella ispirazione. Pertanto, abbiamo deciso di condividere un elenco di esempi di pagine di errore 404 spiritosi e unici che potrebbero aiutarti durante la creazione.
Come dovrebbe apparire una pagina di errore 404
Innanzitutto, menzioneremo alcune caratteristiche che, a nostro avviso, dovrebbe avere una pagina di errore 404 personalizzata. Alcune di queste strategie sono state effettivamente applicate da molti siti web influenti.
1 Dovrebbe corrispondere allo stile generale del tuo sito web
Se ci chiedi, questo dovrebbe essere un gioco da ragazzi. Ci sono così tanti temi WordPress creati appositamente per adattarsi all’atmosfera di un determinato tipo di attività o alla natura dei servizi o dei prodotti che il sito sta promuovendo. Pertanto, è naturale che tu debba adattare il design della tua pagina 404 sia al modello del tuo sito web che al tema generale del tuo sito web. Ad esempio, se sei un sito web di un ristorante specializzato in cucina raffinata, sarebbe utile incorporare l’immagine di un pasto dall’aspetto elegante, nonché il suo nome nella pagina di errore 404. In questo modo, i tuoi visitatori almeno non dimenticheranno che servi del buon cibo, nonostante i disagi in cui si sono imbattuti in questo momento. Grazie a molti siti Web di stock gratuiti e numerose risorse con illustrazioni vettorialipuoi migliorare l’aspetto della tua pagina di errore 404 in base alle tue esigenze.
2 Dovrebbe contenere una qualche forma di scusa
La comparsa di una pagina di errore 404 non è solo fastidiosa, ma è anche qualcosa che non sarebbe dovuto accadere in primo luogo. Ecco perché è sempre una buona idea includere una sorta di scusa nella tua pagina di errore, dove sottolinei che sei davvero dispiaciuto per i problemi dell’utente in qualche modo.
3 Una pagina di errore 404 dovrebbe includere una barra di ricerca
Anche questa può essere una buona pratica. Se aggiungi una barra di ricerca alla tua pagina di errore 404, gli utenti possono rimanere sul tuo sito Web per continuare a esplorare.
4 Considerare l’aggiunta di un collegamento
Proprio come una barra di ricerca, un link utile può fare più bene che male. Può essere qualsiasi collegamento che ritieni importante, come il tuo blog, la pagina dei contatti o persino la tua home page. Inoltre, aggiungere link in WordPress è semplicissimo.
5 Alleggeriscilo con umorismo
Abbiamo già menzionato l’umorismo in precedenza. Che sia spiritoso, controproducente o semplicemente strano, usare l’umorismo in situazioni come queste può davvero fare molto per alleggerire l’umore o il tuo visitatore. Chissà, il tuo approccio rilassato e comico potrebbe persino far sì che abbiano un’impressione più positiva del tuo marchio in generale.
In breve, se hai una buona idea per una battuta spiritosa che può andare sulla tua pagina di errore 404, non esitare ad aggiungerla, poiché l’atteggiamento umoristico è apprezzato da molti. E anche se i tuoi visitatori non lo trovano divertente, è sempre meglio mantenere le cose spensierate piuttosto che essere come una macchina al riguardo.
Puoi anche impostare un reindirizzamento alla tua pagina di errore 404. Ad esempio, se si verifica un errore, la tua pagina può semplicemente essere reindirizzata alla tua home page. Questa, tuttavia, non è la soluzione migliore, perché se c’è qualcosa che non va nella tua home page, sei tornato al punto di partenza.
Ma prima di immergerti nei migliori esempi che abbiamo preparato, prenditi del tempo per rinfrescarti la memoria sulla creazione di una pagina 404 in WordPress:
Le nostre scelte di ispirazione per la pagina di errore 404
Ora che sai quali elementi possono creare una buona pagina di errore 404, ti forniremo anche alcuni esempi di pagine di errore 404 che hanno attirato la nostra attenzione con il loro senso dell’umorismo e l’impatto generale del loro design.
Si spera che l’aspetto di questa pagina di errore 404 non rappresenti come reagirai quando incontrerai questo problema. La Pixar ha deciso di aggiungere un personaggio chiamato Sadness da una popolare foto del 2015 Inside Out, con un messaggio che consiglia di non prendere cose come queste troppo sul personale. Non potremmo essere più d’accordo.
Dopo aver lanciato una nuova identità e design del marchio, Mailchimp ha anche cambiato l’aspetto della loro pagina di errore. Il sito web specializzato in servizi di newsletter via email ha deciso di inserire un’immagine non convenzionale di un asino la cui testa è sepolta in profondità in una buca, indicando che ha cercato in ogni fessura del sito e semplicemente non c’è pagina da trovare. Bene, è evidente che l’asino ha davvero fatto del suo meglio per trovare quella pagina per te, quindi non ha davvero senso sentirsi troppo frustrati per questo.
Questo sito Web professionale basato sulla fotografia è specializzato nell’acquisizione di ritratti di neonati, matrimoni e altri eventi legati alla famiglia. Quindi è giusto che abbiano deciso di includere l’immagine di un bambino macchiato che fa i capricci nella loro pagina 404. Anche se dall’immagine è evidente che il bambino ha finito per mangiare una torta, il testo suggerisce sottilmente che anche la pagina che stavi cercando è stata mangiata. Ma come puoi arrabbiarti con un bambino che piange? Era solo curioso e ha finito per divorare la tua pagina per caso!
Il design di 404 pagine di Blizzard Entertainment ha una svolta. A parte una finestra rotta e un menu distorto (che funziona ancora, tra l’altro), c’è un messaggio che incolpa l’utente per l’errore. Sono stati un po’ audaci nel loro approccio perché questo è sicuramente un cambiamento rispetto ai soliti messaggi di scuse che tendono a comparire sulle pagine di errore. Tuttavia, è ancora unico e rinfrescante, quindi è destinato a divertire almeno alcune persone da questo inaspettato cambio di rotta.
Vedere un antagonista di Angry Birds completamente sconfitto sullo schermo del sito Web ufficiale di questo gioco solo perché la pagina non può essere trovata potrebbe effettivamente avere un effetto confortante su una persona che la visualizza. Dopotutto, non è altro che un Bad Piggy che può riguardare la tua disgrazia.
Flywheel è un’azienda specializzata nell’aiutare sviluppatori e designer a creare siti Web WordPress. La loro pagina 404 è di natura semplicistica ma comprende alcuni elementi di web design accattivanti. C’è un "questo fa davvero schifo!" messaggio che in realtà è un gioco di parole intelligente, considerando che un numero zero è in realtà un buco nero animato che ha risucchiato quello che sembra essere un laptop con una pagina rotta.
Ogni buon designer di UX riconosce che mentre ti concentri prima sulla risoluzione dei problemi più grandi che un utente ha, devi accontentarti anche quando vanno fuori script. Ecco perché le persone umili di carwow hanno creato una fantastica pagina 404 con un gioco di corse automobilistiche per quando le pagine non vengono caricate come previsto.
L’umorismo britannico è spesso caratterizzato dal non prendersi troppo sul serio. Gli stessi proprietari dell’azienda sono britannici, quindi in questa situazione si stanno davvero prendendo in giro. Lo hanno fatto disegnando due personaggi eleganti che sono profondamente immersi nella loro conversazione su una pagina che non funziona. Per tutto il tempo danno consigli all’utente su cosa dovrebbe fare dopo usando frasi inglesi che suonano decisamente comiche in questo contesto.
Personalmente, l’abbiamo perso quando hanno chiamato la pagina un "Quattrocentoquarto messaggio di errore" e quando hanno commentato che "il loro maggiordomo web risolverà il loro errore in un gioco da ragazzi".
Slack è una piattaforma collaborativa che aiuta aziende e aziende a lavorare insieme e ad andare avanti. Ma se atterri sulla loro pagina 404, considera te stesso davvero perso. La loro pagina di errore presenta una bella animazione che si muove anche se si trascina il puntatore del mouse sullo schermo. Anche se è visivamente accattivante, questo è un esempio di una pagina che non ha alcuna correlazione con il contenuto del sito Web ma fa comunque bene il suo lavoro.
Lasciati ispirare e preparati a sperimentare
Oltre agli esempi di 404 pagine accuratamente creati utilizzati da marchi famosi, ci sono molti altri fantastici modelli a cui puoi rivolgerti. Progettati da artisti esperti con l’attenzione ad ogni dettaglio, questi sono i nostri preferiti.
Progettato da Lena Zaytseva, questo modello è un ottimo esempio di layout di pagina di errore 404 interattivo e non tipico. Minimal, ma efficace, combina il colore bianco e giallo con testi animati. Le parole con il nome del sito web sono separate da “404". Contemporaneamente, nella parte inferiore della pagina viene visualizzato il tuo messaggio principale insieme al pulsante di ritorno. Questa soluzione è ottima per siti web all’avanguardia e nicchie creative.
Sebbene questa pagina 404 possa sembrare di base all’inizio, è un buon esempio di come la semplicità possa essere efficace. Con una tonalità di colore blu dominante e un’illustrazione 3D intelligente, mostra che 404 pagine originali e non tradizionali possono fare davvero la differenza. Se vuoi che la tua presentazione online si distingua, questa può essere la soluzione giusta.
404 pagine di errore per lo più ci fanno sentire come se fossimo persi nello spazio. Sulla base di questa metafora, questo esempio di pagina 404 è un modo efficace per reindirizzare i visitatori del sito Web alla home page. La grafica adorabile e gli elementi piatti sono l’obiettivo principale di questo modello. In un caso, se desideri una pagina 404 che sia una piccola opera d’arte e possa funzionare perfettamente per qualsiasi tipo di sito Web creativo, non esitare a provare questo layout.
Progettato da Caroline Lee, questo audace layout di pagina 404 è perfetto per chi preferisce lo stile retrò e multicolore. L’atmosfera di questo modello ci ricorda i videogiochi pionieristici e una buona vecchia era televisiva. La miscela di colori vivaci come rosa, giallo, blu e verde e le diverse dimensioni delle forme si adattano a qualsiasi design o studio di gioco.
Se c’è una parola che può descrivere questo layout sarebbe giallo! Ispirato all’estetica della pop art americana, questo esempio 404 combina due tonalità di giallo, iconici punti e strisce. SE vuoi portare un po’ d’arte in questo tipo di pagina, questa è una strada da percorrere.
Semplicità a volte tanto da offrire. Questo modello è la migliore prova. Sul lato sinistro c’è l’illustrazione di un chitarrista con una chitarra con una corda rotta. Il forte simbolismo di questa illustrazione si adatta perfettamente al contesto della pagina di errore 404. Dall’altro lato, c’è un semplice messaggio con il pulsante Torna indietro.
Guardare le 404 pagine di errore già esistenti può essere divertente, ma crearne una può essere tutta un’altra storia. Ci vuole spirito, creatività e anche un po’ di apertura mentale per poter lavorare. Tuttavia, speriamo che alcuni dei nostri suggerimenti ti aiutino almeno a ottenere un buon vantaggio.