Vad är "graciös nedbrytning" i webbdesign?

click fraud protection

De webbdesignindustrin förändras alltid, delvis för att webbläsare och enheter alltid förändras. Eftersom det arbete som vi gör som webbdesigners och utvecklare ses genom en webbläsare av något slag kommer vårt arbete alltid att ha ett symbiotiskt förhållande till den programvaran.

Ändringar i webbläsare

En av de utmaningar som webbdesigners och utvecklare alltid har haft att göra är inte bara ändringar i webbläsare, men också utbudet av olika webbläsare som kommer att användas för att komma åt deras webbplatser. Det skulle vara jättebra om alla besökare på en webbplats var säkra på att använda den senaste och bästa mjukvaran, men det har aldrig varit fallet (och det kommer sannolikt aldrig vara).

Några av besökarna på dina webbplatser kommer att se webbsidorna med webbläsare som är mycket gamla och saknar funktioner i modernare webbläsare. Till exempel, äldre versioner av Microsofts Internet Explorer-webbläsare har länge varit en tagg i sidan för många webbproffs. Även om företaget har tappat stöd för några av deras äldsta webbläsare, finns det fortfarande människor där ute som kommer att använda dem, människor du kanske vill göra affärer med och kommunicera med.

instagram viewer

Definition av 'Graceful Degradation'

Verkligheten är att människor som använder dessa föråldrade webbläsare ofta inte ens vet att de har föråldrad programvara eller att deras webbupplevelse kan äventyras på grund av deras programvara val. För dem är den föråldrade webbläsaren helt enkelt vad de länge har använt för att komma åt webbplatser. Ur webbutvecklarnas perspektiv vill vi se till att vi fortfarande kan leverera en användbar upplevelse till dessa kunder, samtidigt som de skapar webbplatser som fungerar underbart i de modernare, funktionsrika webbläsarna och enheter som är tillgängliga idag.

"Graciös nedbrytning" är en strategi för att hantera webbdesign för en mängd olika webbläsare, både gamla och nya.

Börjar med moderna webbläsare

En webbdesign som är byggd för att graciöst försämras designas först med moderna webbläsare i åtanke. Den webbplatsen är skapad för att dra nytta av funktionerna i dessa moderna webbläsare, varav många "automatiskt uppdaterar" för att säkerställa att människor alltid använder en ny version. Webbplatser som graciöst försämras fungerar också effektivt för äldre webbläsare. När de äldre, mindre funktionsrika webbläsarna visar webbplatsen bör den försämras på ett sätt som fortfarande är funktionellt men möjligen med färre funktioner eller olika visuella bilder. Även om detta koncept att leverera en mindre funktionell eller inte lika snygg webbplats kan tycka dig konstig, är sanningen att människor inte ens vet att de saknas. De kommer inte att jämföra webbplatsen som de ser mot den "bättre versionen", så länge som webbplatsen fungerar för vad de behöver och verkar inte vara trasiga, varken funktionellt eller visuellt, du kommer att ha det bra form.

Progressiv förbättring

Begreppet graciös nedbrytning liknar på många sätt ett annat webbdesignkoncept som du kanske har hört talas om - progressiv förbättring. Huvudskillnaden mellan den graciösa nedbrytningsstrategin och den progressiva förbättringen är var du startar din design. Om du börjar med den lägsta gemensamma nämnaren och sedan lägger till funktioner för modernare webbläsare för dina webbsidor använder du progressiv förbättring. Om du börjar med de mest moderna, banbrytande funktionerna och sedan skala tillbaka använder du graciös nedbrytning. I slutändan kan den resulterande webbplatsen sannolikt leverera samma upplevelse oavsett om du använder progressiv förbättring eller graciös nedbrytning. Realistiskt är poängen med båda metoderna att skapa en webbplats som fungerar bra för moderna webbläsare samtidigt som de har en användbar upplevelse för äldre webbläsare och kunder som fortsätter att använda dem.

Graciös nedbrytning betyder inte att du säger till dina läsare, "Ladda ner den senaste webbläsaren"

En av anledningarna till att många moderna designers inte gillar den graciösa nedbrytningsmetoden är att det ofta blir ett krav att läsarna laddar ner den mest moderna webbläsaren för att sidan ska fungera. Detta är inte värdigt förfall. Om du tycker att du vill skriva "ladda ner webbläsaren X för att få den här funktionen att fungera" har du lämnat området för graciös nedbrytning och flyttat in i webbläsarcentrerad design. Ja, det finns utan tvekan värde i att hjälpa en webbplatsbesökare att uppgradera till en bättre webbläsare, men det är ofta mycket att fråga dem (kom ihåg att många inte förstår hur man laddar ner nya webbläsare, och ditt krav på att de gör det kan helt enkelt skrämma dem bort). Om du verkligen vill ha deras verksamhet är det troligtvis inte sättet att berätta för dem att lämna din webbplats för att ladda ner bättre programvara. Om inte din webbplats har nyckelfunktionalitet som kräver en viss version av webbläsaren eller högre, är det ofta en avbrott i användarupplevelsen att tvinga nedladdning och det bör undvikas.

En bra tumregel är att följa samma regler för graciös nedbrytning som du skulle göra för progressiv förbättring:

  • Skriv giltiga, standard-kompatibla HTML
  • Använd externa stilark för din design och layout
  • Använd externt länkade skript för interaktivitet
  • Se till att innehållet är tillgängligt även för webbläsare på låg nivå utan CSS eller JavaScript

Med denna process i åtanke kan du sedan gå ut och bygga den mest banbrytande designen du kan! Se bara till att det försämras i mindre funktionella webbläsare medan du fortfarande arbetar.

Hur långt tillbaka behöver du gå?

En fråga som många webbutvecklare har är hur långt tillbaka när det gäller webbläsarversioner ska du stödja? Det finns inget svar på den här frågan. Det beror på själva webbplatsen. Om du granskar en webbplats trafikanalys ser du vilken webbläsare används för att besöka den webbplatsen. Om du ser en anmärkningsvärd procentandel av människor som använder en viss äldre webbläsare, kommer du troligtvis att vilja stödja den webbläsaren eller riskera att förlora den verksamheten. Om du tittar på din analys och ser att ingen använder en äldre webbläsarversion är du förmodligen det säkert att fatta beslutet att inte oroa sig för att helt stödja den föråldrade webbläsaren och testa för Det. Så det verkliga svaret på frågan hur långt tillbaka din webbplats behöver vara: "hur långt tillbaka din analys säger att dina kunder använder."

instagram story viewer