Quelle est la différence entre Progressive Mise en valeur et la dégradation Graceful?

Question

Je suis confus sur ce que la différence entre Amélioration progressive et Graceful Dégradation . Pour moi, ils semblent être la même chose.

Pouvez-vous s'il vous plaît me expliquer les différences entre les deux et dans quelle situation j'utiliser un sur l'autre?

Answer 1

Ils sont presque exactement la même chose, mais ils diffèrent dans leur contexte.

Il y a une classe de navigateurs appelés "A" Browsers Etat. Ce sont les membres de votre public typiques (probablement) composent la majorité de vos visiteurs. Vous commencez avec une base de ces utilisateurs. Appelez ce les meilleures pratiques modernes .

Si vous voulez améliorer l'expérience pour tous ceux qui arrive à utiliser FF3.6 ou Safari 4 ou un autre développeur whizbang nuit webkit whathaveyou, vous aurez envie de faire des choses impressionnantes comme

• coins arrondis via css
• texte ombré (mais s'il vous plaît Dieu, pas trop)
• les ombres portées (voir ci-dessus parenthétique)

Ces rendre votre site kick-ass recherche, mais ne sera pas le casser. Ceci est amélioration progressive . Un avenir prometteur du point de les meilleures pratiques .

D'autre part, votre site Créneau Nintendo attire un bon nombre d'utilisateurs IE5. Pauvre, mais vous voulez aussi vous assurer qu'ils reviennent. Vous pouvez fournir une alternative à votre comportement ajax en incluant le script ajax dans un fichier externe et si leur JS n'est pas allumé, peut-être vos liens mettre à jour la page. Etc. Du point de vue de les meilleures pratiques modernes , vous vous assurez que certains marchés historiques sont pris en charge par un semblant d'un site fonctionnel . Ceci est dégradation gracieuse .

Ils sont pour la plupart identiques, mais diffèrent en termes de priorité pour de nombreuses équipes de développement: PE est tout à fait bien si vous avez le temps, mais GD est souvent nécessaire

Answer 2

Si votre site a l'air tout aussi bon sur tous les navigateurs, mais certains navigateurs se, par exemple, poneys danser parce qu'ils soutiennent des poneys qui dansent, alors c'est progressif d'amélioration. Il fonctionne dans tous les navigateurs, mais certains navigateurs obtenir quelque chose en plus. Habituellement, ce terme est appliqué à certaines fonctionnalités Javascript qui peuvent améliorer la facilité d'utilisation au-delà « HTML brut ».

Si votre site ne regarde que la façon dont vous comptez sur les navigateurs qui ont pleinement le soutien, par exemple, CSS3 et IE8- affichera la même page sans, par exemple, coins arrondis, alors c'est la dégradation Graceful. Le site est vraiment destiné à l'état de l'art des navigateurs, mais il est encore utilisable dans les anciens navigateurs, mais pas aussi de fantaisie.

En fin de compte, ils sont vraiment la même chose, ont examiné deux points de vue différents.

Answer 3

La direction à partir d'un choisi base pour chaque concept est différent.

Graceful La dégradation commence à un niveau d'expérience utilisateur idéale et diminue en fonction des capacités de l'agent utilisateur à un niveau minimum, de la restauration pour les agents qui ne prennent pas en charge certaines fonctions utilisées par la ligne de base.

progressive amélioration commence à une vaste expérience utilisateur minimum et augmente en fonction des capacités de l'agent utilisateur à un niveau plus capable, de la restauration pour les agents qui prennent en charge des fonctionnalités plus avancées que la ligne de base.

Je pense que l'on pourrait employer les deux concepts si le temps / budget le permettent. Sinon, la dégradation gracieuse serait préférable.

Answer 4

Désolé de ressusciter quelque chose qui est beaucoup plus d'un an, mais je pouvais contribuer senti, dans une petite, mon propre avis sur la question.

Bien que je suis d'accord avec les deux Alex et deceze Mcp manière, les termes « dégradation progressive » et « amélioration progressive » ont un sens légèrement différent de là où je suis.

dégradation Graceful , beaucoup de temps (à mon avis), semble être plus d'un bâton pour battre une application dans la soumission après qu'il a été mal construit en premier lieu dans mon expérience. Comme quelqu'un construire certains vaste objet javascript qui permet à l'utilisateur quelque chose de vraiment cool de jouer avec, jusqu'à ce qu'un gestionnaire arrive, teste la chose et tout le monde va crier jeter leurs bras quand il vient à leur attention que leur application ne fonctionne pas dans 35% des navigateurs. "Quelqu'un de mieux fournir une solution de repli pour cela."

Amélioration progressive si (et il est tellement plus agréable terme à dire aussi) semble me être plus sur la construction de quelque chose qui fonctionne, sur un niveau d'entrée, partout, à travers les méthodes les plus élémentaires disponibles, de fournir toutes les fonctionnalités que l'utilisateur a besoin. Cela peut ensuite être ajouté à peu avec des aides discrètes soignées, le style, etc. qui améliorent réellement l'expérience utilisateur de l'application en question, plutôt que de simplement le faire à peine utilisable. "Ça a l'air cool. Est-ce que ça fonctionne dans IE6. Oh oui. Est-ce que ce"

Je pense peut-être donner du style comme un exemple de deux termes dans les deux principales réponses donne sur ici type de la vraie question de la facilité d'utilisation sous-jacente amélioration progressive permet souvent de résoudre par sa nature même, où gracieuse dégradation ne tient pas compte jusqu'à ce que les choses tournent mal.

Rant sur ...

Answer 5

Graceful la dégradation est la pratique de la construction de votre fonctionnalité web afin qu'il offre un certain niveau d'expérience utilisateur dans les navigateurs plus modernes, mais il sera également grâce à un dégrader le niveau inférieur de l'utilisateur dans l'expérience dans les anciens navigateurs. Ce niveau inférieur n'est pas aussi agréable à utiliser pour vos visiteurs du site, mais il ne leur fournit toujours avec les fonctionnalités de base qui sont venus à votre site à utiliser; les choses ne se cassent pas pour eux.

amélioration progressive est similaire, mais il fait des choses l'autre sens. Vous commencez par établir un niveau de base de l'expérience utilisateur que tous les navigateurs seront en mesure de fournir lors du rendu de votre site web, mais vous construisez également des fonctionnalités plus avancées qui seront automatiquement disponibles pour les navigateurs qui peuvent l'utiliser.

En d'autres termes, la dégradation gracieuse commence du statu quo de la complexité et tente de fixer pour l'expérience moins alors que l'amélioration progressive commence à partir d'un très basique, par exemple de travail et permet une constante extension pour les environnements futurs. Dégradants signifie regarder en arrière avec élégance alors que l'amélioration des moyens de progressivement vers l'avant tout en gardant à la recherche de vos pieds sur la terre ferme.

Answer 6

Dégradation Graceful

  

dégradation Graceful est la capacité d'un ordinateur, une machine, électronique   système ou réseau pour maintenir des fonctionnalités limitées, même si un grand   portion de celui-ci a été détruit ou rendu inopérant. Le but   de la dégradation gracieuse est d'éviter une défaillance catastrophique.

dégradation progressive est une solution. Il est la pratique de la construction d'un site Web ou une application de sorte qu'il offre un bon niveau d'expérience utilisateur dans les navigateurs modernes. Cependant, il se dégrade avec grâce pour ceux qui utilisent les navigateurs plus anciens. Le système peut ne pas être aussi agréable ou jolie, mais la fonctionnalité de base fonctionnera sur les anciens systèmes.

Un exemple simple est l'utilisation de PNGs alpha-transparent 24 bits. Ces images peuvent être affichées sur les navigateurs modernes sans problèmes. IE5.5 et IE6 montreraient l'image, mais les effets de transparence échoueraient (il peut être fait fonctionner si nécessaire). Les anciens navigateurs qui ne prennent pas en charge PNG montrerait alt texte ou un espace vide.

Les développeurs adoptant la dégradation gracieuse spécifient souvent leur niveau de support du navigateur, par exemple niveau 1 navigateurs (meilleure expérience) et niveau 2 navigateurs (expérience dégradée).

Amélioration progressive

  

amélioration progressive est une stratégie pour la conception web qui met l'accent sur   l'accessibilité, le balisage HTML sémantique et externe et stylesheet   technologies de script. L'amélioration progressive utilise des technologies web   en couches successives qui permet à chacun d'accéder au contenu de base   et la fonctionnalité d'une page Web, en utilisant un navigateur Internet ou   connexion, tout en fournissant une version améliorée de la page   ceux avec un logiciel ou une bande passante de navigateur plus avancé.

amélioration progressive est un concept similaire à la dégradation progressive, mais en sens inverse. Le site Web ou une application établiraient une base au niveau de l'expérience utilisateur pour la plupart des navigateurs. Fonctionnalités plus avancées serait alors ajouté lorsqu'un navigateur supporte.

amélioration progressive ne nous oblige pas à sélectionner les navigateurs pris en charge ou revenir à la table des mises en page. Nous choisissons un niveau de technologie; dire que le navigateur doit prendre en charge HTML 4.01 et page standard demande / réponses.

Pour en revenir à notre exemple d'image, nous pourrions décider que notre application devrait être fonctionnelle dans tous les navigateurs graphiques. Nous pourrions utiliser une image GIF-bas de la qualité par défaut, mais les remplacer par PNGs 24 bits lorsque le navigateur les prend en charge.

---

Liens

Wikipedia: Amélioration progressive et Graceful Degradation (Fault_tolerance)

  

Source: Sitepoint Blog

Answer 7

Je trouve tendance à être d'attitude - vous dites « D'accord, mon site fonctionne avec Lynx, les utilisateurs peuvent faire tout ce que je veux qu'ils soient en mesure de le faire, laisse maintenant ajouter un peu de panache », ou êtes-vous dire « d'accord, mon site fonctionne dans Firefox, permet maintenant d'essayer de le corriger pour les gens qui ne veulent pas utiliser ce / qui désactivent javascript / etc "

Answer 8

pour le rendre plus facile, il suffit de définir la droite de la barre en haut, vous pouvez ignorer l'amélioration progressive. quand une nouvelle fonctionnalité vient augmenter votre barre;)

ou bien mettre la barre au niveau le plus bas (le lynx peut-être?) Et il suffit d'utiliser l'amélioration progressive.