Usabilidade do ruído visual no comércio eletrônico e por que funciona.

May 09 2023
Muitas vezes encontro conflitos de marketing e usabilidade. As regras de marketing usadas para projetar promoções ou anúncios geralmente causam confusão entre os designers e conversas infelizes sobre como isso não está certo e podemos prejudicar a usabilidade.
Muitas ofertas da iHerb

Muitas vezes encontro conflitos de marketing e usabilidade. As regras de marketing usadas para projetar promoções ou anúncios geralmente causam confusão entre os designers e conversas infelizes sobre como isso não está certo e podemos prejudicar a usabilidade. Porém, trabalhando na Ecom e em uma empresa que lança a maioria de suas soluções através de testes a/b, muitas vezes me deparei com situações em que eu, como designer, disse — não pode fazer isso, prejudica a usabilidade! E durante o teste a / b, a nova versão dá um aumento tangível nos indicadores econômicos - conversão / conta média, etc. Resumindo, já vi mais de uma vez que a opção de usabilidade errada e cognitivamente difícil ganha dinheiro. Onde está a verdade? Talvez ninguém queira facilidade cognitiva e toda essa sua comodidade?

Fale sobre o ruído visual.

Amazon.com e seu monte de categorias.

Muitas vezes me deparo com o seguinte erro em auditorias e análises de sites de comércio eletrônico: o autor aponta para um bloco de categorias ou banners (elementos do mesmo tipo, não relacionados à navegação primária) e diz: “são muitas categorias /banners, devemos reduzir seu número, caso contrário, eles criam ruído visual e aumentam a carga cognitiva do usuário” e toda vez que essa frase soa como algo axiomaticamente ruim. No entanto, muitas vezes funciona. Por que?

Pegue seu site de comércio eletrônico. Você tem 3 grupos de clientes vindo até você:
1. Usuários que sabem o que estão procurando (procurando por um item familiar)
2. Usuários que não sabem o que estão procurando e estão apenas explorando o site (pesquisa por um item desconhecido)
3. Outros cenários - usando favoritos, suporte, comparação, etc.
O primeiro e o terceiro sabem o que fazer, mesmo que pela primeira vez no site, vão para a caixa de pesquisa ou diretório, ou o desejado seção, geralmente eles estão localizados de maneira mais ou menos típica. O ruído visual que os encontra na página geralmente não os incomoda. Sua cegueira de bandeira interna o bloqueia.

Mas o segundo grupo é apenas o que nos interessa. Falando sobre os danos do ruído visual, queremos dizer principalmente eles.
É absolutamente verdade a regra de que mais de 6 a 7 elementos na cabeça uma pessoa é desconfortável de segurar, mas os layouts / categorias de banners e prateleiras de produtos nem sempre visam “dar uma imagem completa da estrutura e permitir que o usuário selecione facilmente 1 elemento do conjunto” muitas vezes eles visam “capturar a atenção de um elemento aleatório e engajar”. Há um funil de marketing simples em ação aqui: quanto mais as pessoas clicarem em qualquer item que as interesse, maior a probabilidade de comprarem algo de você e se tornarem seus clientes satisfeitos.

E é preciso um impulso muito forte para acionar um usuário na era da economia da atenção. Imagine se cada um de seus usuários tivesse pelo menos 1 interesse forte de algum tipo. Por exemplo, Greg é louco por tartarugas de orelhas vermelhas e não se importa com mais nada. Então Greg vai ao site de uma nova loja de animais para ver o que eles têm a oferecer a ele, são 4 banners grandes e claros: gatos, cachorros, anfíbios e peixes. A cegueira de banner ajuda Greg a pular esse bloqueio como algo de que ele não precisa e seguir em frente. Neste ponto, a estrutura da página para ele é a seguinte: navegação->publicidade->um monte de coisas desnecessárias.

Porém, se ao invés de 4 grandes e lindos, fizermos 10 banners menores, um dos quais será a tartaruga de orelhas vermelhas, por causa do grande amor, Greg não sentirá falta. Neste ponto, a estrutura da página parecerá com “navegação->publicidade->um monte de coisas desnecessárias-> !tartaruga! -> um monte de coisas desnecessárias. Este é o mesmo fenômeno que quando os pais jovens em todos os lugares percebem que pessoas com filhos da mesma idade ou fãs de um determinado modelo de carro começam a encontrar essa marca na rua com mais frequência.

Além do mais, se mostrarmos aos usuários poucos itens, eles podem pensar que você tem uma variedade ruim e ir embora.
Em geral, parece uma curva “ má escolha-> abundância-> ruído visual “ Em geral, como em outros lugares, vale a pena procurar o meio-termo. Muitas vezes, a “abundância” do setor contém muito mais elementos do que os designers desejam. No entanto, para cada produto, esse número deve ser determinado de forma independente, com base em sua marca, conteúdo e estratégia de marketing. Como ponto de referência, você pode fazer uma analogia com o mundo real: você espera ver apenas três carros em uma concessionária e isso é abundância. Da mesma forma, você espera ver prateleiras infinitas cheias de produtos em um shopping e isso é abundância.

Observações importantes:

Os novos usuários são mais sensíveis ao ruído visual do que os usuários mais antigos. Eles não conhecem você e sua cegueira de bandeira para você pode não ter sido configurada ainda, é mais fácil atordoá-los e então o que será uma abundância para o velho se tornará um ruído visual para o novo. Para esses casos, você pode pensar em exibições diferentes para usuários novos/antigos.

Aqui essas “prateleiras da abundância” não devem cortar o conteúdo, apenas seriam irritantes e confusos, mas podem estar em pausas lógicas entre blocos significativos de conteúdo.

Nada disso se aplica ao texto e provavelmente não a todos os ícones, porque os ícones podem parecer uniformes e não grudar nos olhos se houver muitos deles próximos uns dos outros.

Se você conhece outros paradoxos misteriosos, escreva-me e terei prazer em tentar explicar por que algo que deveria funcionar não funciona e algo que não deveria funcionar funciona.