Share
Le pagine di errore 404 rappresentano una grande opportunità per mostrare la personalità di un sito Web, offrendo allo stesso tempo aiuto a utenti potenzialmente confusi. Se hai avviato un sito Web senza aver considerato pagine di errore, dovresti farlo subito.
Questo è un fuoco rapido, sguardo divertente a 404 pagine da tutto il web e li classificheremo come segue:
Per saperne di più su come pubblicare pagine di errore personalizzate, dai un'occhiata a .htaccess Files for the Rest of Us di Dan Wellman. Per WordPress in particolare, provare Come creare una semplice pagina di errore 404 per temi WordPress.
Perfettamente funzionale, esattamente quello che vuoi da www.gov.uk/404.
Messaggio cristallino da www.designernews.co/404.
Funzionale da Foursquare foursquare.com/404.
Netflix, dimostrando che non hanno bisogno di preoccuparsi di campane e fischietti estranei www.netflix.com/404.
Essere brutalmente onesti; Mi sarei aspettato che uxpin.com/404 offrisse un percorso per continuare. Forniscono un modo per gli utenti di segnalare i collegamenti interrotti, il che è ottimo, ma il flusso è ancora interrotto dalla mancanza di input di ricerca o collegamento home.
Invision probabilmente fa un lavoro più approfondito con lo stesso approccio, compreso un modo per arrivare almeno a www.invisionapp.com/404.
La pagina 404 di Airbnb offre tutti i link di cui hai bisogno a sinistra con un'animazione semplice e minimalista sulla destra. Pulito, chiaro e abbastanza semplice da consentire all'utente di tornare al sito Web.
Un approccio minimalista e creativo simile di Dropbox. dropbox.com/404
Sai che sta arrivando, ma ti garantisco che dovrai ancora dare un pugno al comando sbagliato un paio di volte per sentirlo nouveller.com/404 (buon lavoro @BenjaminReid e @ iamkeir-grazie per il suggerimento David Darnes).
Oh no, speravo di trovare-aspetta, sono quelle maniglie di bézier ?! www.figma.com/404.
C'è davvero una sola ragione per cui visiterai comunque il sito web di Vintage Mono Pro 1403, quindi perché non testare il carattere tipografico se ti lasci scollare? 1403.slantedhall.com/404.
Passa il mouse su questo gufo costruito con HTML e CSS ...
Amazon ha creato questo fantastico tema, Incontra i cani di Amazon e visualizza questo link al loro blog sulla pagina 404, amazon.com/404. Ogni volta che atterri sulla pagina 404 è presente un cane diverso.
Vincent Vega ha difficoltà a trovare dove dovrebbe essere su 9gag.com/404.
Grande animazione da marvelapp.com/404.
Se sei un fan di I.T. Folla (sei, giusto?) Non ho bisogno di dirti cosa sta succedendo in questa GIF. Controlla www.larkef.com/404 per l'originale.
Zombie mostra una bella mano animata e in decomposizione. Molto suggestivo.
Più GIF, più violenza, da www.bloomberg.com/404. Grazie a Luke Meehan per questo suggerimento.
Elefanti giurati su gradle.com/404.
Qualche copia divertente dalla piattaforma di newsletter e-mail www.getrevue.co/404.
Teehan + Lax non è più attivo come agenzia, ma fortunatamente i loro 404 sopravvivono. T + L amava iniettare umorismo nei loro prodotti personali; questa pagina di errore non fa eccezione, prendendo spunto da "scomode foto di famiglia" www.teehanlax.com/404/.
Ora dimmi che questo messaggio pixar.com/404 non ti ha fatto sorridere.
Rimanendo fedele all'identità del marchio, The New Yorker non fallisce mai. newyorker.com/404
Calmante e attraente, da Tubik Studio.
Slack sottolinea che questa deliziosa scena a scorrimento probabilmente non è il posto che cercavamo. Anche se con i suoi conigli e la flora allegra non ho davvero problemi a stare lì slack.com/404.
GIF magic e Pacman di Arthur MB.
La collezione di pagine Smeraldo 404 comprende 24 varianti, tutte semplici e immediate.
RPZ è una raccolta di disegni a due pagine, ciascuno con quattro alternative di colore. Semplice e pulito.
Ci scusiamo con il team di castle.io/404.
Allo stesso modo da Litmus litmus.com/404.
Scuse con la motivazione pratica di Lego lego.com/404
Starbucks dice scusa e fornisce una ragione su cosa è andato storto e cosa puoi fare. starbucks.com/404
Parziale? Forse, ma ho sempre amato il terminale animato del computer visto sul nostro 404 webdesign.tutsplus.com/404. Ben fatto, Jacob!
Fork CMS, sfruttando la classica combinazione brand / pun www.fork-cms.com/404.
Riconosci queste impronte? foundation.zurb.com/404
Questo biglietto di volo altamente stilizzato "perso tra le nuvole" è un ottimo modo per presentare un errore 404.
Grande sentimento da parte di Adidas: cos'altro ti aspetti da uno dei più grandi motivatori del mondo? www.adidas.co.uk/404.
MailChimp, i maestri di aggiungere personalità ai prodotti, usa la loro mascotte Frederick von Chimpenheimer IV in caso di mancata campagna e-mail us1.campaign-archive1.com/404.
Penso che sappiamo di chi è questo 404, giusto? www.facebook.com/404.
IMDb.com/404 ha trasformato alcune citazioni di film famosi per citazioni su siti web. Ce ne sono alcuni così ogni volta che atterri sulla 404 è una citazione diversa.
Questi esempi dovrebbero ispirarti a diventare creativo con le tue 404 pagine di errore. Ricorda:
Accentsconagua