Skip to content

O que é ‘degradação graciosa’ em Web design?

11 de abril de 2021

Neste artigo

A indústria de web design está sempre mudando, em parte porque os navegadores e dispositivos estão sempre mudando. Como o trabalho que fazemos como web designers e desenvolvedores é visualizado por meio de algum tipo de navegador, nosso trabalho sempre terá uma relação simbiótica com esse software.

Mudanças em navegadores da web

Um dos desafios com os quais os designers e desenvolvedores de sites sempre tiveram que lidar não são apenas as mudanças nos navegadores da web, mas também a variedade de navegadores diferentes que serão usados ​​para acessar seus sites. Seria ótimo se todos os visitantes de um site tivessem a certeza de usar o melhor e mais recente software, mas esse nunca foi o caso (e provavelmente nunca será). Alguns dos visitantes de seus sites visualizarão as páginas da web em navegadores muito antigos e sem recursos de navegadores mais modernos. Por exemplo, as versões mais antigas do navegador Internet Explorer da Microsoft sempre foram um espinho no lado de muitos profissionais da web. Mesmo que a empresa tenha abandonado o suporte para alguns de seus navegadores mais antigos, ainda existem pessoas que os usarão, pessoas com as quais você pode querer fazer negócios e se comunicar.

Definição de ‘degradação graciosa’

A realidade é que as pessoas que usam esses navegadores antiquados muitas vezes nem sabem que possuem um software desatualizado ou que sua experiência de navegação na web pode estar comprometida devido à escolha do software. Para eles, aquele navegador desatualizado é simplesmente o que há muito usam para acessar sites. Da perspectiva dos desenvolvedores da web, queremos ter certeza de que ainda podemos fornecer uma experiência útil para esses clientes, ao mesmo tempo que criamos sites que funcionam maravilhosamente nos navegadores e dispositivos mais modernos e ricos em recursos que estão disponíveis hoje. “Degradação graciosa” é uma estratégia de lidar com o design da página da web para uma variedade de navegadores diferentes, antigos e novos.

Começando com navegadores modernos

Um design de site que é construído para degradar normalmente é projetado primeiro com os navegadores modernos em mente. Esse site foi criado para aproveitar as vantagens dos recursos desses navegadores modernos, muitos dos quais se “atualizam automaticamente” para garantir que as pessoas estejam sempre usando uma versão recente. No entanto, sites que degradam normalmente também funcionam de maneira eficaz para navegadores mais antigos. Quando esses navegadores mais antigos e menos ricos em recursos visualizam o site, ele deve degradar de uma forma que ainda seja funcional, mas possivelmente com menos recursos ou visuais de exibição diferentes. Embora esse conceito de entregar um site menos funcional ou com aparência menos atraente possa parecer estranho, a verdade é que as pessoas nem saberão que estão faltando. Eles não vão comparar o site que estão vendo com a “versão melhor”, então, desde que o site funcione para o que eles precisam e não pareça estar quebrado, tanto funcional quanto visualmente, você estará em boa forma.

Aprimoramento Progressivo

O conceito de degradação elegante é semelhante em muitos aspectos a outro conceito de design da web sobre o qual você já deve ter ouvido falar – aprimoramento progressivo. A principal diferença entre a estratégia de degradação elegante e o aprimoramento progressivo é onde você inicia seu design. Se você começar com o menor denominador comum e, em seguida, adicionar recursos para navegadores mais modernos para suas páginas da web, você está usando o aprimoramento progressivo. Se você começar com os recursos mais modernos e de ponta e, em seguida, reduzir, está usando uma degradação elegante. No final, o site resultante pode provavelmente fornecer a mesma experiência, quer você esteja usando aprimoramento progressivo ou degradação elegante. Realisticamente, o objetivo de qualquer uma das abordagens é criar um site que funcione muito bem para navegadores modernos, ao mesmo tempo em que oferece uma experiência utilizável para navegadores mais antigos e para os clientes que continuam a usá-los.

A degradação graciosa não significa dizer aos leitores: ‘Baixe o navegador mais recente’

Um dos motivos pelos quais muitos designers modernos não gostam da abordagem de degradação elegante é porque muitas vezes ela exige que os leitores baixem o navegador mais moderno para que a página funcione. Isso é não degradação elegante. Se você quiser escrever “baixe o navegador X para fazer esse recurso funcionar”, você saiu do reino da degradação elegante e passou para o design centrado no navegador. Sim, sem dúvida há valor em ajudar um visitante de um site a atualizar para um navegador melhor, mas isso geralmente é pedir muito (lembre-se, muitas pessoas não entendem sobre o download de novos navegadores, e sua exigência para que eles façam isso pode simplesmente assustar afastados). Se você realmente quer o negócio deles, é improvável que diga a eles para sair do seu site para baixar um software melhor. A menos que seu site tenha funcionalidades importantes que exijam uma determinada versão do navegador ou superior, forçar um download costuma ser um obstáculo na experiência do usuário e deve ser evitado. Uma boa regra prática é seguir as mesmas regras para degradação elegante que você faria para aprimoramento progressivo:

  • Escreva HTML válido e compatível com os padrões
  • Use folhas de estilo externas para seus designs e layout
  • Use scripts vinculados externamente para interatividade
  • Certifique-se de que o conteúdo seja acessível até mesmo para navegadores de baixo nível sem CSS ou JavaScript

Com esse processo em mente, você pode sair e construir o design mais moderno que puder! Apenas certifique-se de que ele se degrada em navegadores menos funcionais enquanto ainda está funcionando.

Quão longe você precisa voltar?

Uma dúvida que muitos desenvolvedores da web têm é quanto tempo atrás, em termos de versões de navegador, você deve oferecer suporte? Não há uma resposta direta para essa pergunta. Depende do próprio site. Se você revisar a análise de tráfego de um site, verá quais navegadores estão sendo usados ​​para visitá-lo. Se você vir uma porcentagem notável de pessoas usando um determinado navegador mais antigo, provavelmente desejará oferecer suporte a esse navegador ou correrá o risco de perder o negócio. Se você olhar suas análises e ver que ninguém está usando uma versão mais antiga do navegador, provavelmente você está seguro ao tomar a decisão de não se preocupar em dar suporte total a esse navegador desatualizado e testá-lo. Portanto, a verdadeira resposta para a questão de quanto tempo o seu site precisa para dar suporte é: “o quanto antes seus dados analíticos dizem que seus clientes estão usando”.