Che cosa rende una pagina di errore 404? (Accessibilità)

Nessuno vuole pensare che i visitatori del sito web stiano passando il tempo sulle pagine di errore, ma succede. La pagina di errore 404 è un luogo in cui queste interazioni avvengono piuttosto frequentemente. Disegnala in un modo che parli agli utenti piuttosto che incoraggiarli a lasciare il tuo sito.

Le pagine di errore 404 più memorabili e meno frustranti sono le più riuscite. Possono anche essere il più divertente da progettare. Cosa puoi fare per creare la migliore pagina 404 per il tuo sito? Ecco alcuni suggerimenti, trucchi e gallery di grandi esempi.

Che cos'è una pagina di errore 404?

I visitatori del sito web atterrano su una pagina di errore 404 quando cercano di visitare una pagina che non esiste. Ciò può essere dovuto al fatto che la pagina è stata rimossa, che il server o la connessione Internet non funziona, che gli utenti hanno fatto clic su un collegamento interrotto o hanno digitato un URL errato.

In genere 404 pagine di errore risultano in uno dei seguenti messaggi:

404 non trovato
HTTP 404 non trovato
404 Errore
La pagina non può essere trovata
L'URL richiesto non è stato trovato su questo server

Quando si tratta della progettazione generale di 404 pagine, ci sono due opzioni: una pagina 404 generica o una pagina 404 personalizzata. Le pagine generiche sputano semplicemente i messaggi sopra senza riguardo per il design. Le pagine personalizzate sono quelle per le quali hai progettato e creato opzioni. È necessario avere accesso al server host per farlo. (Non è qualcosa che andremo qui, ma puoi saperne di più da A List Apart.)

Le buone pagine di errore 404 personalizzate dicono agli utenti cosa fare se vengono indirizzati in modo errato in qualche modo. Le pagine dovrebbero includere informazioni utilizzabili che aiuteranno un visitatore a rimanere sul tuo sito e a trovare le informazioni che stanno cercando. (Speriamo che abbiano anche un design accattivante).

Informazioni di base indispensabili

Per essere più efficace una pagina di errore 404 dovrebbe essere di natura piuttosto semplice. Dovrebbe dire agli utenti che c'è un errore (ovviamente) e quali opzioni devono andare avanti da questa pagina.

Quello che una pagina 404 non dovrebbe avere è un mucchio di gergo tecnico. (Non vuoi spaventare gli utenti, vero?) In tutta la realtà, probabilmente non dovresti nemmeno usare il titolo? Errore 404? perché molti dei tuoi utenti non avranno idea di cosa significhi. Attenersi a qualcosa con più significato, ad esempio? Impossibile trovare la pagina.?

Ci sono altre informazioni che devi avere sulla pagina 404. Ricorda, il punto è di tenere i visitatori cliccati se hanno trovato la pagina in errore, senza perderli.

Un titolo forte o un testo che spiega a un utente perché sono qui. È stridente quando atterri su una pagina web che non è ciò che intendi. Assicurati che gli utenti sappiano di non essere sulla pagina giusta, ma si trovano sul sito giusto.
Ricerca. Assicurati che la pagina di errore 404 abbia la stessa funzionalità di ricerca (e nella stessa posizione) del resto del tuo sito. In questo modo gli utenti possono cercare la pagina che intendono visitare.
Link alla tua homepage e mappa del sito. Probabilmente questo accadrà come elemento di design che include un'intestazione o un piè di pagina che corrisponde al resto del sito.
Informazione minima altrimenti. Considera di spogliare la navigazione complicata. Se un utente arriva a una pagina per errore, dà a quella persona solo alcune opzioni che porteranno al successo. Troppe opzioni qui potrebbero ulteriormente frustrare o confondere l'utente.
Includi un'ovvia chiamata all'azione. Dì agli utenti cosa fare dopo.

Rendi utilizzabili 404 pagine

Parte del processo di progettazione quando si pensa a 404 pagine dovrebbe essere l'usabilità. Include funzionalità che rendono la pagina visivamente accattivante e funzionale per l'utente smarrito.

Google ha un elenco di ottimi suggerimenti per informazioni da includere in una pagina 404 personalizzata nei suoi strumenti per i webmaster. Questi suggerimenti includono:

Spiega ai visitatori che la pagina che stanno cercando non può essere trovata. Usa un linguaggio amichevole e invitante.
Assicurati che la pagina 404 utilizzi lo stesso aspetto del resto del tuo sito.
Prendi in considerazione l'aggiunta di link ai tuoi articoli o post più popolari.
Pensare di fornire un modo per gli utenti di segnalare un collegamento interrotto.
Assicurati che il tuo server web restituisca un vero codice di stato HTTP 404 quando viene richiesta una pagina mancante in modo che non compaia nei risultati di ricerca.
Usa il widget Migliora 404 per incorporare una casella di ricerca sulla tua pagina 404 personalizzata.
Utilizza lo strumento Cambia indirizzo per comunicare a Google lo spostamento del tuo sito.

A quell'elenco di suggerimenti c'è ancora un altro per i designer: sii creativo. Una pagina 404 non deve essere noiosa se è tecnicamente valida.

Progetta 404 pagine con scopo

Quando stai pensando al design di una pagina di errore 404, considera innanzitutto come funziona in relazione al resto del sito. Qual è lo stato d'animo o il tono del tuo design complessivo? Come può corrispondere questa pagina?

Le grandi pagine di errore si integrano perfettamente con il sito in cui vivono. Se il tuo sito ha un tono leggero e umoristico, dovrebbe essere la pagina 404. Anche i colori e le immagini dovrebbero avere un design coerente. Fai attenzione però nel design a non incolpare l'utente per l'atterraggio sulla pagina sbagliata. (Questo accade più frequentemente di quanto si possa pensare).

Pensa al design di una pagina di errore come faresti con qualsiasi altra pagina nello schema di progettazione generale.

Mantenere la coerenza del design. Usa lo stesso colore, la tipografia e gli stili di immagine che sono integrati su altre pagine del sito web.
Mantieni il marchio. Utilizzando lo stesso logo, il trattamento di intestazioni e piè di pagina aiuterà gli utenti a riconoscere il tuo sito.
Mantieni visivamente semplice. Meno è meglio quando si tratta di pagine di errore.
Non far scorrere gli utenti. Questo è un design a schermo unico.
Evita troppi espedienti. Mentre è una buona idea mantenere il tono e la sensazione del tuo sito e marchio, troppi? Extra? può far dimenticare agli utenti ciò che stavano cercando in primo luogo.
Chiedere scusa ed essere empatico. È giusto dispiacersi che un utente sia atterrato nel posto sbagliato.
Se il tuo sito richiede un accesso, aggiungi un posto per esso.(L'errore si è verificato perché l'utente doveva accedere?)
Essere creativo. O divertente. Ma prova prima la pagina. Assicurati che gli utenti casuali ottengano.
Se usi l'errore 404 ,? aggiungi una seconda riga di testo per dire agli utenti cosa significa o cosa devono fare dopo.

12 grandi esempi

Non c'è niente come colpire una grande pagina di errore 404. Allevia la frustrazione di un collegamento cattivo o interrotto. Ecco una dozzina di pagine che ti faranno sicuramente incappare in un errore.

Arte deviante

Gig Masters

iFolderLinks

Lego

LimpFish

Magnt

Mattel

ModCloth

National Public Radio, Radio Pubblica

Steve Lambert

Titleist

Tobi

Conclusione

Può essere difficile pensare di progettare una pagina che è il risultato di un errore come divertimento o un luogo in cui mostrare creatività, ma è un essere. Progettare una pagina efficace 404 è un mix di semplicità, usabilità e stile.

Abbiamo perso tutti gli elementi che ti piacerebbe vedere in una pagina di errore 404? Hai progettato una grande pagina 404? Condividi i tuoi pensieri e disegni con noi nei commenti, su Facebook o Twitter.