Costruire una pagina di errore 404 costruttiva (con esempi) (Ispirazione)

La pagina di errore è un aspetto comune nel web design spesso trascurato dalla folla mainstream. Generalmente, quando un utente si trova su una pagina di errore, costituisce un errore da parte sua. Qualcosa sulle loro azioni ha causato un errore sul sito e tutte le speranze sembrano perse.

Con il progredire delle generazioni, vediamo i giovani di oggi molto più applicabili per affrontare gli errori tecnologici e tracciare le rotte verso un problema di origine. Quando si ha a che fare con la maggioranza è importante capire l'esperienza dell'utente è tutto. Questo è il doppio per le applicazioni web new-age e per i giochi mobili che distrae. Mentre la costruzione di queste pagine tiene sempre a mente l'utente finale e ricorda che c'è una grande differenza da persona a persona!

Qui tratteremo alcune idee per la formidabile pagina di errore 404. Questi mostreranno un breve messaggio ai tuoi visitatori e le possibili soluzioni per trovare la loro via d'uscita. Le idee sono abbastanza comuni e risuonano bene all'interno della community di web designer professionisti.

Cosa si può fare con 404 errori?

Quando il browser restituisce un codice di errore 404, ciò significa che non è stato possibile trovare le richieste di pagina sul server. In correlazione con i siti Web, ciò significa o un problema di routing nella logica back-end o il file fisico non può essere localizzato (pagina .html, file video, immagini, ecc.).

Le difficoltà derivano dall'individuazione della fonte del problema. L'utente ha seguito un link non funzionante da un altro sito web? O è possibile che ci siano collegamenti interrotti nella tua navigazione? Questo è un compito difficile da risolvere. Tutte queste opzioni dovrebbero essere considerate e offerte come soluzioni per l'utente.

In verità però, una volta che un utente ha raggiunto la pagina di errore, non ha molte opzioni per il debug. Potrebbero tornare alla pagina visualizzata in precedenza o reindirizzare a una graffatura, ad esempio Home o Sitemap.

Generalmente offro questi link sulla maggior parte delle 404 pagine che costruisco. Ciò offre all'utente una scelta aperta e ne mantiene il controllo la corsa. In alternativa potrebbe essere saggio offrire un link o un indirizzo e-mail per la segnalazione di bug. Se non si è a conoscenza di problemi con pagine perse / collegamenti interrotti, come è possibile prendere precauzioni per risolverli?

Mantieni la luce dell'umore

Un'altra tecnica che ho scoperto è quella di mantenere il linguaggio burrascoso e up-beat. Spesso è molto frustrante quando si utilizza il web e si verifica un errore che non ti aspetti. Ancora peggio, gli utenti di Internet di oggi hanno poca pazienza per le app buggy o? URL non trovato !? messaggi.

Se sei graficamente capace, ho visto grandi 404 pagine con illustrazioni o sfondi alternativi. Questi potrebbero essere creati in Adobe Illustrator o Fireworks ed esportati come formato vettoriale. In confronto, le immagini morbide e i caratteri vettoriali offrono la sensazione di fare un boo-boo, mentre il semplice testo del sito web e i link appaiono come se un disastro tecnologico si fosse verificato per mano dei tuoi utenti.

L'uso di contesti giocosi e titoli colorati svuota lo stato d'animo spesso afflitto dagli errori del sito web. Quando disegni la tua copia della pagina 404, esamina i dettagli nella tua lingua. Non far sentire l'utente in colpa o dare la colpa a nessuno, se è per questo.

Segnalazione errori

Quando un visitatore trova una tale pagina di errore molte volte potrebbe voler contribuire con un ticket di interesse. È qui che offrire un'e-mail di contatto o un piccolo modulo in-page può fare meraviglie.

Offrendo solo la possibilità di inserire alcuni commenti e inviare un messaggio all'amministratore del sito, la maggior parte degli utenti si sentirà più che utile nell'aiutare a individuare un errore del sito. Nella maggior parte delle configurazioni di web sever questo potrebbe essere fatto con un semplice PHP mail () chiamata di funzione e un modulo di input singolo contenente un'area di testo dei commenti.

Se non ti piace ricevere e-mail di errore come webmaster o non puoi supportare il mailing SMTP puoi anche considerare un sistema di ticketing interno. Offrendo l'input dell'utente e riportando il codice di errore e l'URL che si è verificato, questi dati potrebbero essere memorizzati all'interno di una tabella di database e accessibili tramite un account di amministratore.

Se stai eseguendo una piccola installazione e non hai bisogno di questa protezione, ci sono sicuramente delle alternative. Tuttavia, quando si contano in milioni di pagine viste ogni giorno a volte le e-mail possono accumularsi rapidamente in poco tempo.

Riduci la confusione a tutti i costi

L'incontro con una pagina di errore è abbastanza complicato per gli utenti. Ciò significa che la pagina che ricevono non dovrebbe essere troppo confusa da comprendere, per paura che abbandonino il sito interamente per cercare altrove.

Offrendo contenuti di pagina semplici e in grassetto, puoi offrire soluzioni immediate per il problema. I visitatori che desiderano lasciare la pagina possono tornare a casa o provare a cercare il sito. Altri potrebbero notare l'errore ed esaminare cosa potrebbe essere andato storto nel tentativo di sistemare le cose.

In entrambi gli scenari una spiegazione chiara e concisa di ciò che è accaduto e del motivo per cui non hanno ricevuto la loro pagina richiesta è un assoluto dovere. Questo dovrebbe anche essere completato ragionevolmente - lasciare un sacco di spazio bianco e spazio per respirare? per gli utenti di capire cosa vogliono fare.

Dopotutto, il nome del gioco è una grande esperienza utente. A prescindere dal design o dall'estetica della tua pagina, 404 errori risolveranno il problema per gli utenti e offriranno alcune soluzioni tipiche come garanzia.

Galleria di 404 pagine

Di seguito ho preso alcuni scatti di alcune pagine di errore 404 radicali che si trovano sul Web. Questi vanno da tutti i tipi e offrono una visione chiara delle tendenze new age nel design moderno. Speriamo che questi possano anche guidare la tua ispirazione verso layout UX più creativi e gradevoli.