Bygga en konstruktiv 404-felsida (med exempel)

Felsidan är en vanlig fasett i webbdesign som ofta förbises av den vanliga publiken. I allmänhet när en användare befinner sig på en fel sida utgör det som ett misslyckande från deras sida. Något om deras handlingar har orsakat ett fel på webbplatsen, och allt hopp verkar förlorat.

När generationerna går framåt ser vi dagens ungdom mycket mer relevant för att hantera tekniska fel och spåra vägarna till en källfråga. När man arbetar med majoriteten är det viktigt att förstå användarupplevelse är allt. Det går dubbelt för nya webbapplikationer och distraherande mobila spel. När du bygger dessa sidor, håll alltid slutanvändaren i åtanke - och kom ihåg att det finns en stor skillnad från person till person!

Här kommer vi att täcka några idéer för att skapa fantastiska 404 felsidor. Dessa kommer att visa ett kort meddelande till dina besökare och möjliga lösningar för att hitta ut. Idéerna är ganska vanliga och resonerar väl inom gemenskapen av professionella webbdesigners.

Vad kan man göra med 404 fel?

När webbläsaren returnerar en 404 felkod betyder det att sidförfrågningarna inte kunde hittas på servern. I samband med webbplatser betyder det antingen ett routingproblem i backendlogiken eller den fysiska filen kunde inte hittas (.html sida, videofil, bilder, etc.).

Svårigheterna härrör från att ange källan till problemet. Har användaren följt en trasig länk från en annan webbplats? Eller är det möjligt att det finns trasiga länkar inom din navigering? Det här är en svår uppgift att lösa. Alla dessa alternativ bör övervägas och erbjudas som lösningar för användaren.

I själva verket är det dock en gång en användare som har nått felsidan, har de inte många alternativ för debugging. De kunde återgå till den tidigare visade sidan eller omdirigera till en häftklamma, till exempel Hem eller webbplatskarta.

Jag erbjuder i allmänhet dessa länkar på de flesta 404 sidor jag bygger. Detta ger användaren ett öppet val och håller dem i kontroll av åkturen. Alternativt kan det vara klokt att erbjuda en länk eller e-postadress för felrapportering. Om du inte känner till problem med borttappade sidor / brutna länkar, hur kan du eventuellt vidta försiktighetsåtgärder för att åtgärda dem?

Håll humörljuset

En annan teknik som jag har upptäckt är att hålla spridare och uppslag. Det är ofta mycket frustrerande när du använder webben och stöter på ett fel som du inte förväntade dig. Ännu värre, dagens internetanvändare håller väldigt lite tålamod för buggy apps eller? URL hittades inte !? meddelanden.

Om du är grafiskt kan jag se stora 404 sidor med alternativa illustrationer eller bakgrunder. Dessa kan skapas i Adobe Illustrator eller Fireworks och exporteras som ett vektorformat. I jämförelse erbjuder mjuka bilder och vektortecken känslan av göra en boo-boo, medan vanliga webbplatstext och länkar visas som om en teknisk katastrof har inträffat i användarnas händer.

Genom att använda lekfullt sammanhang och färgglada rubriker kommer det att drabbas av det trötta humöret som ofta är knutet till webbplatsfel. När du skriver ut din 404-sidkopia granska detaljerna på ditt språk. Låt inte användaren känna sig skyldig eller skyll på någon, för den delen.

Felrapportering

När en besökare hittar en sådan fel sida många gånger kanske de vill bidra med en biljett med oro. Det här är var att erbjuda ett kontakt-e-mail eller en liten formulär på sidan kan göra underverk av gott.

Genom att bara erbjuda en chans att lägga in några kommentarer och skicka ett meddelande till webbplatsadministratören kommer de flesta användare att känna sig mer än fördelaktiga för att hjälpa dig att hitta ett webbplatsfel. I de flesta webbsorteringsuppsättningar kan detta göras med en enkel PHP post() funktionssamtal och en enda inmatningsform som innehåller en kommentartextarea.

Om du inte tycker om att få felmeddelanden som webbansvarig eller inte kan stödja SMTP-sändning kan du också överväga ett internt biljettsystem. Genom att erbjuda användarinmatning tillsammans med rapportering av felkoden och webbadressen som den inträffade kunde dessa data lagras i en databastabell och nås via ett administratörskonto.

Om du kör en liten installation och inte behöver det här skyddet finns det säkert alternativ. Men när man räknar i miljontals sidvisningar dagligen kan e-posterna byggas upp snabbt på kort tid.

Minska Förvirring till alla kostnader

Att möta en fel sida är flusterande nog av en handling till användarna. Det betyder att sidan de får inte vara för förvirrande att förstå, för att de inte bara överger webbplatsen helt för att söka någon annanstans.

Genom att erbjuda enkla, djärva sidinnehåll kan du erbjuda snabba lösningar för problemet. Besökare som vill lämna sidan kan gå hem eller kanske försöka söka på webbplatsen. Andra kan märka felet och undersöka vad som kunde ha gått fel i ett försök att fixa saker.

I båda scenarierna är en klar, kortfattad förklaring av vad som hände och varför de inte fick sin begärda sida en absolut måste. Detta bör också fyllas i rimligt - lämna gott om vitt utrymme och? Rum att andas? för användare att räkna ut vad de vill göra.

Trots allt är spelets namn en bra användarupplevelse. Oavsett din sidas design eller estetik kommer stora 404 fel att lösa problemet för användarna och erbjuda några typiska lösningar som säkerhet.

404 Sidgalleri

Nedan har jag tagit några skott av några radikala 404 felsidor som finns på webben. Dessa spänner från alla typer och ger en klar inblick i nyårstrenderna i modern design. Förhoppningsvis kan dessa också leda din inspiration till mer kreativa, tilltalande UX-layouter.

Carol Rivello

WPBundle

Jamie Huskisson

Deaxon

Homestar Runner

Mixx

Konsekvenser

Hitta ikoner

Duoh

Wufoo

Foursquare

Hoppa överallt

Groupon

WeFunction

MailChimp