7 erros do site de comércio eletrônico para se livrar em 2016

Publicados: 2015-12-28

7 erros de comércio eletrônico para se livrar em 2016

Produtos em destaque na página inicial. Bandeiras rotativas. Fundos que adicionam “personalidade”.

A maioria das pessoas no campo de marketing on-line entende por que eles são usados ​​por uma tonelada de sites, e alguns de nós sabem por que eles não são úteis quando você coloca seus óculos de usabilidade.

Mas eles estão lá, mesmo que você esteja vendo um pouco menos deles agora.

Aqui estão as 7 coisas que esperamos ver menos nos sites de comércio eletrônico em 2016.

Distrações de fundo da página

Ao projetar seu site de comércio eletrônico, lembre-se de que os visitantes observarão as áreas onde parece haver informações significativas . Nossos olhos não podem deixar de ser atraídos para:

  • textura
  • cor
  • contraste
  • detalhes

Variações visuais na lateral da página atrairão a atenção e, consequentemente, desviarão a atenção do corpo da página.

HorseSupplies.com, por exemplo, está certo em tornar a periferia mais escura, mas a imagem fotorrealista dos quadros distrai do meio da página.

Fundo de suprimentos para cavalos

Horse.com, por outro lado, obtém o plano de fundo correto.

A parte interna da página é branca e de alto contraste, enquanto a parte externa é cinza fosco. Assim, os olhos vão automaticamente para o corpo da página.

Fundo de cavalo pontocom

Você não quer que o plano de fundo seja o centro da visão de seus visitantes, então mantenha-o chato . Mantenha-o livre de…

  • padrões
  • mudanças de cor
  • fotos de pessoas ( especialmente esta )

Claro, você pode optar por uma aparência específica para atrair seu público, mas o local para embelezar não está fora dos limites da página .

Produtos na página inicial

Ter produtos individuais na página inicial é adivinhar o que o visitante quer – espero que com um palpite baseado em dados.

No entanto, mesmo que esses itens representem seus best-sellers, eles provavelmente são apenas uma pequena fração de seu inventário geral. E as chances de serem o que os visitantes procuram são muito pequenas.

Lembre-se que sua página inicial existe por 2 motivos (e vender não é um deles):

  1. Estabelecer credibilidade e confiança
  2. Para tirar as pessoas da página inicial e aproximá-las da meta

A função da página inicial é levar os visitantes ao conjunto de produtos em que estão interessados ​​.

Isso é, a menos que você seja a Apple.

Quando a Apple lança um novo item, provavelmente é um lançamento de bilhões de dólares em todo o mundo, então não há problema em que esse produto assuma toda a experiência.

Esse não é o caso da maioria dos sites de comércio eletrônico.

A maioria carrega linhas de produtos maiores, não tem essa afinidade com a marca e não tem grandes eventos de lançamento acontecendo normalmente.

Portanto, remova produtos individuais em sua página inicial. Em vez disso, mostre aos visitantes a variedade de produtos que você carrega…

  • ter navegação em nível de categoria acima da dobra visual
  • representando cada categoria com uma colagem de fotos que mostra a variedade de itens disponíveis nessa categoria

Certifique-se de que as imagens de categoria sejam compostas ou visualmente diferentes de como você representa itens individuais, para que os clientes não fiquem confusos.

Por exemplo, a página inicial da B&H Photo Video (embora menos do que ideal por causa do banner rotativo que empurra as categorias para baixo) tem as imagens compostas para baixo. (Eles meio que trapaceiam, colocando os produtos em destaque mais abaixo.)

Nível de categoria de foto Bh

Muitas opções

Nós sabemos, nós sabemos. Todo site de comércio eletrônico sonha em se tornar Amazon quando crescer.

Então, você pode estar seguindo os passos deles, apresentando a seus clientes toneladas de opções de produtos.

Considere isso, no entanto:

Em um estudo da Universidade de Columbia, 2 estandes de degustação de geleias foram montados em uma loja para descobrir se o número de opções tem impacto na decisão de compra.

Descobriu-se que faz:

  • 30% dos que visitaram o estande com apenas 6 tipos de geleia acabaram comprando
  • apenas 3% dos que visitaram o estande com 24 tipos de geleia fizeram uma compra

Portanto, não sobrecarregue os clientes com muitas opções, pois isso leva a evitar decisões .

Além disso, não confie que os visitantes encontrem o que desejam usando o sistema de filtragem do lado esquerdo porque …

  1. Apenas usuários avançados normalmente o utilizam. A maioria dos visitantes não investirá tempo e esforço em aprender a interface do seu sistema de filtragem. (Verifique sua análise se o número de pessoas que usam sua filtragem vale o espaço que você está alocando para ela.)
  2. Mesmo que os clientes o usem, é provável que o filtro ainda consiga muitos resultados.

No Wayfair.com, por exemplo, se você filtrar para mostrar apenas tapetes de área 'retângulo' '5 X 8', ele produzirá mais de 900 páginas de resultados de pesquisa com 48 produtos em cada página.

Tapetes de área de Wayfair

Você não pode esperar que os clientes percorram os resultados indefinidamente até se depararem com o item que realmente desejam.

A rolagem funciona apenas para uma rápida digitalização visual de itens físicos que são substancialmente diferentes (como no Pinterest). Mas em uma configuração de comércio eletrônico, onde você tem uma longa lista de imagens visualmente semelhantes, a rolagem não é o caminho a percorrer .

Tenha isso em mente ao apresentar opções:

  • Guie os clientes para os produtos certos (semelhante a como você faria em uma loja física). Pegue a mesma filtragem do lado esquerdo e transforme isso em um assistente passo a passo . Coloque as mesmas opções em uma série de perguntas com taxonomia de interesse útil em janelas pop-over.

Taxonomia de interesse útil 1

  • Aprofunde-se ao criar arquitetura de informações para navegação de catálogo. Tenha apenas 3 ou 4 categorias de nível superior com cada uma com 4 a 6 subcategorias. Mostre um conjunto de itens que atenda às necessidades do usuário somente após 3 ou 4 cliques.

Opções de aparência semelhante

Se você é uma loja especializada, é provável que venda muitos produtos que não sejam visualmente distintos uns dos outros. “O problema é que, se você os apresentar como itens de aparência semelhante, os clientes não terão nada em que basear sua decisão.

Por exemplo, se você está vendendo canetas e as mostra como miniaturas minúsculas, como na imagem abaixo, é difícil dizer como um item difere do outro.

Escolha de canetas óbvia

No entanto, se você mostrar a ponta ou a ponta de uma caneta, o cliente verá se ela tem uma tampa de rosca ou um botão na parte de trás. Eles podem dizer se é uma caneta-tinteiro, ou se tem empunhadura de borracha, ou se o tamanho da esferográfica atende às suas necessidades.

Canetas Distintas

Ajude os clientes a decidir usando recursos visuais para tornar as escolhas claras.

Focalize, amplie ou distorça distinções importantes entre produtos aparentemente semelhantes . Tenha um submenu ou uma parte da imagem que mostre a singularidade de um item.

Promoções que dominam

Todos na empresa querem um pedaço da página inicial. Como resultado, as promoções dominam e a navegação de nível superior desaparece.

Por sua vez, espera-se que os usuários descubram o menu com menus suspensos e desdobráveis ​​na barra de navegação porque o corpo carece de navegação útil.

Mas não basta apenas ter as categorias na barra de navegação. Se a informação for importante, ela também deve ser apresentada visualmente no corpo da página inicial.

Lembre-se: os usuários só usam a barra de navegação se o corpo da página inicial falhar .

Na página inicial da J.Crew, por exemplo, a promoção de 30% de desconto toma conta e a navegação é empurrada para cima.

Promoção de férias Jcrew

Sim, é importante conscientizar os clientes sobre vendas por tempo limitado ou disponibilidade limitada (as coisas escassas que convencem as pessoas a comprar ), mas isso não deve ser feito às custas da navegação permanente.

Carrossel da página inicial

No início de 2013, o banner rotativo da página inicial era uma das tendências de web design que esperávamos que desaparecesse naquele ano.

Infelizmente, é quase 2016, e os banners rotativos ainda são predominantes em sites de comércio eletrônico.

Banner rotativo para sempre21 'O problema é que os usuários percebem os banners rotativos como comerciais.

E ninguém gosta muito de comerciais (exceto os fofos e engraçados do Superbowl). Portanto, esses banners serão ignorados .

Na chance de um cliente interagir com eles, os banners rotativos geralmente acabam sendo um aborrecimento. Eles tiram a sensação de controle do usuário sobre a página, passando para o próximo banner antes mesmo que o usuário termine de consumir o anterior.

Então libere aquele espaço gigante de banner giratório e use-o para mostrar…

  • um título claro
  • categorias de nível superior
  • elementos de confiança
  • prova social

Zoom Enigmático

Entendemos que muitos dos truques tecnológicos são funções do carrinho de compras que você pode estar usando. Mas se o seu carrinho tiver restrições que comprometam a usabilidade, é hora de considerar a troca de carrinhos.

Dê uma olhada em como Forever21.com amplia um produto, por exemplo.

Forever21 Pdp Zoom

Qualquer parte que o usuário está rolando é destacada à esquerda e você obtém a caixa de zoom à direita, onde você vê um close dessa parte.

Vemos 4 problemas com isso:

  1. Abrange a área de call-to-action onde você normalmente tem o preço, a classificação por estrelas e o botão 'adicionar ao carrinho'.
  2. Um cliente provavelmente ainda vai querer ver o vestido inteiro – só que maior.
  3. Às vezes, a imagem com zoom não é muito maior. Se o cliente quiser ver o caimento do vestido e a espessura do tecido, ele não verá isso em uma imagem 2x.
  4. Cobrir partes da página com uma caixa de zoom é mortal no celular.

Para que os clientes apreciem o produto, tenha uma imagem 5X que ocupe toda a tela . Você precisa de uma foto de 3.000 a 5.000 pixels de largura que os visitantes possam ver em tela cheia.

Uma caixa de luz em tela cheia permite que o cliente veja muito mais detalhes. Além disso, as pessoas estão acostumadas a uma aquisição de página inteira no celular, pois geralmente é o caso quando assistimos a vídeos.

A H&M, por exemplo, tem uma opção de tela cheia que os clientes podem simplesmente sair depois de ver o item:

Hm Pdp Closeup Tela Cheia

Conclusão

É preciso disciplina, força de vontade e suporte gerencial para se livrar desses erros.

Alguns deles, os profissionais de marketing têm controle. Outros serão um pouco mais difíceis de realizar em muitas empresas – suporte gerencial é algo que você terá que ganhar com o tempo, por meio de testes divididos, dados e resultados.

Aqueles que estão à altura da tarefa, no entanto, têm uma vantagem significativa sobre a concorrência.