O menu do seu site pode determinar o sucesso ou o fracasso da experiência de compra. Durante a navegação, os clientes tanto podem perder-se num labirinto de opções como fazer a compra num ápice. De notar que, para as lojas com muito conteúdo ou estruturas complexas, os mega menus são particularmente úteis. Todavia, têm de colocar o utilizador em primeiro lugar. Veja como aproveitar o poder do mega menu para impulsionar as vendas.
O que é um mega menu?
Um mega menu é um tipo de menu que apresenta várias categorias distintas num formato amplo, com múltiplas colunas, dispensando a necessidade de fazer scroll. Regra geral, encontra os mega menus no cabeçalho da página, mas, tal como acontece com outros estilos de menu, também podem surgir na barra lateral ou no rodapé.
Quando os utilizadores clicam ou passam o cursor sobre o menu principal, abre-se um painel que se expande, normalmente, ocupa a página inteira. Este painel pode revelar ligações para categorias específicas que antes não estavam visíveis e incluir conteúdo rico (imagens e descrições de produtos e marcas). Já os menus suspensos tradicionais costumam mostrar apenas um agrupamento de ligações quando passamos o cursor sobre um item.
Por exemplo, uma loja online que venda uma vasta seleção de artigos para casa e vestuário para todas as idades pode instalar um widget de menu de navegação que lhe permita criar um mega menu. Assim que estiver ativo, o menu acomoda texto, ligações e imagens dentro de cada categoria.
Como é que os mega menus organizam o conteúdo
São geralmente apresentados numa grelha, com categorias e, por vezes, subcategorias organizadas em linhas e colunas, em vez de numa única lista. Uma combinação de itens de menu de primeiro nível, de segundo nível e assim sucessivamente organiza uma grande quantidade de informação por caminhos bem definidos. Para evitar a desordem, os mega menus recorrem a bastante espaço em branco (espaço sem texto, imagens ou outros elementos visuais).
Quer utilize um plug-in de mega menu como o Max Mega Menu quer opte por uma combinação de CSS personalizado, JavaScript e modelos para o seu menu, o objetivo é ter um mega menu responsivo que se ajuste à largura do tamanho do ecrã de destino, para que funcione bem num telemóvel, tablet, portátil ou computador de secretária. Os temas da Shopify também suportam o nesting de itens de menu até dois níveis nas definições de navegação da loja online, oferecendo um mega menu ao estilo suspenso sem código personalizado.
Vantagens dos mega menus
Veja como os mega menus podem proporcionar uma experiência positiva aos clientes e beneficiar os negócios:
Navegação melhorada
Como o mega menu tem mais níveis que um menu suspenso, pode revelar camadas mais profundas da estrutura do site. Pode apresentar subcategorias lado a lado com outras subcategorias. Assim sendo, os visitantes conseguem ver a hierarquia e a organização de conteúdos de forma clara para chegar ao conteúdo que pretendem. Isto reduz a necessidade de scroll e poupa tempo aos compradores.
Maior descoberta
Como os mega menus exibem uma grande parte do conteúdo do seu site, os utilizadores podem clicar em ligações que, de outra forma, nunca teriam encontrado.
Conteúdo em destaque
Os mega menus dão-lhe espaço para conteúdo em destaque. Pode adicionar fotografias, GIFs e apelos à ação — ou qualquer outro elemento que acrescente interesse visual. Também pode aproveitar esse espaço para incentivar os visitantes a realizar uma ação específica. Por exemplo, destacar uma promoção especial no menu pode despertar a curiosidade dos visitantes.
Exemplos de mega menus de qualidade
Os exemplos de mega menus de sites que se seguem combinam designs criativos com uma boa funcionalidade:
Crockett & Jones
A Crockett & Jones vende calçado de luxo feito à mão. Cada item da linha de navegação superior revela um mega menu apelativo que se estende por toda a página.
A categoria de calçado masculino, por exemplo, organiza os produtos em 3 colunas: estilo, coleção e estação. E ainda sobra espaço, do lado direito, para incluir fotografias de produtos e um bloco de texto descritivo. Ao passar o cursor sobre cada item do mega menu altera a visualização do lado direito. Sem sair do menu, consegue ver e ler tudo sobre toda a gama de calçado.
Stated Outfitters
A Stated Outfitters vende t-shirts e peças de vestuário de alta qualidade e sustentáveis, fabricadas e estampadas em Benton, no Arkansas. No menu do site, ao passar o cursor sobre a maioria das opções de navegação abre um mega menu elegante e simples que ocupa toda a largura da página. Os mega menus permitem à marca mostrar as suas ligações num formato simples. Por exemplo, a categoria Brands apresenta oito ligações, ao passo que o site destaca quatro marcas de topo — num menu convencional, isto obrigaria, muitas vezes, o visitante a fazer scroll para ver toda a oferta.
Belstaff
O mega menu da Belstaff combina várias tipologias de conteúdo. Nas categorias de homem e de mulher, por exemplo, esta loja de vestuário com 102 anos de história destaca o seu passado, as várias coleções que podem interessar aos visitantes, categorias e subcategorias, e imagens de alguns dos produtos. Dá aos utilizadores uma amostra do que o site tem para oferecer.
Our Place
A Our Place fabrica e vende utensílios de cozinha, loiça, eletrodomésticos e ferramentas para valorizar as refeições feitas em casa. Cada item da barra de menu superior abre um mega menu apelativo, que ocupa toda a largura da página. Embora sejam concisos, estes menus otimizam o espaço visual para destacar promoções e produtos mais vendidos, sempre acompanhados de fotografias.
Archer & Olive
A Archer & Olive é uma empresa de artigos de papelaria especializada em cadernos, blocos de notas e acessórios para quem gosta de escrever todos os dias. A navegação superior tem três itens: Shop, Collections e Learn. Cada um abre um estilo diferente de mega menu.
O menu Shop apresenta ligações de texto em cinco colunas, com espaço em branco generoso para manter tudo organizado. O menu Learn contém ligações para informação sobre a marca e conteúdos educativos, incluindo recursos de bem-estar criativo. O menu Collections combina coleções de produtos com ligações para caixas de subscrição e produtos digitais.
Perguntas frequentes sobre mega menu
Qual é a diferença entre um menu suspenso e um mega menu?
Um menu suspenso mostra uma única lista de ligações, ao passo que um mega menu apresenta um leque mais alargado de ligações num formato organizado. Este formato de organização facilita a navegação pelos vários níveis do site.
Qual é a desvantagem de um mega menu?
Os mega menus funcionam melhor em sites com um vasto leque de categorias de produtos. A acessibilidade e a adaptação a dispositivos móveis também podem ser problemáticas. Teste o comportamento do mega menu em leitores de ecrã para garantir que aparece e funciona como pretendido.
Qual é a melhor utilização de um mega menu?
Os mega menus são ideais quando tem um catálogo de produtos extenso. Ao simplificar a arquitetura do site, conseguem exibir várias categorias e subcategorias num único layout. Isto reduz a necessidade de os utilizadores navegarem por camadas mais profundas.
Os mega menus são úteis para sites de e-commerce?
Os mega menus são particularmente úteis para sites de e-commerce com linhas de produtos extensas e várias categorias. Dão aos compradores uma experiência de navegação rápida e sem esforço, o que pode traduzir-se em mais vendas.
