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

click fraud protection

O indústria de web design está sempre mudando, em parte porque os navegadores da web e os 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 que os designers e desenvolvedores de sites sempre tiveram que enfrentar não é apenas mudanças nos navegadores da web, mas também na gama de diferentes navegadores 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, versões mais antigas do navegador Internet Explorer da Microsoft têm sido um espinho no lado de muitos profissionais da web. Embora a empresa tenha retirado 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.

instagram viewer

Definição de 'degradação graciosa'

A realidade é que as pessoas que usam esses navegadores antiquados muitas vezes nem sabem que têm software desatualizado ou que sua experiência de navegação na web pode estar comprometida por causa do software escolha. 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 oferecer uma experiência útil para esses clientes, ao mesmo tempo que criam sites que funcionam perfeitamente nos navegadores mais modernos e ricos em recursos dispositivos 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 não tão bonito 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", desde que o site funciona para o que eles precisam e não parece estar quebrado, tanto funcional quanto visualmente, você ficará bem 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, estará 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 abordagem é criar um site que funcione bem para navegadores modernos ao mesmo tempo em que oferece uma experiência utilizável para navegadores mais antigos e clientes que continuam a usar eles.

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 muitas vezes isso é pedir muito deles (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 assustá-los longe). 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 essenciais 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 válido, em conformidade com os padrões HTML
  • 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 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á qual navegadores de site estão sendo usados ​​para visitar esse site. 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 testar isto. 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".

instagram story viewer