Interação em botões de E-commerce

As compras online são um sucesso. Isso é devido a muito fatores, mas no início as pessoas tinham muito receio dessa ferramenta. Isso mudou com o maior entendimento da internet e das políticas de proteção que foram adotadas com o tempo, tudo para conquistar a confiança do comprador. Mas todo o conforto e segurança que temos hoje para realizarmos comprar passou por muito estudo e foi lentamente se tornando um padrão que esperamos, subconscientemente, encontrar nas lojas que temos interesse de comprar.

Nos grandes projetos de web design, entre as etapas mais importantes estão as interfaces. A interface é o que vai definir se o usuário terá uma navegação com uma boa usabilidade. (Interfaces fáceis de usar na web)

Não é de hoje que o Marketing estuda para onde olhamos, que cores nos agradam, etc. Esses padrões são estudados por vertentes do marketing como o neuro marketing, que usa ferramentas e análises como a pupilometria, eye-tracking e eletroencefalografia, entre outros.

Esses estudos, junto com o uso contínuo e associação, fizeram com que certos formatos e cores moldassem um padrão de interação. As pessoas interagem mais rápido e com mais segurança com botões em cores, formas e posicionamentos específicos.

Em um estudo realizado pela empresa perception System, o botão retangular com as bordas levemente arredondadas se provou 62% mais eficiente e agradável para interações, enquanto o botão em formato de pílula foi o mais rejeitado, tendo só 6% de cliques em relação aos outros.

Os botões de compra na cor vermelha também se saíram melhor em relação aos botões com outras cores. Vale ressaltar que existem divergências e cada site precisa de um estudo de cores. Um exemplo disso é o caso dos sites da Americanas e da Magazine luíza. O segundo teve melhor desempenho em pesquisas mesmo usando um botão verde. Isso porque o botão vermelho da americanas perdeu destaque por causa das cores do menu, que também são vermelhos, enquanto no site da magazine ele conseguiu ter mais destaque.

Além do formato e cor, a posição também tem grande influência.

A posição adequada do botão na página melhora sua visibilidade. É importante dizer que tudo o que aparece antes da dobra (aquilo que aparece sem a necessidade de rolar a página) tem mais destaque do que o que vem depois da rolagem, por isso, é importante que o botão principal esteja sempre antes da rolagem. (E-commerce Guide)

No mobile, o posicionamento dos botões é ainda mais importante, pois envolvem o conforto e a praticidade na hora de segurar o celular. Essas observações, que parecem pequenas, podem a ser a diferença entre a pessoa concluir a compra ou deixar a página.

O objetivo principal dos botões no e-commerce são levar o cliente a fazer o que o site quer, e eles vão usar de todos os artifícios para isso.