O problema da reconstrução da navegação
A maioria das lojas não planeia a sua arquitetura de navegação para o crescimento. Constroem um menu adequado ao catálogo atual — simples, plano, apropriado para 50–100 produtos — e depois deparam-se com um problema estrutural quando o catálogo cresce para 300, 500 ou 1.000 produtos. O menu simples que funcionava no lançamento torna-se inadequado à escala: demasiadas categorias de primeiro nível sem organização significativa das subcategorias, nomes de categorias escolhidos para um pequeno catálogo que já não funcionam quando cada categoria tem 80 ou mais produtos, uma Tab Bar configurada para os produtos mais populares no lançamento que já não reflete a gama da loja.
A reconstrução da navegação que se segue ao crescimento do catálogo é dispendiosa. Exige um inventário da navegação existente, análise do que não está a funcionar, redesenho da estrutura de categorias, atualizações de todos os links internos que referenciavam a antiga estrutura, e a reeducação dos clientes regulares que tinham memorizado a antiga navegação. O custo não é apenas o tempo de desenvolvimento para a reconstrução — é também a perturbação para a loja e a perda de produtividade dos clientes existentes que de repente não conseguem encontrar as coisas. Uma arquitetura de navegação concebida para escalar evita a maior parte deste custo ao incorporar flexibilidade desde o início.
«Lançámos com seis categorias de produtos e um Slide Menu simples. Dois anos depois tínhamos 22 categorias e a navegação era um caos — cada nova linha de produtos que adicionávamos ficava num sítio ligeiramente errado, e recebíamos emails de clientes a perguntar para onde as coisas tinham sido movidas. A reconstrução custou-nos cerca de 3.000 dólares em tempo de desenvolvimento e um mês de perturbação. Olhando para trás, se tivéssemos construído a hierarquia de categorias com escalabilidade em mente no lançamento — usando uma estrutura pai-filho em vez de categorias planas — teríamos simplesmente adicionado subcategorias à medida que crescíamos, sem precisar de reconstruir tudo.»
— Um cliente Navi+, marca de estilo de vida outdoor
Princípios para uma arquitetura de navegação escalável
Uma arquitetura de navegação que escala bem partilha várias propriedades estruturais que a distinguem de uma navegação concebida apenas para o estado atual do catálogo:
Categorias de primeiro nível estáveis com profundidade de subcategorias expansível. As estruturas de navegação mais duráveis utilizam um pequeno conjunto de categorias de primeiro nível (4–7) suficientemente amplas para permanecerem relevantes à medida que o catálogo cresce, com a expetativa de que as subcategorias se expandam à medida que as linhas de produtos são adicionadas. "Calçado", "Vestuário" e "Acessórios" como categorias de primeiro nível podem absorver décadas de adições de produtos sem mudar — apenas as subcategorias abaixo delas crescem. "Ténis de corrida masculinos" como categoria de primeiro nível torna-se obsoleta no momento em que adiciona ténis de corrida femininos ou ténis de trail. Conceba as categorias de primeiro nível ao nível mais amplo possível; reserve a especificidade para as subcategorias.
A filtragem por atributos como principal ferramenta de navegação para grandes subcategorias. Quando uma subcategoria ultrapassa os 30–40 produtos, a navegação hierárquica (mais subcategorias) torna-se menos útil do que a filtragem por atributos (tamanho, cor, material, gama de preços). Uma arquitetura de navegação escalável antecipa esta transição e constrói a capacidade de filtragem em paralelo com a hierarquia de categorias, de modo que quando "Ténis de corrida" fica grande demais para ser explorado sem orientação, os filtros podem absorver a carga de navegação sem exigir uma mudança estrutural no menu.
Links em destaque como uma sobreposição flexível, não como navegação estrutural. Promoções sazonais, destaques de novidades e campanhas por tempo limitado não devem ser incorporadas na estrutura principal de categorias — é isso que compromete a integridade da navegação à medida que o catálogo muda. Uma abordagem escalável trata estes elementos como sobreposições configuráveis: links em destaque no cabeçalho do Slide Menu, colunas promocionais no Mega Menu, ou destinos do Floating Action Button que podem ser atualizados rapidamente sem tocar na hierarquia de categorias subjacente. A navegação principal permanece estável; a camada promocional adapta-se.
Convenções de nomenclatura que não exigem renomeação à escala. Os nomes de categorias escolhidos para um catálogo de 50 produtos muitas vezes falham com 500 produtos porque eram demasiado específicos. "Mais vendidos" como categoria de navegação funciona quando tem 8 mais vendidos; é sem sentido quando tem 80. "Novidades" funciona quando as novidades representam uma pequena fração do catálogo; torna-se confuso quando as novidades são adicionadas semanalmente. As convenções de nomenclatura que escalam são ou suficientemente amplas para absorver o crescimento do catálogo, ou são entendidas pelos visitantes como dinâmicas por natureza (espera-se que uma categoria "Saldos" mude).
| Decisão de navegação | Não escala | Escala bem |
|---|---|---|
| Estrutura de categorias de primeiro nível | Linhas de produtos específicas ("Ténis de corrida masculinos") | Categorias amplas ("Calçado") com subcategorias |
| Navegação em grandes subcategorias | Mais camadas de subcategorias | Filtros por atributos como navegação principal |
| Navegação promocional | Incorporada na estrutura de categorias | Sobreposição configurável (links em destaque, FAB) |
| Nomenclatura de categorias | Nomes específicos dependentes de contagem ("Top 10") | Nomes amplos, independentes do catálogo ("Popular") |
Planear a navegação para a loja que irá ter
O custo de reconstruir a navegação à escala é totalmente evitável com um planeamento modesto no lançamento. A questão a colocar não é "que navegação preciso agora?" mas "que navegação ainda funcionará quando o meu catálogo for 10 vezes maior?" Responder honestamente a esta questão — e construir a hierarquia de categorias com esse crescimento em mente — produz uma arquitetura de navegação que absorve anos de crescimento do catálogo através de adições de subcategorias em vez de reconstruções estruturais. O Slide Menu hierárquico da Navi+, o sistema de colunas do Mega Menu e a Tab Bar configurável foram construídos para acomodar nativamente esta estrutura pai-filho, o que significa que a infraestrutura para uma navegação escalável não requer desenvolvimento personalizado — apenas um planeamento inicial intencional.
Experimente grátis — sem código, sem desenvolvedor
Instale em minutos no Shopify, WordPress ou qualquer site.