10 dicas para criar uma excelente loja virtual

Empresários e varejistas que procuram expandir-se para as compras on-line têm mais opções disponíveis do que nunca, mas também têm mais considerações sobre o site e opções técnicas para decifrar também. Construir uma loja virtual eficaz ainda possui provedores prontos para o uso, como o Wix Stores, que podem tornar a sua presença inicial rápida e simples. Mas aqueles que são realmente sérios sobre o crescimento de seus negócios online descobrirão que suas necessidades evoluem além desses serviços prontos para uso rapidamente.

Há muitas perguntas a serem respondidas antes que algo apareça no ciberespaço e muito mais à medida que o negócio amadurece. A coleta de dados sobre os clientes é um ótimo exemplo e uma questão importante hoje, especialmente para lojas que desejam acessar mercados europeus. A conversão de moeda e as diferentes leis de comércio eletrônico ainda são problemas espinhosos nesses mercados, mas agora você também precisará lidar com o Regulamento Geral de Proteção de Dados (GDPR), que exige um processo de manuseio muito mais cuidadoso dos dados dos clientes.

A segurança da transação é outra questão importante, porque significa equilibrar a necessidade de segurança do cliente com quantos aros você precisará que eles passem antes que eles possam fazer uma compra. E não importa quais decisões você tome para seu site padrão, você precisará ter as mesmas discussões para a iteração móvel. Porque, embora a mobilidade tenha sido certamente uma das palavras de ordem mais queridas do ano passado, os 12 meses extras não diminuíram sua importância.

O pensamento atual designa que os criadores da Web devem projetar a experiência móvel primeiro e depois ajustar a experiência da área de trabalho conforme necessário.

"Todo elemento, todo conteúdo, deve ser funcional no celular", disse Jimmy Rodriguez, COO da 3dcart. "Se você está começando do zero, cria um design para dispositivos móveis. Com design responsivo, você pode criar o site para começar no celular e trazê-lo para o desktop".

Para ajudar a projetar sua fachada de loja de comércio eletrônico para usuários móveis e de desktop, compilamos as 10 dicas importantes abaixo. No entanto, Rodriguez recomenda que, antes que as empresas incorporem qualquer um deles em suas vitrines, eles testem esses recursos em páginas específicas de produtos para ver como eles são antes de lançá-los em todo o site.

1. Navegação de cabeçalho pegajoso

Todos já estivemos lá: rolamos a página para baixo para ler comentários de usuários ou detalhes do produto e agora estamos prontos para sair da página e voltar ao menu para continuar nossa jornada de compras. Infelizmente, para voltar ao menu, normalmente precisamos clicar no botão "Page Up" em nossos teclados de mesa ou tocar na parte superior da tela em nossos dispositivos móveis.

Com Cabeçalhos fixos, à medida que você rola para baixo, o menu é redimensionado e ajustado. O menu acompanha você ao longo de sua jornada para manter a navegação na tela, caso seja necessário pular rapidamente as páginas. Você pode ver isso em vigor no site Bose.com. Apesar de estar no meio da página, você ainda pode acessar a navegação principal da página sem precisar voltar ao topo da tela.

2. Menus Hamburger

Embora os Menus de Hambúrguer pareçam um recurso mais adequado para restaurantes de fast food, eles estão rapidamente se tornando um item obrigatório para empresas que fazem muitos negócios em dispositivos móveis. Você já os viu antes: os menus Hamburger se tornaram o ícone móvel padrão para navegação e menus móveis.

Eles apresentam três linhas horizontais que, quando pressionadas, oferecem um menu suspenso da navegação de um site. Eles são particularmente úteis em dispositivos móveis nos quais o espaço na tela é escasso. Mas também estamos começando a vê-los em sites para computador, para que os consumidores tenham uma experiência semelhante nos sites da empresa, independentemente do dispositivo que estão usando.

"Muitas pessoas veem o Hamburger Menus e sabem o que isso significa, mas não sabem que é basicamente o novo padrão", disse Rodriguez. "Os visitantes móveis aprenderam o significado desse símbolo e os sites devem adotá-lo como um padrão para a navegação móvel".

Você pode ver um menu Hambúrguer no canto superior direito do Target.com e no site móvel da Target. Você também pode vê-lo na foto abaixo.

3. Rolagem de paralaxe

Com menos recursos de funcionalidade e mais uma maneira de melhorar a estética do seu site, o Parallax Scrolling tira proveito de grandes banners cheios de imagens de alta resolução para adicionar um toque artístico ao seu site. Ao tirar proveito de imagens grandes e de largura total, você pode criar um efeito de deslocamento entre a imagem de plano de fundo do site e a imagem diretamente na frente do consumidor.

Como você pode ver na imagem abaixo em RimmelLondon.com, ao rolar a página, as imagens de segundo plano do site mudam. No entanto, a alteração ocorre sutilmente quando as imagens de segundo plano e de primeiro plano se misturam. A captura de tela abaixo mostra o site no momento em que a imagem de fundo muda de roxo para rosa.

4. Rolagem infinita

A rolagem infinita parece mais uma técnica de tortura do que um recurso de comércio eletrônico. No entanto, essa ferramenta bacana permite que os usuários visualizem continuamente novos produtos sem precisar clicar e carregar uma nova página. Eis como funciona: Quando você desce até a parte inferior de uma página de comércio eletrônico, a página carrega automaticamente mais itens na parte inferior da página. Eles ainda estão catalogados como páginas no back-end, mas o visitante não sabe disso.

Você pode ver um recurso semelhante no UnderArmour.com. Infelizmente, o Under Armour exige que você clique no botão "Carregar mais" para ver conteúdo adicional. Alguns sites estão equipados com um mecanismo de abertura automática que mostra mais conteúdo sem a necessidade de um clique.

5. Um botão flutuante "Adicionar ao carrinho"

Semelhante à ferramenta Navegação fixa, os botões flutuantes "Adicionar ao carrinho" permitem que seus consumidores adicionem produtos ao carrinho de compras, independentemente de onde estejam na página do produto. Anteriormente, os usuários rolavam para baixo para análises de usuários, detalhes do produto e outros elementos da página inferior e, para adicionar o produto ao carrinho, precisavam rolar de volta para o topo da página. Agora, empresas como a Diesel.com permitem ver o preço, a quantidade, as opções de cores e a imagem do produto, bem como o botão "Adicionar ao carrinho", independentemente de onde você esteja na página do produto.

6. Use a lei de Fitts

Não vamos aborrecê-lo com a matemática por trás da Lei de Fitts, mas é essencialmente uma teoria de que quanto maior e mais próximo um objeto estiver de nós, maior a probabilidade de interagirmos com ele. O mesmo princípio básico pode ser aplicado ao comércio eletrônico. Se você deseja orientar os usuários a páginas de produtos, carrinhos de compras e promoções, torne esses botões grandes, coloridos e o mais próximo possível do centro da página.

Se você ignora a Lei de Fitts e coloca pequenos botões em preto e branco ao longo dos trilhos ou na parte inferior das páginas, poderá perder compradores em potencial. Não cometa esse erro.

7. Exibir avaliações e depoimentos de clientes

Você não deseja que os clientes acessem seu site, visualizem seus produtos e depois sigam para a Amazon.com para verificar as opiniões dos usuários. Afinal, a Amazon.com pode vender o produto mais barato ou o cliente pode preferir a experiência de compra da Amazon.com à do seu site.

Se você der a seus clientes a capacidade de avaliar e revisar produtos, poderá afastar os clientes cautelosos que precisam da garantia das opiniões de outros consumidores antes de fazer uma compra. A maioria das ferramentas de comércio eletrônico facilita a implementação de classificações e análises, por isso não coíbe de implementar essa prática.

8. Um balcão de atendimento ao cliente eficaz

O envolvimento com seu cliente é fundamental para o sucesso do varejo, e em nenhum lugar é mais fácil ou mais eficaz do que no balcão de atendimento ao cliente. Cuidar adequadamente de um cliente irado, insatisfeito ou mesmo confuso é um dos caminhos mais seguros para repetir negócios. Os aplicativos de service desk e helpdesk de hoje tornam mais fácil do que nunca. O uso de um desses aplicativos não apenas organiza as solicitações dos clientes, mas também permite que você pegue os dados de clientes e respostas que esses encontros geram e os canalize para os mecanismos de gerenciamento de relacionamento com clientes (CRM), marketing e análises de negócios. Isso permite que você fique de olho no que os clientes pensam da sua loja e de seus produtos.

O local onde você coloca as âncoras e pontos de contato do atendimento ao cliente é importante para a experiência geral do cliente. E se essa interação assume a forma de uma simples página de contato ou chega a abrir uma janela de bate-papo com qualquer pessoa que permaneça no site por mais de 60 segundos, isso depende dos tipos de produtos que você está vendendo e dos estatísticas médias de visitas ao site da sua loja.

Mas tornar um balcão de atendimento ao cliente um sucesso é mais do que software. Você precisa garantir que alguém profissional esteja lá para lidar com essas solicitações ou é um investimento desperdiçado. Os clientes que se deram ao trabalho de clicar no botão "Entre em contato com o Atendimento ao Cliente" esperam obter ajuda ao vivo de um ser humano real. Você pode gerenciar isso por telefone ou por bate-papo instantâneo, um recurso que está se tornando mais comum com os provedores de serviço de assistência técnica. E se você está precisando de pessoal, pode encaminhar sua operação de atendimento ao cliente com chatbots inteligentes que "parecem" humanos, enquanto é capaz de lidar com uma grande quantidade de solicitações recebidas em um nível básico, entregando apenas as solicitações mais complexas ao homo real sapiens.

9. Saída de Breadcrumb

Quando os clientes saem de sua loja, eles gostam de saber onde estão no processo, a que distância estão do acabamento e como voltar facilmente sem perder todos os dados que já inseriram. O Breadcrumb Checkout mostra aos clientes exatamente onde eles estão no processo, utilizando um design de botão de navegação linear que permite que os clientes cliquem para frente e para trás em Login, Opções de pagamento, Opções de envio, Fazer pedido ou Continuar comprando. Sem esse layout, os consumidores podem pressionar o botão Voltar, ver que suas informações não são registradas, ficar frustrados e sair do site.

10. Visualizações em 360 graus

Você já comprou uma jaqueta aparentemente modesta on-line apenas para perceber que tem uma peça de strass deslumbrante? Bem, quando você devolveu esse produto, perdeu seu tempo e o tempo do fornecedor e custou o dinheiro da empresa. Não se preocupe, não foi sua culpa. Muito provavelmente, o fornecedor só tinha imagens de vista frontal e lateral da jaqueta. Se o fornecedor tivesse oferecido imagens de visualização em 360 graus, você teria visto essas strass e clicado no botão Cancelar pedido.

Não cometa esse mesmo erro em seu próprio site. Além de permitir que os clientes aumentem o zoom nas imagens, ofereça a eles a opção de girar ou visualizar vários ângulos da imagem, assim como o Kenneth Cole.com. Dessa forma, eles não ficam surpresos ao abrir a caixa de entrega e retirar um produto que não estavam esperando.