¿Que é "Graciosa Degradación" no deseño web?

A industria do deseño web está sempre cambiando, en parte porque os navegadores e os dispositivos web sempre están cambiando. Dado que o traballo que realizamos como diseñadores e desarrolladores web vese a través dun navegador web dalgún tipo, o noso traballo sempre terá unha relación simbiótica con ese software.

Un dos retos que os deseñadores e desenvolvedores web sempre tiveron que tratar non só son cambios nos navegadores web, senón tamén o rango de diferentes navegadores web que se utilizarán para acceder aos seus sitios web. Sería xenial que todos os visitantes dun sitio estivesen seguros de estar usando o software máis recente e máis grande, pero iso nunca foi o caso (e probablemente nunca será). Algúns dos visitantes dos teus sitios verán as páxinas web con navegadores que son moi antigos e non teñen características de navegadores máis modernos. Por exemplo, as versións máis antigas do navegador de Internet Explorer de Microsoft foron un espiño no lado de moitos profesionais da rede. Aínda que a empresa deixou de ter soporte para algúns dos seus navegadores máis antigos, aínda hai persoas alí que os usarán - persoas ás que pode querer facer negocios e comunicarse.

A realidade é que as persoas que utilizan estes navegadores anticuados moitas veces nin sequera saben que teñen software anticuado ou que a súa experiencia na navegación web pode verse comprometida debido á súa elección de software. Para eles, ese navegador desactualizado é simplemente o que utilizaron durante moito tempo para acceder aos sitios web. Desde a perspectiva dos desenvolvedores web, queremos asegurarnos de que aínda podemos ofrecer unha experiencia útil para estes clientes, ademais de crear sitios web que traballen marabillosas nos navegadores e dispositivos máis modernos e dispoñibles hoxe en día . "Graciosa degradación" é unha estratexia de manexo do deseño da páxina web para unha variedade de navegadores diferentes, tanto antigos como novos.

Comezando cos navegadores modernos

Un deseño de sitio web que está construído para degradar graciosamente está deseñado primeiro con navegadores modernos en mente. Este sitio está creado para aproveitar as características destes modernos navegadores web, moitos dos cales "actualizan automaticamente" para asegurar que a xente sempre está a usar unha versión recente. Os sitios web que degradan graciosamente tamén funcionan de maneira efectiva para navegadores máis antigos. Cando os navegadores máis vellos e con menos recursos visiten o sitio, debería degradarse dun xeito que aínda está funcionando, pero posiblemente con menos funcionalidades ou visuais de visualización diferentes. Aínda que este concepto de entregar un sitio menos funcional ou non tan agradable pode chamarlle raro, o certo é que a xente nin sequera saberán que faltan. Non estarán comparando o sitio que están a ver contra a "mellor versión", sempre que o sitio funcione para o que necesiten e non pareza que estea roto, xa sexa funcionalmente ou visualmente, estará en boa forma.

Progressive Enhancement

O concepto de degradación graciosa é similar en moitos sentidos a outro concepto de deseño web que poida ter oído falar sobre o progresivo aumento. A principal diferenza entre a estratexia de degradación graciosa ea mellora progresiva é onde comeza o seu deseño. Se comezas co denominador común máis baixo e despois engades funcións para navegadores máis modernos para as túas páxinas web, estás usando unha mellora progresiva. Se comezas coas funcións máis modernas e máis innovadoras, e logo volvendo a escalar, estás usando degradación graciosa. Ao final, o sitio web resultante probablemente mostre a mesma experiencia se está a usar unha mellora progresiva ou degradación graciosa. De xeito realista, o punto de cada un dos enfoques é crear un sitio que funcione moi ben para os navegadores modernos aínda que teña unha experiencia útil para navegadores web máis antigos e para os clientes que continúan a usar.

Degradación agraciada non significa dicir aos seus lectores, & # 34; Descargue o navegador máis recente & # 34;

Unha das razóns polas que moitos deseñadores modernos non lles gusta do enfoque de degradación graciosa é que moitas veces se converte nunha demanda de que os lectores descarguen o navegador máis moderno para que a páxina funcione. Esta non é unha degradación graciosa. Se pensas que queres escribir "descargar navegador X para que funcione esta característica", deixaches o reino de degradación agraciado e mudásese ao deseño centrado no navegador. Si, non hai dúbida de que axudar a unha actualización de visitantes do sitio web a un mellor navegador, pero moitas veces é moito para pedirlles (lembre, moitas persoas non entenden sobre a descarga de novos navegadores e a súa demanda de que o fagan simplemente asuste afastalos). Se realmente desexa o seu negocio, dicirlles que deixen o seu sitio para descargar un software mellor é pouco probable que sexa a forma de facelo. A non ser que o sitio teña funcionalidades clave que requiran unha determinada versión do navegador ou superior, forzar unha descarga adoita ser un problema na experiencia do usuario e debe evitarse.

Unha boa regra xeral é seguir as mesmas regras para a degradación graciosa como faría para a mellora progresiva:

  1. Escribir HTML válido e compatible con estándares
  2. Usa follas de estilo externas para os teus deseños e deseño
  3. Use scripts vinculados externamente para a interactividade
  4. Asegúrese de que o contido sexa accesible incluso para navegadores de baixo nivel sen CSS ou JavaScript

Con este proceso en mente, pode saír e crear o deseño máis innovador que poida. Só asegúrese de que se degrada en navegadores menos funcionais mentres aínda funciona.

Que tan lonxe ten que ir?

Unha pregunta que moitos desenvolvedores web teñen é o de lonxe en termos de versións do navegador que debería soportar? Non hai resposta cortada e seca a esta pregunta. Depende do propio sitio. Se revisas as análises de tráfico dun sitio web, verás que navegadores están a ser utilizados para visitar ese sitio. Se ves unha porcentaxe notable de persoas que utilizan un determinado navegador máis antigo, entón probabelmente quererá apoiar ese navegador ou arriscarse a perder ese negocio. Se ollades as súas análises e ves que ninguén está a usar unha versión antiga do navegador, probabelmente estás seguro en tomar a decisión de non preocuparte de soportar completamente ese navegador desactualizado e probalo. Entón, a verdadeira resposta á pregunta de que soporte do seu sitio web debe ser compatible é: "por moito que o analítico te diga que os teus clientes están a usar".

Artigo orixinal de Jennifer Krynin. Editado o 17/08/17 por Jeremy Girard.