Was ist „anmutige Degradation“ im Webdesign?

Das Webdesign-Branche ändert sich ständig, auch weil sich Webbrowser und Geräte ständig ändern. Da die Arbeit, die wir als Webdesigner und Entwickler leisten, über einen Webbrowser betrachtet wird, wird unsere Arbeit immer eine symbiotische Beziehung zu dieser Software haben.

Änderungen an Webbrowsern

Eine der Herausforderungen, mit denen sich Website-Designer und -Entwickler schon immer auseinandersetzen mussten, ist nicht nur Änderungen an Webbrowsern, sondern auch die verschiedenen Webbrowser, die für den Zugriff auf ihre Webseiten. Es wäre großartig, wenn alle Besucher einer Site sicher wären, die neueste und beste Software zu verwenden, aber das war noch nie der Fall (und wird es wahrscheinlich auch nie sein).

Einige der Besucher Ihrer Sites sehen die Webseiten mit sehr alten Browsern und fehlenden Funktionen moderner Browser. Beispielsweise, ältere Versionen des Internet Explorer-Browsers von Microsoft sind vielen Webprofis schon lange ein Dorn im Auge. Obwohl das Unternehmen den Support für einige seiner ältesten Browser eingestellt hat, gibt es immer noch Leute, die sie verwenden werden, Leute, mit denen Sie vielleicht Geschäfte machen und mit denen Sie kommunizieren möchten.

instagram viewer

Definition von „anmutiger Abbau“

Die Realität ist, dass Leute, die diese antiquierten Webbrowser verwenden, oft nicht einmal wissen, dass sie über veraltete Software verfügen oder ihr Surferlebnis aufgrund ihrer Software beeinträchtigt sein könnte Wahl. Für sie ist dieser veraltete Browser einfach das, was sie seit langem für den Zugriff auf Websites verwendet haben. Aus Sicht der Webentwickler wollen wir sicherstellen, dass wir trotzdem ein brauchbares Erlebnis liefern können diese Kunden und erstellen gleichzeitig Websites, die wunderbar in den moderneren, funktionsreicheren Browsern funktionieren und Geräte, die heute verfügbar sind.

"Graceful Degradation" ist eine Strategie zur Handhabung des Webseiten-Designs für eine Vielzahl verschiedener Browser, sowohl alte als auch neue.

Beginnend mit modernen Browsern

Ein Website-Design, das so aufgebaut ist, dass es sich anmutig verschlechtert, wird zuerst im Hinblick auf moderne Browser entwickelt. Diese Site wurde erstellt, um die Funktionen dieser modernen Webbrowser zu nutzen, von denen viele "automatisch aktualisiert" werden, um sicherzustellen, dass die Benutzer immer eine aktuelle Version verwenden. Websites, die anmutig degradieren, funktionieren jedoch auch für ältere Browser effektiv. Wenn diese älteren, weniger funktionsreichen Browser die Site anzeigen, sollte sie sich auf eine Weise verschlechtern, die noch funktionsfähig ist, aber möglicherweise mit weniger Funktionen oder anderen Anzeigedarstellungen. Während dieses Konzept, eine weniger funktionale oder nicht so gut aussehende Website bereitzustellen, Ihnen seltsam erscheinen mag, ist die Wahrheit, dass die Leute nicht einmal wissen, dass sie fehlen. Sie werden die Site, die sie sehen, nicht mit der "besseren Version" vergleichen, solange die Site funktioniert für das, was sie brauchen und scheint weder funktional noch optisch kaputt zu sein, Sie werden in Ordnung sein gestalten.

Progressive Enhancement

Das Konzept der anmutigen Degradation ähnelt in vielerlei Hinsicht einem anderen Webdesign-Konzept, von dem Sie vielleicht schon gehört haben – der progressiven Verbesserung. Der Hauptunterschied zwischen der Graceful-Degradation-Strategie und der progressiven Verbesserung besteht darin, wo Sie mit Ihrem Design beginnen. Wenn Sie mit dem kleinsten gemeinsamen Nenner beginnen und Ihren Webseiten dann Funktionen für modernere Browser hinzufügen, verwenden Sie die progressive Verbesserung. Wenn Sie mit den modernsten und innovativsten Funktionen beginnen und dann zurückfahren, verwenden Sie eine anmutige Degradation. Am Ende kann die resultierende Website wahrscheinlich die gleiche Erfahrung bieten, unabhängig davon, ob Sie eine progressive Verbesserung oder eine anmutige Verschlechterung verwenden. Realistisch gesehen besteht der Sinn beider Ansätze darin, eine Website zu erstellen, die für moderne Browser hervorragend funktioniert und bietet gleichzeitig eine nutzbare Erfahrung für ältere Webbrowser und die Kunden, die weiterhin verwenden Sie.

Anmutige Degradation bedeutet nicht, Ihren Lesern zu sagen, "den neuesten Browser herunterladen"

Einer der Gründe, warum viele moderne Designer den anmutigen Degradation-Ansatz nicht mögen, ist, dass die Leser oft den modernsten Browser herunterladen müssen, damit die Seite funktioniert. Das ist nicht anmutige Degradation. Wenn Sie feststellen möchten, dass Sie "Browser X herunterladen, um diese Funktion zum Laufen zu bringen" schreiben möchten, haben Sie den Bereich der anmutigen Verschlechterung verlassen und sind zu einem browserorientierten Design übergegangen. Ja, es ist zweifellos wertvoll, einem Website-Besucher beim Upgrade auf einen besseren Browser zu helfen, aber das ist oft viel zu verlangen (Denken Sie daran, dass viele Leute das Herunterladen neuer Browser nicht verstehen und Ihre Aufforderung, dies zu tun, sie einfach erschrecken kann Weg). Wenn Sie ihr Geschäft wirklich wollen, ist es unwahrscheinlich, dass Sie Ihre Website verlassen sollen, um bessere Software herunterzuladen. Sofern Ihre Website nicht über Schlüsselfunktionen verfügt, die eine bestimmte Browserversion oder höher erfordern, ist das Erzwingen eines Downloads oft ein Deal-Breaker für die Benutzererfahrung und sollte vermieden werden.

Eine gute Faustregel ist, die gleichen Regeln für eine anmutige Degradation zu befolgen wie für eine progressive Verbesserung:

  • Schreiben Sie gültig, normenkonform HTML
  • Verwenden Sie externe Stylesheets für Ihre Designs und Layouts
  • Verwenden Sie extern verlinkte Skripte für Interaktivität
  • Stellen Sie sicher, dass der Inhalt auch für Low-Level-Browser zugänglich ist, ohne CSS oder JavaScript

Mit diesem Prozess im Hinterkopf können Sie dann losgehen und das modernste Design erstellen, das Sie können! Stellen Sie nur sicher, dass es sich in weniger funktionalen Browsern verschlechtert, während es noch funktioniert.

Wie weit müssen Sie zurückgehen?

Eine Frage, die viele Webentwickler haben, ist, wie weit zurück in Bezug auf die Browserversionen sollten Sie unterstützen? Auf diese Frage gibt es keine allgemeingültige Antwort. Es hängt von der Website selbst ab. Wenn Sie die Traffic-Analyse einer Website überprüfen, sehen Sie, welche Website-Browser werden verwendet, um diese Website zu besuchen. Wenn Sie sehen, dass ein nennenswerter Prozentsatz von Benutzern einen bestimmten älteren Browser verwendet, möchten Sie diesen Browser wahrscheinlich unterstützen oder riskieren, dieses Geschäft zu verlieren. Wenn Sie sich Ihre Analysen ansehen und feststellen, dass niemand eine ältere Browserversion verwendet, sind Sie wahrscheinlich Sie können sich sicher sein, dass Sie sich keine Sorgen machen müssen, diesen veralteten Browser vollständig zu unterstützen und zu testen es. Die wirkliche Antwort auf die Frage, wie weit zurück Ihre Website unterstützen muss, lautet also: "Wie weit Ihre Analysen auch immer Ihre Kunden verwenden."