Conversão e UX

Modo escuro numa loja PrestaShop: útil ou gadget

O modo escuro passou de gadget a opção esperada em poucos anos. Nos sistemas operativos e nas aplicações tornou-se padrão. Nas lojas online continua raro, e a questão da sua utilidade merece ser colocada a sério em vez de decidida pela moda.

O que os utilizadores querem realmente

Duas motivações distintas, muitas vezes confundidas.

O conforto com pouca luz. É a razão principal, e diz respeito à utilização ao serão, na cama ou numa divisão pouco iluminada. Numa loja cujo tráfego se concentra durante o dia, o tema pesa pouco.

A coerência com o sistema. Um utilizador que ativou o modo escuro no seu equipamento espera que os sites o respeitem. Um site em branco ofuscante que abre no meio de uma interface escura causa incómodo real, independentemente da hora.

Esta segunda motivação é a que mais conta, e tem uma consequência de conceção: respeitar a preferência do sistema deve ser o comportamento por defeito, com um seletor para forçar num sentido ou noutro.

O ponto da acessibilidade

Ao contrário de uma ideia feita, o modo escuro não é sistematicamente mais acessível.

Ajuda algumas pessoas, nomeadamente as que sofrem de fotofobia ou de certas enxaquecas. Prejudica outras: quem tem astigmatismo lê muitas vezes pior o texto claro sobre fundo escuro, por causa de um efeito de halo à volta dos caracteres.

O que é certo, em contrapartida: oferecer a escolha é mais acessível do que não a oferecer. O critério não é saber que modo é melhor, mas deixar o utilizador decidir.

Impõem-se então duas regras técnicas. Os contrastes têm de ser verificados nos dois modos, o que duplica o trabalho de controlo. E o texto em branco puro sobre preto puro deve ser evitado: um cinzento muito claro sobre um cinzento muito escuro reduz a fadiga ocular.

Módulo Dark Mode PrestaShop 8/9: Modo escuro automáticoO modo escuro que os seus clientes esperam, sem tocar no seu tema.59,00

O custo real de implementação

É o ponto que decide, e é muitas vezes subestimado.

Num tema construído com variáveis de cor, acrescentar um modo escuro representa um dia de trabalho: redefine as variáveis e testa. Num tema onde as cores estão escritas à mão nas folhas de estilo, conte com vários dias e uma revisão em profundidade.

Quatro rubricas acrescem sistematicamente, e raramente são antecipadas.

As imagens de produto. Uma foto recortada sobre fundo branco aparece como um retângulo branco no meio de uma página escura. O tratamento passa por visuais com fundo transparente ou por um fundo de miniatura neutro.

Os módulos de terceiros. Cada um traz os seus próprios estilos, que ignoram o seu modo escuro. Um banner de cookies, um chat ou um carrossel ficam em claro.

Os conteúdos redigidos. As descrições de produto com cores escritas à mão, herdadas de um copiar-colar, saem ilegíveis.

Os e-mails. Não são afetados pelo modo escuro do site, mas são-no pelo do cliente de correio, o que é um estaleiro à parte.

A questão do logótipo

Pormenor concreto e sistemático: um logótipo preto sobre fundo transparente desaparece em modo escuro. É precisa uma segunda versão, clara, e uma comutação consoante o modo ativo.

O mesmo problema afeta os ícones, os pictogramas de pagamento e os selos de confiança. Preveja-os desde o início, senão vai descobri-los um a um em produção.

Então, útil ou gadget

A resposta depende de dois critérios mensuráveis na sua própria loja.

A parte do seu tráfego ao serão, entre as 20 h e a meia-noite. Acima de 25 %, o conforto de leitura torna-se um tema a sério.

A sua audiência. Num público técnico, de programadores, de jogadores ou de profissionais de informática, a expectativa é forte e a ausência nota-se. Num público generalista mais velho, é marginal.

Se nenhum dos dois critérios se verifica, o modo escuro é um investimento de conforto, não uma alavanca comercial. Isso não o desqualifica, mas coloca-o depois de outros estaleiros.

Se um dos dois se verifica, torna-se um elemento de qualidade percebida, ao mesmo título que um tempo de carregamento correto: ninguém o compra, mas a sua ausência nota-se.

O que não se deve fazer

Três erros que transformam uma boa ideia num problema.

Impor o modo escuro sem possibilidade de voltar ao claro, a pretexto de modernidade.

Ignorar a preferência do sistema e impor o modo claro por defeito a quem tem o equipamento em escuro.

Entregar um modo escuro parcial, em que o funil de compra fica em claro. A incoerência no momento do pagamento é pior do que a ausência total.

O módulo Dark Mode para PrestaShop traz esta função ao PrestaShop 8 e 9: deteção da preferência do sistema com seletor manual, adaptação das cores sem mexer no tema, variante clara do logótipo e suporte dos blocos dos módulos de terceiros.

Continuar a ler

Artigos relacionados