10 dicas de UX para comércio eletrônico para otimizar a navegação filtrada

Navegação filtrada é um recurso de site popular que hoje em dia é rotineiramente usado em sites de comércio eletrônico. Ele serve ao propósito de ajudar os clientes encontrar o produto que estão procurando em grandes conjuntos de dados.

Pense no filtros que você pode definir para Pesquisa de produtos no eBay ou Amazon, como a categoria, o material ou a marca de um produto.

Se você quer uma loja online de conversão, ter uma navegação filtrada é quase uma necessidade, não apenas porque facilita a navegação no local, e acelera a pesquisa, mas também porque os clientes online já me acostumei com isso em grandes sites de comércio eletrônico.

1. Escolha o lugar ideal

Na maioria dos sites de comércio eletrônico, a navegação filtrada é colocado na barra lateral esquerda ao lado do conteúdo, como você pode ver na Amazon ou no eBay. No entanto, nem sempre é a melhor escolha.

A pesquisa de usabilidade do Baymard Institute sobre filtragem descobriu que navegação horizontal colocada no topo do conteúdo pode executar melhor em muitos casos.

A navegação horizontal geralmente funciona bem para sites de comércio eletrônico que tem menos filtros de produtos, como desta forma os usuários são menos propensos a ignorar os filtros.

Vale sempre a pena testar onde colocar a navegação filtrada, pois pode haver grandes diferenças entre as taxas de conversão. O site da Crate & Barrel, um varejista de móveis e decoração para casa, fornece um bom exemplo para uma navegação filtrada horizontalmente.

2. Fornecer filtros relevantes

Embora valha a pena conferir os filtros que seus concorrentes usam, os filtros devem ser sempre relevante para seu produtos e seu público, e de mais ninguém. Nem sempre é tão fácil quanto você pensa, pois você precisa de filtros responda às perguntas que os clientes fazem quando eles estão procurando por seus produtos.

Por exemplo, a Nordstrom fornece aos seus clientes filtros cuidadosamente selecionados para cada categoria de produto, tal como “tipo de lente”, “forma de rosto”, “cor”, “preço”, e “marca” para óculos de sol.

3. Permitir que os clientes selecionem vários filtros

Embora alguns usuários apenas naveguem aleatoriamente em seu site, muitos deles chegam com ideias bem definidas e necessidades bem definidas. Esse grupo de clientes geralmente quer usar vários filtros ao mesmo tempo para executar uma consulta simultaneamente para diferentes qualidades, como cor, preço e material.

Não é necessário apenas que eles selecionem filtros diferentes de vários grupos de filtros, mas também do mesmo tipo. A loja online on-line da Wayfair oferece uma experiência de usuário profissional, permitindo que seus clientes procure quantos filtros quiser.

4. Ativar entrada manual quando necessário

Caixas de seleção são uma ótima maneira de buscar valores de filtro, mas às vezes também é uma boa ideia deixar os clientes definir filtros manualmente, como no caso de campos de entrada de preços. Cada cliente procura produtos em uma faixa de preço diferente, por isso nem sempre é fácil pré-configurar corretamente os filtros de preço.

O eBay tem uma interface de filtragem de preços que serve dois grupos de clientes ao mesmo tempo: aqueles que estão bem com rapidamente marcando uma faixa de preço predefinida, e aqueles que preferem escolha seus próprios preços mínimos e máximos, e digite-os manualmente nos campos de entrada de texto fornecidos.

5. Exibir um contador de produtos

Ao exibir um contador de produtos, você não só mantém seus clientes bem informados, que naturalmente cria um senso de confiança, mas também que eles saibam como “bem” eles realizaram com seus esforços de filtragem. Cada cliente tem um número de produto que deseja confira antes de uma decisão de compra. Idealmente, filtrando aproxima-os deste número. Se você fornecer um contador de produtos, eles sabem imediatamente se eles definirem filtros suficientes ou precisa execute novamente a consulta.

É importante mostrar quantos produtos pertencem a uma determinada configuração de filtro em todos os sites de comércio eletrônico. O Office Depot leva esse recurso para o próximo nível e exibe um contador de produtos ao lado de cada categoria disponível, que dá um empurrão natural para os clientes seguirem com sua busca de produtos.

6. Crie grupos de filtros que façam sentido

Em um site de e-Commerce bem convertido, é obrigatório ter todos os filtros disponíveis para os clientes eles precisam tomar uma decisão de compra responsável-isso é especialmente importante se você comercializar produtos premium. Para manter a navegação filtrada pura e amigável, é crucial agrupar os filtros de uma maneira que faz sentido.

A loja online da The Body Shop tem provavelmente um pouco mais de filtros que seriam necessários, mas como os filtros são bem agrupados, a experiência do usuário não é quebrada por listas de filtros superlongas e inescrutáveis..

7. Torne os grupos de filtros toggleable

Se você tem muitas opções, vale a pena considerar tornar grupos de filtros toggleable para permitir que os usuários abram e fechem rapidamente os diferentes grupos. É também uma boa solução para layouts móveis, como na navegação filtrada em tela pequena pode ficar muito tempo, mesmo para o ponto temido de não-usabilidade.

A navegação filtrada do Target usa o padrão bem conhecido de setas para cima e para baixo para indicar a capacidade de agregar, além disso, quando a lista de filtros dentro de um grupo fica muito longa (como no caso de cores), um barra de rolagem é adicionada também. Ambos os recursos melhorar a usabilidade móvel.

8. Considere filtros temáticos

Filtros temáticos são um tipo distinto de filtros de produtos que ajudam os clientes a executar consultas baseado em diferentes temas naquela responder a solicitações freqüentes, tal como “chegada de verão”, “à venda”, “estilo casual”, ou “ofertas de última hora”. As pesquisas de usabilidade do Baymard Insitute resumidas na Smashing Magazine descobriram que a filtragem temática é nem sempre utilizado mesmo em grandes sites de comércio eletrônico.

Vale sempre a pena considerar se existem filtros temáticos que você pode use em sua própria loja. A Macy's pode ser um bom exemplo para uma navegação filtrada com nuances. No “Vestidos” categoria, oferece filtros para temas cuidadosamente selecionados, tal como “Ofertas especiais”, “Ocasião de vestido”, e “Ocasião do casamento”. Se você quiser ler uma análise detalhada na UI de filtragem da Macy, confira esta pesquisa.

9. Exibir filtros aplicados

Como muitas pessoas tendem a esquecer o que acabaram de procurar, exibindo os filtros que eles aplicaram ao lado dos resultados da consulta, há um recurso que pode melhorar significativamente a experiência do usuário. Desta forma, seus clientes sinta-se menos perdido, como eles podem verificar a qualquer momento os filtros que eles selecionaram anteriormente, e modificá-los quando for necessário.

Debenhams não só mostre os filtros aplicados na parte superior da navegação filtrada, mas também agrupa-os quando vários filtros são aplicados, fornecendo até mesmo uma sugestão visual mais atraente.

10. Exibir filtros populares no topo

Cada site de comércio eletrônico tem seus temas populares, como uma tendência, uma temporada ou uma oferta especial. Você pode aplicar um filtro temático para cada um desses temas, e coloque-o no topo da navegação filtrada para ajudar seus clientes a encontrá-los.

Se você quer ser ainda mais profissional, você pode mude seus filtros populares ao longo do tempo, com base na mudança padrões de hábitos do cliente no seu site.

A Nintendo Game Store atualmente oferece três filtros populares, “À venda”, “DLC disponível”, e “Demo disponível”, e os exibe em cima de todas as outras opções para tentar até mesmo usuários hesitantes executar uma consulta rápida que apenas custar um esforço muito mínimo.