CALENDÁRIO DE UX – 2 DE DEZEMBRO – Vamos deixar o UX verde para 2023

Recentemente, tive a oportunidade de participar do treinamento sobre o tema do eco-design conduzido por Christophe Clouzeau dentro dos muros da UX Républic.
Christophe é uma figura neste meio desde que participou no desenvolvimento do Quadro Geral para o Ecodesign de Serviços Digitais tornado público desde 2021 (RGESN). (1)

Esta formação abriu-me os olhos para um campo ainda muito pouco explorado. De fato, de acordo com o Ministério da Transição Ecológica e Energética, a pegada ambiental da tecnologia digital é ainda muito pouco conhecida pelos vários atores políticos (ao nível europeu, nacional, local), empresas e indivíduos (enquanto consumidores e cidadãos). (2)

Eu mesmo sensível às questões ambientais, ainda não havia me preocupado com os impactos de meus projetos no campo digital.

Para ver um pouco mais claramente aqui estão algumas figuras de acordo com Arcep (3) :

  • O digital representaria 4% das emissões de gases de efeito estufa (GEE) no mundo e 2% da pegada em nível nacional (fase de produção e fase de uso incluídas). Esses números podem aumentar significativamente se nada for feito para limitá-los (+ 60% até 2040 ou 6,7% da pegada nacional de GEE)
  •  Os serviços digitais são responsáveis ​​por 10% do consumo global e francês de eletricidade, ou seja, o equivalente ao consumo anual de 8 domicílios franceses

Dado o contexto atual, ter um ambiente web responsável tornou-se um verdadeiro desafio para as empresas. Podemos imaginar que esse assunto assumirá um lugar cada vez mais importante em nossa década.

Sendo a ecologia mais do que nunca um tema atual onde cada um de nós tem um papel a desempenhar, podemos então questionar-nos como podemos contribuir para isso enquanto UX/UI designer. Você já ouviu falar do UX verde ?

O que é Green UX?

O principal desafio do Green UX é reduzir o impacto do carbono desde o design. Isso requer a aplicação de boas práticas para reduzir o peso das páginas e o número de tags.

Por que escolher o Green UX agora?

O Green UX tem muitas vantagens para usuários, clientes e designers.

Melhora a experiência do usuário:

  • A aplicação de regras de ecodesign resulta em um site mais eficiente,
  • O foco nas necessidades do usuário torna a jornada do usuário mais fluida,
  • Um site otimizado permite que o site seja consultado nos dispositivos mais antigos e assim evita a renovação de equipamentos,

Benefícios para a empresa: 

  • Melhoria da sua imagem de marca, 
  • Um site mais leve e rápido melhora seu desempenho e, portanto, seu referenciamento natural,
  • Redução dos custos de desenvolvimento, manutenção e armazenamento,

Para designers: 

  • O ecodesign é uma alavanca para a inovação,
  • Antecipar a demanda por ecodesign, que crescerá nos próximos anos,
  • Adaptar-se ao contexto em mudança e ao ambiente que nos rodeia é uma necessidade.

Como aplicar o Green UX?

Como UX/UI designer, devemos trazer uma visão sustentável desde o início do projeto, para uma criação, otimização ou redesenho do site para ter o máximo impacto.

  • Evangelizar a equipe de TI 

Após confirmação por parte dos stakeholders, é necessário partilhar e generalizar as boas práticas de ecodesign às equipas, falo aqui dos designers, product owners, developers ou equipa de marketing através de workshops e/ou formações.

Inicialmente, todos devem se conscientizar sobre o impacto ambiental da tecnologia digital e sua escolha em termos de design, depois as equipes devem adquirir bons hábitos para reduzir esse impacto.
Todos devem sentir-se preocupados e orgulhosos por levar a cabo este projeto eco-concebido e encontrar soluções adaptadas aos problemas da empresa e do ambiente.

  • Medir para agir melhor 

Devemos medir o peso das páginas e o número de tags gerados por cada página do site (com a extensão Green IT – Analysis ou Lighthouse por exemplo) (4) antes e depois do design e objetivos definidos.

  • Acessibilidade

Um sítio sustentável é um sítio que integra uma dimensão social, o que exige respeito pela Repositório geral para melhorar a acessibilidade (RGAA) (5)

Otimize o peso da página e o número de solicitações

  • Menos é mais

Este slogan de Mies Van Der Rohe é sinônimo de purismo, despojamento, purificação. A ideia é colocar apenas o essencial em termos de gráficos, conteúdo e funcionalidade. A boa prática é perguntar automaticamente se a nova integração é útil para nossos usuários. Essa prática permite ter uma estrutura de árvore mais leve e eficiente e, assim, obter um local mais eficiente.

  • Mobile Primeira

Projetar priorizando o dispositivo móvel evita conteúdo supérfluo. Com efeito, este modo de design permite priorizar as funcionalidades essenciais, também incentiva a pensar na utilização em telemóveis menos potentes e com má ligação.

  • Otimize o conteúdo

Devemos (re)adquirir o hábito de otimizar o tamanho e os formatos dos arquivos: avif ou webP para imagens, svg para logotipos e gráficos, evitando animações em Javascript, não lançando um vídeo automaticamente...

Exemplo de um E-Commerce com design ecológico – https://lowimpact.organicbasics.com/eur

 

Exemplo de um site com design ecológico – https://lowtechlab.org/fr

Esses exemplos de boas práticas são fáceis e rápidos de configurar. Agora é uma questão de integrá-los aos nossos hábitos de design.

Encorajo-vos a ir mais longe, consultando o guia de eco-design de serviços digitais elaborado pela associação Les Designers Éthiques.(6)
Aconselho também a leitura de “Eco-web design: 115 boas práticas” de Frederico Bordage (7)

Só depende de você jogar para um ano de 2023 mais verde!

 

Emanuelle DURVILLE, UX Designer @UX-Republic

Fontes: 

1 – Repositório Geral de Ecodesign de Serviços Digitais (RGESN)  https://ecoresponsable.numerique.gouv.fr/publications/referentiel-general-ecoconception/

2 - https://www.ecologie.gouv.fr/feuille-route-numerique-et-environnement

3- Relatório Arcep (Autoridade Reguladora de Comunicações Eletrônicas, Correios e Distribuição de Imprensa é uma autoridade administrativa francesa independente) https://www.arcep.fr/uploads/tx_gspublication/rapport-pour-un-numerique-soutenable_dec2020.pdf

4 – Caixa de ferramentas digital eco-responsável
https://ecoresponsable.numerique.gouv.fr/publications/boite-outils/

5 – Repositório Geral para Melhorar a Acessibilidade https://www.numerique.gouv.fr/publications/rgaa-accessibilite/#contenu

6 – O guia de ecodesign de serviços digitais  https://eco-conception.designersethiques.org/guide/fr/

7 – “Web ecodesign: 115 boas práticas” por Frederico Bordage https://ecoconceptionweb.com/

Nossos próximos treinamentos