Ingen vill tro att besökare på webbplatsen spenderar tid på felsidor, men det händer. 404-felsidan är en plats där dessa interaktioner händer ganska ofta. Utforma det på ett sätt som talar till användare istället för att uppmuntra dem att lämna din webbplats.
Mer minnesvärda och mindre frustrerande 404 felsidor är de mest framgångsrika. De kan också vara det roligaste att designa. Så vad kan du göra för att skapa den bästa 404-sidan för din webbplats? Här är några tips, trick och galleri av bra exempel.
Vad är en 404 fel sida?
Webbplats besökare landar på en 404-fel sida när de försöker besöka en sida som inte existerar. Det här kan bero på att sidan har tagits bort, servern eller internetanslutningen är nere, användarna har klickat på en trasig länk eller skrivit en webbadress felaktig.
Vanligtvis resulterar 404 felsidor i ett av följande meddelanden:
- 404 Ej Hittad
- HTTP 404 hittades inte
- 404 fel
- Sidan kan inte hittas
- Den begärda webbadressen hittades inte på den här servern
När det gäller den övergripande utformningen av 404 sidor finns det två alternativ - en generisk 404-sida eller en anpassad 404-sida. Generiska sidor spottar bara ovanstående meddelanden utan hänsyn till designen. Anpassade sidor är de som du designar och skapar alternativ för. Du måste ha tillgång till värdservern för att göra detta. (Det är inte något vi kommer att gå in här, men du kan lära dig mer om det från en lista ibland.)
Goda anpassade 404 felsidor berättar användarna vad de ska göra om de blir felaktiga på något sätt. Sidor ska innehålla användbar information som hjälper besökare att stanna på din webbplats och hitta den information de söker. (Förhoppningsvis kommer de också att ha en snygg design.)
Grundläggande måste ha information
För att vara effektivast bör en 404 fel sida vara något enkel i naturen. Det borde berätta för användarna att det finns ett fel (självklart) och vilka alternativ de måste flytta framåt från den här sidan.
Vad en 404 sida inte borde ha är en massa tekniska jargong. (Du vill inte skrämma användare, gör du?) I all verklighet bör du nog inte ens använda rubriken? 404 Fel? eftersom många av dina användare inte har någon aning om vad det betyder. Håll dig till något med mer mening, till exempel? Sidan kan inte hittas.?
Det finns några andra bitar av information som du måste ha på 404-sidan. Kom ihåg att det är meningen att besökarna klickar på om de hittat sidan felaktigt och inte förlorar dem.
- En stark rubrik eller text som förklarar en användare varför de är här. Det krossas när du landar på en webbsida som inte är vad du menade. Se till att användarna vet att de inte är på höger sida, men de är på rätt webbplats.
- Sök. Kontrollera att 404-felsidan har samma sökfunktionalitet (och på samma plats) som resten av din webbplats. På så sätt kan användarna leta efter den sida som de tänkte besöka.
- Länkar till din hemsida och sitemap. Det här kommer sannolikt att hända som ett designelement som innehåller en rubrik eller sidfot som matchar resten av webbplatsen.
- Minimal information annars. Överväg att avlägsna komplicerad navigering. Om en användare kommer till en sida felaktigt, ge den personen bara några alternativ som kommer att leda till framgång. För många alternativ här kan ytterligare frustrera eller förvirra användaren.
- Inkludera en uppenbar uppmaning till handling. Berätta för användarna vad de ska göra nästa.
Gör 404 sidor användbara
En del av konstruktionsprocessen när man tänker på 404 sidor bör vara användbarhet. Inkludera funktioner som gör sidan både visuellt tilltalande och funktionell för den förlorade användaren.
Google har en lista med bra förslag på information att inkludera på en anpassad 404-sida i sina verktyg för webbansvariga. Dessa tips omfattar:
- Berätta för besökarna tydligt att den sida de söker inte kan hittas. Använd språk som är vänligt och inbjudande.
- Se till att din 404-sida använder samma utseende som resten av din webbplats.
- Överväg att lägga till länkar till dina mest populära artiklar eller inlägg.
- Tänk på att ge ett sätt för användarna att rapportera en trasig länk.
- Se till att din webbserver returnerar en faktisk 404 HTTP-statuskod när en saknad sida begärs så att den inte visas i sökresultaten.
- Använd widgeten Enhance 404 för att bädda in en sökruta på din anpassade 404-sida.
- Använd verktyget Ändra adress för att berätta för Google om din webbplatss flytt.
Till den lista med tips är en till för designers: Var kreativ. En 404-sida behöver inte vara tråkig om den är tekniskt sund.
Design 404 sidor med syfte
När du tänker på utformningen av en 404-fel sida, överväga först hur det fungerar i förhållande till resten av webbplatsen. Vad är stämningen eller tonen i din övergripande design? Hur kan den här sidan matcha den känslan?
Stora fel sidor möts sömlöst med den webbplats de lever på. Om din webbplats har en ljus och humoristisk ton, så borde 404-sidan. Färgerna och bilderna bör också ha en konsekvent design. Var försiktig men i konstruktionen att inte skylla på användaren för landning på fel sida. (Det händer oftare än du kanske tror.)
Tänk på designen för en fel sida som du skulle ha någon annan sida i det övergripande designprogrammet.
- Behåll designens konsistens. Använd samma färg, typografi och bildstilar som är integrerade på andra sidor på webbplatsen.
- Bibehålla branding. Med samma logotyp kan sidhuvud och sidfotbehandling hjälpa användare att känna igen din webbplats.
- Håll det enkelt visuellt. Mindre är mer när det gäller fel sidor.
- Gör inte användarna bläddra. Detta är en enskärmsdesign.
- Undvik för många gimmicks. Även om det är en bra idé att behålla tonen och känslan på din webbplats och varumärke, för många? Extrafunktioner? kan få användarna att glömma vad de letade efter i första hand.
- Ursäkta och vara empatisk Det är okej att vara ledsen att en användare landade på fel ställe.
- Om din webbplats kräver en inloggning, lägg till en plats för den.(Har felet inträffat eftersom användaren behövde vara inloggad?)
- Vara kreativ. Eller roligt. Men testa sidan först. Se till att slumpmässiga användare? Få det.?
- Om du använder? 404 fel? lägg till en andra rad text som berättar användarna vad det betyder eller vad de behöver göra nästa.
12 stora exempel
Det finns inget som att slå en bra 404-felsida. Det underlättar frustrationen av en dålig eller trasig länk. Här är ett dussin sidor som säkert gör att du vill stumma på ett fel.
Deviant Art
Gig Masters
iFolderLinks
lego
LimpFish
Magnt
Mattel
ModCloth
NPR
Steve Lambert
Titleist
Tobi
Slutsats
Det kan vara svårt att tänka på att designa en sida som är resultatet av ett fel som en rolig eller en plats för att visa upp någon kreativitet, men det är ett. Att utforma en effektiv 404-sida är en blandning av enkelhet, användbarhet och designflair.
Missade vi några av de element du gillar att se på en 404-feltsida? Har du designat en bra 404-sida? Dela dina tankar och mönster med oss i kommentarerna, på Facebook eller Twitter.