En 404-sida – bästa praxis och designinspiration
Om du inte redan är bekant med termen är en 404-felsida en sida som har till uppgift att meddela användaren att länken de har försökt komma åt är trasig eller inte existerar. Naturligtvis är det irriterande för varje användare som upplever det att få ett 404-felsidaresultat.
För att göra denna händelse lite mer uthärdlig för användarna har många webbsidesdesigners tagit på sig att anpassa sin 404-felsida så att den framstår som mer "rolig" och unik. De gör detta vanligtvis genom att inkludera humor, kvickhet och en design som innehåller kreativ originalitet på sin sida.
Om du också har en plan för att designa din egen 404-sida på det här sättet, kan det vara en bra inspiration att titta på några exempel på redan gjorda skräddarsydda 404-sidor. Därför har vi bestämt oss för att dela med oss av en lista över kvicka och unika 404-felsidor som kan hjälpa dig under ditt skapande.
Hur en 404-felsida ska se ut
Först ska vi nämna några egenskaper som, enligt vår mening, en anpassad 404-felsida borde ha. Vissa av dessa strategier har faktiskt tillämpats av många inflytelserika webbplatser.
1 Den ska matcha den övergripande stilen på din webbsida
Om du frågar oss borde det här vara en no-brainer. Det finns så många WordPress-teman som är speciellt gjorda för att passa atmosfären hos en viss affärstyp eller typen av tjänster eller produkt som webbplatsen marknadsför. Därför är det bara naturligt att du anpassar din 404-sidors design till både din webbplatsmall och det övergripande temat för din webbplats. Om du till exempel är en restaurangwebbplats som specialiserar sig på god mat, skulle det vara bra att infoga en bild av en snygg måltid, samt dess namn på din 404-felsida. På så sätt kommer dina besökare åtminstone inte att glömma att du serverar god mat, trots det besvär de har stött på just nu. Tack vare många gratis lagerwebbplatser och många resurser med vektorillustrationerdu kan öka utseendet och känslan på din 404-felsida efter dina behov.
2 Den bör innehålla någon form av ursäkt
Att ha en 404-felsida som poppar upp är inte bara irriterande, det är också något som inte borde ha hänt i första hand. Det är därför det alltid är en bra idé att inkludera någon form av ursäkt på din felsida, där du betonar att du verkligen är ledsen för användarens problem på något sätt.
3 En 404-felsida bör innehålla ett sökfält
Detta kan också vara en bra praxis. Om du lägger till ett sökfält på din 404-felsida kan det få användare att stanna kvar på din webbplats för att fortsätta utforska.
4 Överväg att lägga till en länk
Precis som ett sökfält kan en användbar länk göra mer nytta än skada. Detta kan vara vilken länk som helst som du anser vara viktig, till exempel din blogg, kontaktsida eller till och med din hemsida. Dessutom är det superenkelt att lägga till länkar i WordPress.
5 Lättare upp med humor
Vi nämnde redan humor tidigare. Oavsett om det är kvickt, självförstörande eller helt enkelt konstigt, att använda humor i situationer som dessa kan verkligen göra en bra bit på att lätta upp stämningen eller din besökare. Vem vet, ditt avslappnade och komiska förhållningssätt kan till och med sluta med att de får ett mer positivt intryck av ditt varumärke överlag.
Kort sagt, om du har en bra idé för en kvick linje som kan gå på din 404-felsida, tveka inte att lägga till den, eftersom humoristisk attityd välkomnas av många. Och även om dina besökare inte tycker att det är roligt, är det alltid bättre att hålla saker lättsamma än att vara maskinlika med det.
Du kan också ställa in en omdirigering till din 404-felsida. Till exempel, om ett fel uppstår kan din sida bara omdirigeras till din hemsida. Detta är dock inte den bästa lösningen, för om det är något fel på din hemsida är du tillbaka till ruta ett.
Men innan du dyker in i de bästa exemplen vi förberett, ta dig tid att fräscha upp ditt minne om att bygga 404-sidor i WordPress:
Våra inspirationsval för Error 404-sidor
Nu när du vet vilka element som kan göra en bra 404-felsida kommer vi också att ge dig några exempel på fel 404-sidor som har fångat våra ögon med sin humor och den övergripande effekten av deras design.
Förhoppningsvis visar inte hur den här 404-felsidan ser ut hur du kommer att reagera när du stöter på det här problemet. Pixar har bestämt sig för att lägga till en karaktär som heter Sadness från en populär 2015-bild Inside Out, med ett meddelande som råder dig att inte ta saker som dessa för personligt. Vi kunde inte vara mer överens.
Efter att ha lanserat en ny varumärkesidentitet och design har Mailchimp även ändrat utseendet på deras felsida. Webbplatsen som är specialiserad på nyhetsbrevstjänster via e-post har beslutat att inkludera en okonventionell bild av en åsna vars huvud är begravt djupt i ett hål, vilket indikerar att den har sökt igenom varje spricka på webbplatsen och att det helt enkelt inte finns någon sida att hitta. Tja, det är uppenbart att åsnan verkligen gjorde sitt absolut bästa för att hitta den sidan åt dig, så det är verkligen ingen idé att bli för frustrerad över det.
Denna professionella fotografibaserade webbplats är specialiserad på att ta porträtt av nyfödda bebisar, bröllop och andra familjerelaterade händelser. Så det är bara passande att de har bestämt sig för att inkludera en bild på ett utsmetat litet barn som kastar ut raserianfall på sin 404-sida. Även om det framgår av bilden att barnet har ätit en tårta, antyder texten subtilt att sidan du letade efter också har blivit uppäten. Men hur kan man bli arg på ett gråtande barn? Det var bara nyfiket och slutade sluka upp din sida av en slump!
Blizzard Entertainments design på 404 sidor har en twist. Bortsett från ett trasigt fönster och en förvrängd meny (som fortfarande fungerar, förresten), finns det ett meddelande som skyller på användaren för felet. De var lite vågade i sitt tillvägagångssätt eftersom detta definitivt är en förändring från de vanliga ursäktande meddelandena som tenderar att dyka upp på felsidor. Men det är fortfarande unikt och uppfriskande, så det kommer säkert att få åtminstone vissa människor roade av denna oväntade vändning.
Att se en Angry Birds antagonist fullständigt besegrad på skärmen på det här spelets officiella webbplats bara för att sidan inte kan hittas kan faktiskt ha en tröstande effekt på en person som tittar på den. Det är trots allt ingen mindre än en Bad Piggy som kan relatera till din olycka.
Flywheel är ett företag specialiserat på att hjälpa utvecklare och designers bygga WordPress-webbplatser. Deras 404-sida är förenklad till sin natur men består av några få engagerande webbdesignelement. Det finns ett "det här suger verkligen!" meddelande som faktiskt är en smart ordvits, med tanke på att en siffra noll faktiskt är ett animerat svart hål som har sugit in vad som verkar vara en bärbar dator med en trasig sida.
Varje bra UX-designer inser att även om du fokuserar på att lösa de största problemen som en användare har först, måste du ta hänsyn till när de går off-script också. Det är därför de ödmjuka människorna på carwow skapade en fantastisk 404-sida med ett bilracingspel för när sidor inte laddas som planerat.
Brittisk humor kännetecknas ofta av att inte ta sig själv på för stort allvar. Företagsägarna själva är brittiska, så i den här situationen tar de faktiskt ett grepp om sig själva. De har gjort det genom att rita två posh karaktärer som är djupt fördjupade i sin konversation om att en sida inte fungerar. Hela tiden ger de råd till användaren om vad de ska göra härnäst genom att använda brittiska fraser som låter rent komiska i det här sammanhanget.
Personligen tappade vi det när de kallade sidan för ett "fyra-hundra och fjärde felmeddelande" och när de kommenterade att "deras web-butler kommer att fixa sina misstag på ett knepigt sätt".
Slack är en samarbetsplattform som hjälper företag och företag att arbeta tillsammans och gå framåt. Men om du landar på deras 404-sida, betrakta dig själv som verkligen förlorad. Deras felsida har en vacker animation som också rör sig om du drar muspekaren över skärmen. Även om det är visuellt engagerande är det här ett exempel på en sida som inte har någon som helst korrelation till webbplatsens innehåll men som ändå gör sitt jobb bra.
Bli inspirerad och redo att experimentera
Förutom de noggrant skapade exemplen på 404 sidor som används av kända varumärken, finns det många andra fantastiska mallar du kan vända dig till. Designade av erfarna artister med uppmärksamhet på varje detalj, dessa är våra favoriter.
Den här mallen är designad av Lena Zaytseva och är ett utmärkt exempel på interaktiv, icke-typisk 404-felsidlayout. Minimal men ändå effektiv kombinerar den vita och gula färgen med animerade texter. Orden med webbplatsens namn bryts isär av "404". Samtidigt visas ditt huvudmeddelande tillsammans med returknappen längst ner på sidan. Den här lösningen är perfekt för edgy webbplatser och kreativa nischer.
Även om den här 404-sidan kan verka grundläggande till en början, är den ett bra exempel på hur enkelhet kan vara effektiv. Med dominerande blå färgnyans och smart 3D-illustration visar det att original, icke-traditionella 404-sidor kan göra en verklig skillnad. Om du vill att din onlinepresentation ska sticka ut kan detta vara rätt passform.
404-felsidor får oss oftast att känna att vi är vilse i rymden. Baserat på denna metafor är detta exempel på 404 sidor ett kraftfullt sätt att omdirigera webbplatsbesökare till startsidan. Härlig grafik och platta element är huvudfokus i denna mall. I ett fall vill du ha en 404-sida som är ett litet konstverk och som kan fungera perfekt för alla slags kreativa webbplatser, tveka inte att prova denna layout.
Designad av Caroline Lee, den här djärva layouten på 404 sidor passar utmärkt för alla som föredrar den retro, flerfärgade stilen. Viben i denna mall påminner oss om banbrytande videospel och en gammal god tv-era. Blandningen av ljusa färger som rosa, gult, blått och grönt och de olika storlekarna på formerna passar alla design- eller spelstudior.
Om det finns ett ord som kan beskriva denna layout skulle det vara gult! Inspirerat av amerikansk popkonst-estetik kombinerar detta 404-exempel två nyanser av gult, ikoniska prickar och ränder. OM du vill ta med lite konst på den här typen av sida är det här en väg att gå.
Enkelhet ibland så mycket att erbjuda. Denna mall är det bästa beviset. På vänster sida finns en illustration av en gitarrist med en gitarr med bruten sträng. Den starka symboliken i denna illustration passar perfekt till sammanhanget för 404-felsidan. På andra sidan finns ett enkelt meddelande med knappen Gå tillbaka.
Att titta på de redan existerande 404-felsidorna kan vara kul, men att göra en kan vara en helt annan historia. Det krävs kvickhet, kreativitet och lite öppenhet också för att fungera. Icke desto mindre hoppas vi att några av våra förslag åtminstone hjälper dig att få ett bra försprång.