De webontwerpindustrie is altijd aan het veranderen, deels omdat webbrowsers en apparaten altijd veranderen. Aangezien het werk dat we doen als webontwerpers en -ontwikkelaars wordt bekeken via een webbrowser van een of andere soort, zal ons werk altijd een symbiotische relatie met die software hebben.
Wijzigingen in webbrowsers
Een van de uitdagingen waarmee website-ontwerpers en ontwikkelaars altijd te maken hebben gehad, zijn niet alleen wijzigingen in webbrowsers, maar ook het bereik van verschillende webbrowsers die zullen worden gebruikt voor toegang tot hun websites. Het zou geweldig zijn als alle bezoekers van een site zeker de nieuwste en beste software zouden gebruiken, maar dat is nooit het geval geweest (en dat zal het waarschijnlijk nooit zijn).
Sommige bezoekers van uw sites bekijken de webpagina's met browsers die erg oud en ontbrekend zijn aan modernere browsers. Oudere versies van de Microsoft Internet Explorer-browser zijn bijvoorbeeld al lang een doorn in het oog van veel webprofessionals. Hoewel het bedrijf de ondersteuning voor sommige van hun oudste browsers heeft laten vallen, zijn er nog steeds mensen die deze zullen gebruiken - mensen met wie je misschien zaken wilt doen en waarmee je wilt communiceren.
Definitie van 'Graceful Degradation'
De realiteit is dat mensen die deze verouderde webbrowser gebruiken, vaak niet eens weten dat ze ouderwetse software hebben of dat hun surfervaring door hun softwarekeuze kan worden aangetast. Voor hen is die verouderde browser gewoon wat ze al lang gebruiken om toegang te krijgen tot websites. Vanuit het perspectief van de webontwikkelaars willen we ervoor zorgen dat we deze gebruikers nog steeds een bruikbare ervaring kunnen bieden, terwijl we ook websites maken die wonderbaarlijk werken in de modernere, rijkere browsers en apparaten die vandaag beschikbaar zijn.
"Sierlijke achteruitgang" is een strategie voor het verwerken van webpaginaontwerp voor een groot aantal verschillende browsers, zowel oud als nieuw.
Beginnend met moderne browsers
Een websiteontwerp dat is gebouwd om sierlijk te degraderen, is eerst ontworpen met moderne browsers in gedachten. Die site is gemaakt om te profiteren van de functies van deze moderne webbrowser, waarvan vele 'automatisch bijwerken' om ervoor te zorgen dat mensen altijd een recente versie gebruiken. Websites die gracieus degraderen werken echter ook effectief voor oudere browsers. Wanneer de oudere, minder feature-rijke browsers de site bekijken, zou het moeten degraderen op een manier die nog functioneel is, maar mogelijk met minder functies of verschillende weergave-afbeeldingen. Hoewel dit concept van het leveren van een minder functionele of minder leuke site je misschien vreemd lijkt, is de waarheid dat mensen niet eens weten dat ze ontbreken. Ze zullen de site die ze zien niet vergelijken met de "betere versie", dus zolang de site werkt voor wat ze nodig heeft en niet lijkt te zijn verbroken, functioneel of visueel, ben je in goede vorm.
Progressive Enhancement
Het concept van sierlijke degradatie is in veel opzichten vergelijkbaar met een ander concept voor webontwerp waarover je misschien hebt gehoord - progressieve verbetering. Het belangrijkste verschil tussen de sierlijke degradatiestrategie en progressieve verbetering is waar u uw ontwerp begint. Als u begint met de kleinste gemene deler en vervolgens functies toevoegt voor modernere browsers voor uw webpagina's, gebruikt u progressieve verbetering. Als u begint met de modernste, meest geavanceerde functies en vervolgens terugschaalt, gebruikt u een sierlijke degradatie. Uiteindelijk kan de resulterende website waarschijnlijk dezelfde ervaring bieden, ongeacht of u een progressieve verbetering of een sierlijke verslechtering gebruikt. Realistisch gezien is het punt van beide benaderingen om een site te maken die geweldig is voor moderne browsers, terwijl deze nog steeds een bruikbare ervaring biedt voor oudere webbrowsers en de klanten die deze blijven gebruiken.
Sierlijke degradatie betekent niet dat u uw lezers moet vertellen, 'Download de meest recente browser'
Een van de redenen waarom veel moderne ontwerpers de gracieuze degradatieaanpak niet waarderen, is omdat het vaak verandert in de vraag dat lezers de modernste browser downloaden om de pagina te laten werken. Dit is niet sierlijke degradatie. Als u merkt dat u "download browser X wilt schrijven om deze functie te laten werken", heeft u het rijk van de sierlijke degradatie verlaten en bent u overgegaan op browser-gericht ontwerp. Ja, het is ongetwijfeld waardevol om een bezoeker van een website te helpen bij het upgraden naar een betere browser, maar dat is vaak veel om van te vragen (onthoud dat veel mensen niet begrijpen hoe je nieuwe browsers kunt downloaden, en je eis dat ze dat doen kan je gewoon doen schrikken) ze weg). Als je echt wilt dat hun bedrijf, is het onwaarschijnlijk dat ze de site verlaten om betere software te downloaden. Tenzij uw site de belangrijkste functionaliteit heeft waarvoor een bepaalde browserversie of hoger vereist is, is het dwingen van een download vaak een dealbreaker in de gebruikerservaring en moet dit worden vermeden.
Een goede vuistregel is om dezelfde regels te volgen voor sierlijke degradatie als voor progressieve verbetering:
- Schrijf geldige HTML die voldoet aan de standaarden
- Gebruik externe stijlbladen voor uw ontwerpen en lay-out
- Gebruik extern gekoppelde scripts voor interactiviteit
- Zorg ervoor dat de inhoud toegankelijk is, zelfs voor browsers op een laag niveau zonder CSS of JavaScript
Met dit proces in gedachten, kun je dan uitgaan en het meest geavanceerde ontwerp maken dat je kunt! Zorg ervoor dat het degradeert in minder functionele browsers terwijl u nog steeds werkt.
Hoe ver terug moet je gaan?
Een vraag die veel webontwikkelaars hebben, is hoe ver terug in termen van browserversies moet u ondersteuning bieden? Er is geen knip en droog antwoord op deze vraag. Het hangt af van de site zelf. Als u de verkeersanalyse van een website bekijkt, ziet u welke website-browsers worden gebruikt om die website te bezoeken. Als u een opmerkelijk percentage mensen ziet die een bepaalde oudere browser gebruiken, dan wilt u waarschijnlijk die browser ondersteunen of het risico lopen dat bedrijf te verliezen. Als je naar je analyses kijkt en ziet dat niemand een oudere browserversie gebruikt, ben je waarschijnlijk veilig in het nemen van de beslissing om je geen zorgen te maken over het volledig ondersteunen van die verouderde browser en het testen ervan. Het echte antwoord op de vraag in hoeverre uw site moet worden ondersteund, is dus: "Hoe ver uw analyses u ook vertellen, die uw klanten gebruiken."
Origineel artikel door Jennifer Krynin. Bewerkt op 8/9/17 door Jeremy Girard.
