Was ist der Unterschied zwischen Progressive Enhancement und Graceful Degradation?

Question

Ich bin verwirrt, was der Unterschied ist zwischen Progressive Enhancement und Graceful Degradation . Mir scheinen sie wie die gleiche Sache.

Können Sie mir bitte die Unterschiede zwischen den beiden erklären und in welcher Situation würde ich einen über den anderen verwenden?

Answer 1

Sie sind fast genau die gleiche Sache, aber sie unterscheiden sich in Zusammenhang.

Es gibt eine Klasse von Browsern „A Grade-Browser“ genannt. Dies sind typische Zuschauer, die (wahrscheinlich) die Mehrheit der Besucher ausmachen. Sie werden mit einer Basislinie dieser Benutzer starten. Rufen Sie das beste moderne Praktiken .

Wenn Sie möchten verbessern die Erfahrung für jedermann zu benutzen FF3.6 oder Safari 4 oder einem anderen whizbang Entwickler passiert nächtlichen WebKit whathaveyou, möchten Sie tolle Sachen wie

tun

• abgerundete Ecken über CSS
• schattierter Text (aber bitte Gott, nicht zu viel)
• Schlagschatten (oben klammerten sehen)

Diese machen Ihre Website kick-ass suchen, aber es wird nicht brechen. Dies ist Progressive Enhancement . Embracing die Zukunft von dem Punkt der Best Practices .

Auf der anderen Seite, Ihre Nische Nintendo Website zieht eine angemessene Anzahl von IE5 Anwender. Schlechte Sie, aber Sie wollen auch kommen immer stellen sie sicher zurück. Sie könnten eine Alternative zu Ihrem Ajax-Verhalten liefern, indem den Ajax-Skript in einer externen Datei einschließlich und wenn ihre JS nicht eingeschaltet ist, vielleicht Ihre Links die ganze Seite aktualisieren. Usw. Aus der Sicht von besten modernen Praktiken , die Sie dafür sorgen, dass bestimmte historische Märkte von gesorgt werden einen Anschein einer funktionalen Website . Dies ist Graceful Degradation .

Sie sind meist identisch, unterscheiden sich aber in Bezug auf die Priorität für viele Entwicklungsteams: PE ganz nett ist, wenn Sie die Zeit haben, aber GD ist oft erforderlich

Answer 2

Wenn Ihre Website sieht genauso gut auf allen Browsern, aber bestimmte Browser bekommen, sagen wir, tanzen Ponys, weil sie Ponys unterstützen tanzen, dann ist das Progressive Enhancement. Es funktioniert in allen Browsern, aber bestimmter Browser etwas extra bekommen. Normalerweise dieser Begriff in bezug auf bestimmte JavaScript-Funktionen, dass erhöhen kann Nutzbarkeit über „raw HTML“.

Wenn Ihre Website sieht nur die Art und Weise Sie auf Browser beabsichtigen, die vollständig unterstützen, sagen wir, CSS3 und IE8- die gleiche Seite angezeigt werden, ohne, sagen wir, abgerundete Ecken, dann die Graceful Degradation ist. Die Seite ist wirklich bedeutet für state-of-the-Art-Browser, aber es ist noch brauchbar in älteren Browsern, nur nicht so extravagant.

Am Ende sind sie wirklich die gleiche Sache, sah aus zwei verschiedenen Perspektiven.

Answer 3

Die Richtung von einer gewählten Baseline für jedes Konzept ist anders.

Graceful Degradation beginnt bei einem idealen User Experience Niveau und sinkt je nach User-Agent-Funktionen bis auf ein Mindestmaß, Catering für Mittel, die bestimmte Funktionen nicht von der Basislinie verwendet unterstützen.

Progressive Enhancement beginnt bei einem breiten Minimum Benutzererfahrung und erhöht sich je nach User-Agent-Funktionen bis zu einer fähigeren Ebene, Catering für Agenten, die Unterstützung erweiterte Funktionen als die Basislinie.

Ich denke, dass man, wenn die Zeit / Budget erlaubt beiden Konzepte beschäftigen könnte. Wenn nicht, dann Graceful Degradation bevorzugt würde.

Answer 4

Leider wiederzubeleben etwas, dass die Art und Weise über ein Jahr alt, aber das Gefühl, ich könnte dazu beitragen, in einigen kleinen Weg, meine eigene Meinung über die Angelegenheit.

Obwohl ich sowohl mit Alex Mcp und deceze in einer Art und Weise einverstanden ist, die Begriffe „Graceful Degradation“ und „Progressive Enhancement“ haben leicht unterschiedliche Bedeutungen von wo ich stehe.

Graceful Degradation , ein großer Teil der Zeit (meiner Meinung nach), scheint eher einen Stock zu sein, um eine App in der Unterwerfung zu schlagen, nachdem er schlecht in meiner Erfahrung in erster Linie gebaut worden ist. Wie jemand einige große Javascript-Objekt Gebäude aus, das dem Benutzer etwas bietet wirklich spielen kühlen, bis ein Manager entlang kommt, prüft die Sache und jeder läuft schreiend ihre Arme zu werfen um, wenn es um ihre Aufmerksamkeit kommt, dass ihre App nicht funktioniert in 35% des Browser. "Jemand besser, einen Rückfall dafür sorgen."

Progressive Enhancement , obwohl (und es ist so ein schöner Begriff zu sagen) scheint mir, mehr zu sein, um etwas zu bauen, das einfach funktioniert, auf einen Eintrag Ebene, überall, durch die grundlegendsten Methoden zur Verfügung, um die Funktionalität alle Bedürfnisse, die den Benutzer zur Verfügung zu stellen. Dies kann dann hinzugefügt werden, um mit netten kleinen unauffälligen Helfer, Styling etc., die tatsächlich die Benutzerfreundlichkeit der Anwendung in Frage verbessern, anstatt nur es kaum nutzbar zu machen. "Das sieht kühlen. Does es in IE6 arbeiten. Oh ja. Es Does"

Ich denke, was vielleicht Stil als ein Beispiel für beiden Begriffe in den oberen zwei Antworten hier Art mit Blick auf das eigentlich zu Grunde liegende Usability Problem, dass Progressive Enhancement oft löst seine Natur nach, wo anmutigen Abbau ignoriert, bis die Dinge schief gehen.

Rant über ...

Answer 5

Graceful Degradation ist die Praxis des Aufbaus Ihre Web-Funktionalität, so dass es ein gewisses Maß an Benutzerfreundlichkeit in moderneren Browser bietet, aber es wird degradieren auch anmutig auf ein niedrigeres Niveau der Benutzer in Erfahrung in älteren Browsern. Diese untere Ebene ist nicht so schön für die Besucher Ihrer Website zu benutzen, aber es immer noch sie nicht schaffen, mit den grundlegenden Funktionen, dass sie auf Ihrer Website Gebrauch kamen; Dinge brechen nicht für sie.

Progressive Enhancement ist ähnlich, aber es gibt Dinge, die umgekehrt. Sie beginnen mit einer Grundstufe der Benutzererfahrung Festlegung, dass alle Browser in der Lage sein wird, zur Verfügung zu stellen, wenn Sie Ihr Website-Rendering, aber auch in erweiterten Funktionen erstellen, die automatisch in dem Browser zur Verfügung stehen werden, die sie verwenden kann.

Mit anderen Worten: Graceful Degradation beginnt mit dem Status quo der Komplexität und versucht, fix für die weniger Erfahrung während progressive Erweiterung beginnt, sich von einem sehr einfachen, Arbeitsbeispiel und ermöglicht eine ständige Erweiterung für zukünftige Umgebungen. Erniedrigende anmutig Mittel rückblickend während progressiv Mittel Verbesserung vorausschau während Sie Ihre Füße auf festen Boden zu halten.

Answer 6

Graceful Degradation

  

Graceful Degradation ist die Fähigkeit eines Computers, Maschine, elektronische   System oder Netzwerk eingeschränkte Funktionalität zu erhalten, selbst wenn eine große   Teil davon zerstört oder unwirksam gemacht worden ist. Die Absicht   von Graceful Degradation ist ein katastrophales Versagen zu verhindern.

Graceful Degradation ist eine Lösung. Es ist die Praxis der Aufbau einer Website oder Anwendung, so dass es ein hohes Maß an Benutzerfreundlichkeit in modernen Browsern zur Verfügung stellt. Allerdings wird es ordnungsgemäß für die degradiert älteren Browser verwenden. Das System kann nicht so angenehm sein oder als hübsch, aber die grundlegende Funktionalität wird auf älteren Systemen arbeiten.

Ein einfaches Beispiel ist die Verwendung von 24-Bit-alpha-transparent PNGs. Diese Bilder können auf modernen Browsern problemlos angezeigt werden. IE5.5 und IE6 würde das Bild zeigen, aber Transparenzeffekte scheitern würde (es kann bei Bedarf an die Arbeit gemacht werden). Ältere Browser, die nicht unterstützen PNG Alt-Text oder einen leeren Raum zeigen würde.

Entwickler Annahme Graceful Degradation oft ihre Browser-Unterstützung Ebene angeben, zum Beispiel Level 1-Browser (beste Erfahrung) und Level 2-Browser (degradierte Erfahrung).

Progressive Enhancement

  

Progressive Enhancement ist eine Strategie für Web-Design, das betont   Zugänglichkeit, semantischer HTML-Markup und externer Stylesheet und   Scripting-Technologien. Progressive Enhancement nutzt Web-Technologien   in einer geschichteten Art und Weise, dass jeder die grundlegenden Inhalte zugreifen können   und die Funktionalität einer Webseite mit einem beliebigen Browser oder Internet   Verbindung, während auch eine erweiterte Version der Seite zu erbringen   diejenigen mit erweiterten Browser-Software oder eine größere Bandbreite.

Progressive Enhancement ist ähnliches Konzept zu Graceful Degradation aber in umgekehrter Richtung. Die Website oder Anwendung würde eine Basis-Ebene der Benutzererfahrung für die meisten Browser herzustellen. Mehr würde erweiterte Funktionen dann hinzugefügt werden, wenn ein Browser unterstützt es.

Progressive Enhancement erfordert uns nicht unterstützten Browser oder zurück wechseln tabellenbasierten Layouts auszuwählen. Wir wählen einen Stand der Technik; das heißt der Browser HTML 4.01 und Standard-Seitenanforderung / Antworten unterstützen.

Gehen wir zurück zu unserem Bild Beispiel könnten wir entscheiden, dass unsere Anwendung in allen grafischen Browsern funktionsfähig sein sollte. Wir könnten ein minderwertigen GIF-Bilder standardmäßig verwenden, aber sie mit 24-Bit-PNGs ersetzen, wenn der Browser unterstützt sie.

---

Links

Wikipedia: Progressive Enhancement und Graceful Degradation (Fault_tolerance)

  

Quelle: Sitepoint Blog

Answer 7

Ich finde es dazu neigt, einstellungs zu sein - Sie sagen: „Okay, meine Website funktioniert mit Lynx, Benutzer alles tun, kann ich sie möchte in der Lage zu tun, können jetzt etwas Schwung hinzufügen“, oder sagen Sie: „Okay, meine Website funktioniert in Firefox, kann nun versuchen, die für Menschen zu beheben nicht bereit, das verwenden / die aus Javascript einschalten / etc "

Answer 8

, um es einfacher, nur Ihre Bar ganz oben gesetzt, dann können Sie progressive Erweiterung ignorieren. wenn ein neues Feature kommt raise Ihre bar;)

oder alternativ geben Sie Ihre Bar auf der untersten Ebene (Luchs vielleicht?) Und benutzen Sie einfach progressive Verbesserung.