Webbdesignindustrin förändras alltid, delvis för att webbläsare och enheter ändras. Eftersom arbetet som vi gör som webbdesigners och utvecklare ses genom en webbläsare av något slag, har vårt arbete alltid ett symbiotiskt förhållande med den programvaran.
Ändringar i webbläsare
En av de utmaningar som webbdesigners och utvecklare alltid har haft att göra med är inte bara förändringar i webbläsare, utan även utbudet av olika webbläsare som kommer att användas för att komma åt sina webbplatser. Det skulle vara bra om alla besökare på en webbplats var säker på att använda den senaste och bästa mjukvaran, men det har aldrig varit fallet (och det kommer det aldrig att bli).
Några av besökarna på dina webbplatser kommer att titta på webbsidorna med webbläsare som är mycket gamla och saknar funktioner i modernare webbläsare. Till exempel har äldre versioner av Microsofts Internet Explorer-webbläsare länge varit en tagg i sidan av många webbprofessorer. Även om företaget har tappat stöd för några av sina äldsta webbläsare finns det fortfarande människor där ute som kommer att använda dem - människor som du kanske vill göra affärer med och kommunicera med.
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 webbläsningsupplevelse kan äventyras på grund av deras mjukvaruval. 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 webbutvecklare vill vi se till att vi fortfarande kan leverera en användbar upplevelse till dessa kunder, samtidigt som vi skapar webbplatser som fungerar fantastiskt i de modernare, funktionsrika webbläsarna och enheter som finns tillgängliga idag.
"Graceful degradation" är en strategi för hantering av 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 är designad först med moderna webbläsare i åtanke. Den här webbplatsen är skapad för att dra nytta av funktionerna i dessa moderna webbläsare, varav många "auto-update" för att se till 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äsare ser webbplatsen, bör den försämras på ett sätt som fortfarande är funktionellt, men möjligen med färre funktioner eller olika visningsbilder. Även om detta koncept att leverera en mindre funktionell eller inte så snygg webbplats kan slå dig så udda, är sanningen att människor inte ens vet att de saknas. De kommer inte att jämföra den webbplats som de ser mot "bättre versionen", så länge som webbplatsen fungerar för vad de behöver och inte verkar brytas, antingen funktionellt eller visuellt, kommer du att vara i bra form.
Progressiv förbättring
Begreppet graciös nedbrytning är på många sätt liknar ett annat webbdesignkoncept som du kanske har hört talat om - progressiv förbättring. Huvudskillnaden mellan graciös nedbrytningsstrategi och progressiv förbättring är där du börjar din design. Om du börjar med den lägsta gemensamma nämnaren och sedan lägger till funktioner för mer moderna webbläsare för dina webbsidor använder du progressiv förbättring. Om du börjar med de modernaste funktionerna, och sedan skala tillbaka, använder du graciös nedbrytning. I slutändan kan den resulterande webbplatsen troligtvis ge samma upplevelse om du använder progressiv förbättring eller graciös nedbrytning. Det är realistiskt att ställa in en webbplats som fungerar bra för moderna webbläsare, samtidigt som den fortfarande innehåller en användbar upplevelse för äldre webbläsare och kunder som fortsätter att använda dem.
Graceful Degradation betyder inte att berätta dina läsare, 'Ladda ner den senaste webbläsaren'
En av anledningarna till att många moderna designers inte gillar graciös nedbrytning är att det ofta blir en efterfrågan på att läsarna laddar ner den modernaste 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äsare X för att få den här funktionen att fungera", har du lämnat rike av graciös nedbrytning och flyttat till webbläsarmässig design. Ja, det är utan tvekan värt att hjälpa en webbplatsbesökare att uppgradera till en bättre webbläsare, men det är ofta mycket att fråga om dem (kom ihåg, många människor förstår inte hur man hämtar nya webbläsare, och din efterfrågan på att de gör det kan helt enkelt skrämma dom iväg). Om du verkligen vill ha sin verksamhet, berättar dom att de lämnar din webbplats för att ladda ner bättre programvara är osannolikt att det är sättet att göra det. Om inte din webbplats har en nyckelfunktionalitet som kräver en viss webbläsareversion eller ovan, är det ofta en övergångsavbrott i användarupplevelsen att tvinga en nedladdning och det bör undvikas.
En bra tumregel är att följa samma regler för graciös försämring som du skulle för progressiv förbättring:
- Skriv giltig HTML-standard som uppfyller kraven
- Använd externa stilark för dina mönster och layout
- Använd externt länkade skript för interaktivitet
- Se till att innehållet är tillgängligt även till webbläsare med 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 bryts ned 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 snitt och torrt svar på denna fråga. Det beror på själva webbplatsen. Om du granskar webbplatsens trafikanalys ser du vilka webbläsare som används för att besöka den webbplatsen. Om du ser en anmärkningsvärd procentandel av personer som använder en viss äldre webbläsare, kommer du troligen att vilja stödja den webbläsaren eller riskera att du förlorar det. Om du tittar på dina analyser och ser till att ingen använder en äldre webbläsareversion, är du säkert säker på att beslutet inte kommer att oroa sig för att fullt ut stödja den föråldrade webbläsaren och testa för den. Så det verkliga svaret på frågan om hur långt tillbaka din webbplats behöver stödja är - "hur långt tillbaka dina analyser säger att dina kunder använder."
Originalartikel av Jennifer Krynin. Redigerad den 8/9/17 av Jeremy Girard.
