Cum se creează un design inteligent al paginii de eroare 404?

Fiecare webmaster știe că cele mai enervante cuvinte pe care un utilizator le poate vedea pe ecran sunt „ Ceva nu a mers greșit ”, iar acest lucru este valabil mai ales în cazul paginilor de eroare 404.

O eroare 404 apare atunci când un utilizator caută o anumită pagină care nu a putut fi găsită pe server. Este un tip de pagină de destinație pe care nu doriți să o întâlnească vizitatorii dvs., dar, din păcate, se întâmplă. Niciun site web nu are probleme 100% din timp și, pe măsură ce site-ul tău crește, identificarea fiecărui link întrerupt sau expirat devine din ce în ce mai dificilă. De aceea, aveți nevoie de un mod ușor de utilizat pentru a recunoaște această problemă.

O pagină inteligentă de eroare 404 prezintă oportunități excelente de îmbunătățire a experienței utilizatorului. Vă poate ajuta să vă arătați personalitatea mărcii și să vă informați publicul că vă pasă de ei. Deci, investind ceva timp și efort în designul dvs. de 404 pagini, vă puteți asigura că, deși un utilizator ar putea să nu fi găsit informațiile pe care le căuta, nu este deloc rău.

Ce face o pagină de eroare 404 bună? Ce ar trebui să includeți și cum puteți să vă prezentați mesajul? Ei bine, hai să vă arătăm.

O eroare 404 este...

Acest tip de pagină de eroare răspunde la un cod de eroare HTTP standard care le spune utilizatorilor că site-ul web sau pagina web la care încercau să ajungă nu a putut fi găsită pe server.

404 este o eroare la nivelul clientului și înseamnă că persoana a introdus greșit adresa URL, că pagina web a fost mutată sau eliminată sau adresa URL nu a fost actualizată în consecință.

În esență, când apare o pagină de eroare 404 înseamnă că ceva a mers prost. Lucrul important de reținut aici este că erorile apar și ceea ce faceți cu ele contează.

Două abordări principale ale designului de 404 pagini

Potrivit JustInMind, există două abordări principale pentru proiectarea unei pagini de eroare.

• Pagina Bare Bones . O pagină simplă cu un mesaj de eroare simplu, care anunță utilizatorii că pagina pe care au solicitat-o ​​nu a putut fi găsită.
• Pagina Soft . O pagină mai creativă și mai detaliată, concepută pentru a le arăta utilizatorilor că, deși ceva a mers prost, totul va fi bine până la urmă.

O pagină de eroare 404 este o oportunitate importantă de branding

În mod ideal, fiecare webmaster ar prefera ca utilizatorii săi să nu vadă cu totul o pagină de eroare 404. Cu toate acestea, atunci când site-urile web sunt actualizate, pot apărea erori și unele link-uri pot să nu mai funcționeze.

Chiar dacă puteți face tot posibilul pentru a reduce timpul în care apare o eroare 404, nu puteți elimina complet necesitatea acesteia. Prin urmare, este mai bine să fii proactiv și să creezi un design de pagină care poate transforma o experiență de utilizator slabă într-una plăcută.

Acest lucru va crește șansele ca utilizatorii să continue să navigheze pe site-ul dvs., ajutându-vă astfel să vă consolidați imaginea mărcii, reducând rata de rotație și îmbunătățindu-vă SEO. În plus, vă va permite să construiți încredere cu vizitatorii dvs., în același timp, atenuând lovitura de la pagina lipsă.

6 elemente cheie ale unei pagini inteligente de eroare 404

Un design inteligent, rentabil și simplist de 404 de pagini este ceea ce ar trebui să urmăriți. Nu trebuie să cheltuiți mii de ore și de dolari pentru a crea o pagină pe care, în mod ideal, nimeni nu ar trebui să o vadă. Cu toate acestea, ar trebui să depuneți tot efortul potrivit pentru a profita la maximum de el.

Iată șase elemente cheie de proiectare a paginii de eroare pe care ar trebui să le includeți (plus unul bonus) pentru a vă asigura că 404 își servește bine scopul.

1. Un mesaj de eroare clar

Deși societatea noastră este alfabetizată digital, nu presupuneți că toată lumea știe ce este o eroare 404. După cum am menționat mai devreme, aceasta nu este o pagină pe care utilizatorii ar trebui să o vadă des și astfel nu ar trebui să fie obișnuiți cu ea.

Pentru a ajuta utilizatorii să recunoască imediat că au ajuns pe o pagină 404, includeți un mesaj de eroare clar. Spuneți-le care este problema într-un mod simplu, simplu și util.

Fii atent la alegerea cuvintelor tale. Nu căutați mesajul de tipul „404 Error: Page Not Found”. În schimb, mergeți cu: „ Îmi pare rău! Nu am putut găsi pagina pe care o căutați ” sau ” Hopa! Pagina pe care o cauți a dispărut. ” Apoi, explicați pe scurt motivul mesajului.

SFAT : Spune-ți scuze chiar dacă nu este vina ta. Îi va arăta vizitatorului că îți pasă.

2. Un aspect de marcă

Pagina dvs. personalizată de eroare 404, chiar dacă „ascuns” face parte în continuare din site-ul dvs. Ca atare, ar trebui să conțină aceleași elemente vizuale și de marcă ca și restul mediilor dvs. online. – sigla, fonturile, culorile, antetul și ar trebui să mențină aceeași identitate și stil unic de marcă.

3. Legături funcționale către site-ul dvs

Scopul principal al unei pagini de eroare 404 este de a redirecționa rapid utilizatorii în direcția corectă. Prin urmare, pentru a realiza acest lucru în mod eficient, trebuie să fie funcțional. Aceasta înseamnă includerea următoarelor trei componente:

• Un link către pagina ta de pornire – Un element de bază pe care nu trebuie să-l uiți.
• Un meniu – Pentru a ajuta la navigare și pentru a vă menține designul consistent.
• Linkuri către cel mai bun conținut al dvs. – Includeți trei până la patru linkuri către conținut de înaltă calitate pe care vizitatorii dvs. l-ar putea găsi interesant. Scopul este de a evita pierderea traficului cât de mult puteți și de a îndrepta vizitatorii în direcția corectă.
• Un câmp de căutare – Acest lucru le va oferi vizitatorilor posibilitatea de a căuta conținutul pe care l-au avut în vedere, ceea ce le va oferi șansa de a căuta mai mult din conținutul dvs.

4. Un apel la acțiune

Dacă vă gândiți la pagina dvs. de eroare 404 ca un tip de pagină de destinație, atunci ar trebui să aplicați aceeași logică. Aceasta înseamnă să adăugați un îndemn (CTA) pentru a naviga pe vizitatori către alte pagini ale site-ului dvs. în loc să nu îl părăsiți.

Posibilele CTA de inclus sunt:

• Un buton „ Înapoi ” sau „ Mergeți la pagina de pornire ”.
• O bară de căutare pentru a introduce cuvinte cheie noi.
• O listă de pagini sau postări populare.

Acest lucru va adăuga mai multă valoare paginii dvs. de eroare, captând interesul vizitatorului și acționând ca un magnet principal.

5. Niște umor ușor

Un element amuzant, cum ar fi un citat plin de duh, o meme sau o ilustrație amuzantă, este întotdeauna binevenit atunci când notificați o eroare 404. Face pagina distractiv și experiența utilizatorului mai puțin frustrantă. Ai grijă doar să nu exagerezi.

Un design plin de umor al paginii de eroare va ajuta vizitatorii să zâmbească, păstrându-i astfel pe site-ul dvs. mai mult timp. Ca să nu mai vorbim, dacă este cu adevărat uimitor, utilizatorii le pot spune chiar și colegilor despre asta. Ce mod distractiv de a îmbunătăți vizibilitatea și păstrarea mărcii!

6. Un design simplu

Includerea inteligentă a tuturor elementelor menționate mai sus este ceea ce în cele din urmă va face sau distruge pagina dvs. de eroare 404. Crearea unui design care este plin până la refuz cu elemente vizuale și link-uri către fiecare pagină posibilă a site-ului dvs. web va ajunge cu siguranță la limita răbdării vizitatorului dvs. frustrat.

Mai puțin este întotdeauna mai mult. Cele mai bune modele sunt cele care își pot atinge obiectivele în cel mai simplu mod posibil. O reclamă minimalistă de eroare 404 se va asigura că această pagină își servește scopul mai eficient. În plus, va demonstra că aveți abilitățile de a crea un design sofisticat și funcțional.

[Bonus] 7. O ofertă specială

O modalitate bonus de a vă valorifica pagina de eroare 404 este să prezentați vizitatorilor o ofertă pe care nu o pot refuza. Oferind o reducere de 10%, de exemplu, poți reduce dezamăgirea potențialului utilizator, îi poți încuraja să revină pe site-ul tău web și chiar poți profita de pe urma situației.

Dacă decideți să includeți o ofertă specială pe pagina dvs. de eroare, asigurați-vă că vă comunicați generozitatea într-un mod empatic. De exemplu, puteți adăuga un mesaj precum „Ne cerem scuze sincere pentru acest inconvenient. Lăsați-ne să ne compensam cu această ofertă specială.”

Câteva modele ingenioase de 404 pagini pentru a vă inspira

1. Spotify

Platforma de streaming de muzică a avut o întorsătură plină de spirit și creație la pagina lor de eroare 404. De la fundalul pastel simplu, butonul „Înapoi” și designul inteligent al recorderului și „404s and heartbreaks” este o pagină bine planificată.

Sursă

2. Mailchimp

Site-ul Mailchimp este despre branding și personalitate, prin urmare pagina lor 404 nu ne dezamăgește. Mesajul lor clar și ilustrația inteligentă de marcă spune totul.

Sursă

3. Mediu

Medium ne prezintă o pagină de eroare minunată și clasică, care oferă o experiență excelentă pentru utilizator, cu un design minimalist, fontul și copierea potrivite și un mesaj inteligent care mângâie utilizatorii că doar pierzându-se pot descoperi ceva nou.

Sursă

4. Airbnb

Fiind o companie care ia foarte în serios personalitatea mărcii, pagina 404 a Airbnb este un succes total. Folosind umor și flare, ei știu cum să facă experiența utilizatorului mult mai puțin frustrantă.

Sursă

5. Lego

Acesta este un exemplu grozav de design de pagină de eroare 404, care necesită o experiență slabă pentru utilizator și o transformă într-o oportunitate de a face o vânzare. Copia este clară, cu umor ușor și un CTA puternic.

Sursă

Gânduri finale

Un design inteligent de pagină de eroare 404 este o oportunitate minunată de a vă arăta creativitatea și de a vă încuraja utilizatorii să-și continue călătoria pe site-ul dvs. web. Oferă asigurări că, în ciuda faptului că ceva nu merge bine, totul va fi în regulă.

O pagină grozavă 404 are un design moale, de marcă și funcțional, cu un mesaj de eroare clar. Pentru a compensa frustrarea utilizatorului la maximum, puteți include, de asemenea, puțin umor ușor sau chiar o ofertă specială.

Ce părere aveți despre cum ar trebui să arate designul unei pagini de eroare 404? Împărtășește-ți gândurile în secțiunea de comentarii de mai jos.