Què és la "Degradació Agraciosa" en Disseny Web?

La indústria del disseny web sempre canvia, en part perquè els navegadors i dispositius web sempre estan canviant. Atès que el treball que realitzem com a dissenyadors i desenvolupadors web es veu a través d'un navegador web d'algun tipus, el nostre treball sempre tindrà una relació simbiótica amb aquest programari.

Un dels reptes que els dissenyadors i desenvolupadors de llocs web sempre han hagut de tractar no només són canvis en els navegadors web, sinó també el rang de diferents navegadors web que s'utilitzaran per accedir als seus llocs web. Seria genial que tots els visitants d'un lloc estiguessin segurs d'utilitzar el programari més recent i més gran, però això mai no ha estat així (i probablement mai serà). Alguns dels visitants dels vostres llocs visualitzaran pàgines web amb navegadors que són molt antics i que falten característiques de navegadors més moderns. Per exemple, les versions més antigues del navegador Internet Explorer de Microsoft han estat durant molt de temps una espina al costat de molts professionals de la xarxa. Tot i que l'empresa ha deixat de suportar alguns dels seus navegadors més antics, encara hi ha gent que els utilitzarà, persones amb qui voleu fer negocis i comunicar-vos.

La realitat és que les persones que utilitzen aquests navegadors web anticuats sovint ni tan sols saben que tenen programari obsolet o que la seva experiència de navegació web es pot veure compromesa a causa de la seva elecció de programari. Per a ells, aquest navegador obsolet és simplement el que han utilitzat durant molt de temps per accedir als llocs web. Des de la perspectiva dels desenvolupadors web, volem assegurar-nos que encara podem oferir una experiència útil a aquests clients, a la vegada que creem llocs web que funcionen de manera meravellosa en els navegadors i dispositius més moderns i funcionals que estan disponibles avui . "Graceful degradation" és una estratègia de maneig del disseny de pàgines web per a una varietat de navegadors diferents, tant antics com nous.

Començant amb navegadors moderns

Un disseny de lloc web que es construeix per degradar gràficament està dissenyat primer amb els navegadors moderns en ment. Aquest lloc està creat per aprofitar les característiques d'aquests navegadors web moderns, molts dels quals "actualitzar-se automàticament" per garantir que la gent sempre utilitzi una versió recent. Els llocs web que degraden gràficament també funcionen de manera efectiva per a navegadors antics, però. Quan aquells navegadors més antics i menys rics de característiques vegin el lloc, s'haurien de degradar d'una manera que encara funciona, però possiblement amb menys funcions o visualitzacions visuals diferents. Tot i que aquest concepte de proporcionar un lloc web menys funcional o no tan atractiu us pot semblar estrany, la veritat és que la gent ni tan sols sap que falten. No compararan el lloc que estan veient en contra de la "millor versió", sempre que el lloc funcioni pel que necessiten i no sembla que estigui trencat, ja sigui funcionalment o visualment, estarà en bona forma.

Millora progressiva

El concepte de degradació agraciada és similar de moltes maneres a un altre concepte de disseny web que hagi sentit parlar sobre: ​​millora progressiva. La principal diferència entre l'estratègia de degradació gràfica i la millora progressiva és on comença el disseny. Si inicieu el denominador comú més baix i, a continuació, afegiu funcions per als navegadors més moderns de les vostres pàgines web, esteu utilitzant una millora progressiva. Si comences amb les funcions més modernes i avantguardistes i, a continuació, reduïu l'escala, utilitzeu una greu degradació. Al final, el lloc web resultant pot oferir la mateixa experiència si utilitzeu una millora progressiva o una degradació agraciada. De manera realista, el punt d'un dels dos enfocaments és crear un lloc que funcioni bé per als navegadors moderns i, alhora, ofereix una experiència útil per als navegadors web més antics i els clients que continuen utilitzant.

Degradació agraïda no significa que digui als teus lectors, & # 34; descarregueu el navegador més recent & # 34;

Una de les raons per les quals molts dissenyadors moderns no els agrada l'agressiu enfocament de la degradació és que sovint es converteix en una demanda que els lectors descarreguin el navegador més modern perquè la pàgina funcioni. Aquesta no és una greu degradació. Si us trobeu volent escriure "baixar el navegador X per fer funcionar aquesta funció", ha deixat el terreny de la degradació agraciada i es va traslladar al disseny centrat en el navegador. Sí, és indubtable que val la pena ajudar a l'actualització del visitant d'un lloc web a un navegador millor, però sovint és molt demanar-los (recordeu que moltes persones no entenen sobre la baixada de navegadors nous i la vostra demanda que ho facin simplement espereu els lluny). Si realment vol el seu negoci, dir-los que deixin el seu lloc per descarregar un programari millor és poc probable que sigui la manera de fer-ho. A menys que el vostre lloc tingui una funcionalitat clau que requereixi una certa versió del navegador o una versió superior, obligar a una descàrrega és sovint un trencaclosques a l'experiència de l'usuari i s'ha d'evitar.

Una bona regla general és seguir les mateixes regles per a una degradació agraciada com ho faria per a la millora progressiva:

  1. Escriure HTML vàlid i compatible amb normes
  2. Utilitzeu fulls d'estil externs per als vostres dissenys i disseny
  3. Utilitzeu scripts vinculats externament per a la interactivitat
  4. Assegureu-vos que el contingut sigui accessible fins i tot als navegadors de baix nivell sense CSS ni JavaScript

Amb aquest procés en ment, podeu sortir i construir el disseny més avantguardista que puguis! Només assegureu-vos que es degrada en navegadors menys funcionals mentre encara funciona.

Què tan lluny ha d'anar?

Una pregunta que molts desenvolupadors web tenen és fins a quin punt es pot recolzar en versions de navegador? No hi ha resposta tallada i seca a aquesta pregunta. Depèn del propi lloc. Si reviseu l'anàlisi de trànsit d'un lloc web, veureu quins navegadors s'utilitzen per visitar aquest lloc. Si veieu un percentatge notable de persones que utilitzen un determinat navegador antic, probablement voldreu donar suport a aquest navegador o arriscar-se a perdre aquest negoci. Si observeu les vostres dades analítiques i veieu que ningú està utilitzant una versió anterior del navegador, és probable que estigueu segur de prendre la decisió de no preocupar-vos de donar suport plenament aquest navegador obsolet i provar-lo. Així doncs, la resposta real a la pregunta sobre la quantificació del suport al vostre lloc és: "encara que els analítics us informin que els vostres clients estan utilitzant".

Article original de Jennifer Krynin. Editat el 9/08/17 per Jeremy Girard.