Módulos Drupal 8 (e 9) principais para navegação intuitiva em sites

Qual é o ingrediente secreto para um site de sucesso? Bem, há mais de 10 fatores nos quais posso pensar imediatamente. Como um design atraente, velocidade de carregamento da página, qualidade de conteúdo, esforços de marketing e muito mais. Um elemento significativo, embora muitas vezes esquecido, para uma ótima experiência do usuário que leva a um site de sucesso é uma navegação intuitiva. O Drupal 8 possui um grande conjunto de módulos para melhorar a estrutura de navegação do seu site. Nós selecionamos uma lista dos principais módulos Drupal 8 (e 9) que permitem uma navegação fácil e intuitiva no site. Leia mais para descobrir.

Uma boa navegação no site permite que os visitantes saibam exatamente onde obter as informações assim que acessam o site. Por outro lado, a navegação incorreta no site prejudica sua taxa de conversões e aumenta as taxas de rejeição. Nem sempre um site com design atraente significa que a navegação por ele seja intuitiva. Já vi sites com designs comuns e ótimas estruturas de navegação. E eu continuo voltando para eles porque eu sei que posso conseguir o que preciso sem correr para todo lado. De acordo com CrazyEgg, a regra geral é que não deve demorar mais do que 3 cliques para o usuário encontrar o que precisa.

Elementos para uma navegação intuitiva no site

Os visitantes do seu site devem ser capazes de navegar de uma página para outra sem se distrair ou ficar confuso. Usuários distraídos ou confusos deixarão seu site antes de você estabelecer uma conexão com eles. Ter um ótimo design é bom, mas se seus visitantes não conseguirem encontrar seu formulário de contato, não adianta, não é? Então, o que constitui uma boa estrutura de navegação?

1. Barras de navegação principais

Este é o elemento de navegação mais importante de um site. É uma barra horizontal (às vezes vertical) que lista links para direcionar os visitantes para o seu site. Uma boa barra de navegação principal deve ser simples, curta, consistente, útil e cativante.

2. Pão ralado

Esses recursos úteis de navegação ajudam os visitantes do site a identificar onde exatamente estão. Eles são uma trilha de links que começa na página pai e termina na página atual, geralmente separados por um “>” ou um símbolo “/”.

3. Menus com várias colunas (e submenus)

Um site mais complexo com toneladas de ramificações e sub-ramificações deve usar menus com várias colunas. Novamente, esses menus devem ser simples e fáceis de navegar.

4. Sitemaps

Frequentemente considerados apenas como um impulsionador do SEO, os Sitemaps também são extremamente úteis como um auxílio à navegação. Um mapa de site típico deve exibir uma estrutura hierárquica de todo o site.

5. Botões CTA (call to action)

É aqui que toda a ação realmente acontece! O posicionamento correto desses botões de CTA desempenha um papel importante, entre outros, como cor, estilo da fonte, tamanho, texto, etc.

6. Barras laterais

Este é um bom lugar para adicionar links específicos da página para aprimorar a experiência do usuário para os visitantes do seu site. Boas barras laterais devem ser simples, não muito longas, conter um CTA e ser ordenadas de maneira adequada.

7. Hiperlinks

Aqui, estamos falando mais sobre vinculação interna do que externa. Um hiperlink deve ser intuitivo e conduzir o visitante à página esperada (sem surpresas, por favor). Embora ter links internos seja bom para o SEO, não exagere ou corre o risco de perder o foco na página.

8. Rodapés

Os rodapés são fáceis de ignorar e costumam ser usados ​​apenas para exibir apenas detalhes de direitos autorais. O mito de que as pessoas não rolam até o final de uma página foi destruído. Um rodapé típico deve conter links que você não consegue exibir nas seções de cabeçalho ou barra lateral. Ele também pode ter seus detalhes de contato, bem como mini-formulários de inscrição em listas de mala direta.

Módulos Drupal 8 (e 9) principais para navegação intuitiva

1. Bloco de Menu

O design do módulo Drupal 8 Menu Block segue o estilo de navegação em árvore padrão do Drupal, mas oferece mais recursos aprimorados do que os oferecidos nos módulos principais do Menu. Você pode configurar facilmente blocos de links de menu e especificar o nível com o qual deseja iniciar e terminar. Não há limite para o número de níveis que você pode exibir. Você pode optar por manter os elementos do menu filho expandidos. Alguns recursos básicos deste módulo são transferidos para o núcleo Drupal 8. O módulo de bloco de menu também oferece suporte ao Drupal 9.

2. Pão Ralado Fácil

O módulo Drupal 8 Easy Breadcrumb funciona extraindo segmentos de localização do URL atual da página da web. Ele oferece toneladas de opções configuráveis ​​e pode substituir o módulo de breadcrumbs existente do Drupal. Você pode optar por ocultar completamente o link da página inicial ou quaisquer outros links especificados. O módulo Easy breadcrumb também suporta Drupal 9!

3. Superfish

O módulo Drupal 8 Superfish é ideal quando você tem menus suspensos grandes e com várias camadas e várias colunas. O módulo se integra com o plugin jQuery Superfish, que é um plugin de menu altamente versátil que funciona para telas sensíveis ao toque, leitores de tela e outras interações de teclado. Ele pode ser configurado para adicionar atrasos no afastamento do mouse, animações, ocultar e revelar links de menu, adicionar setas se submenus forem detectados e muito mais. Também é compatível com Drupal 9.

4. Sitemap

O módulo Drupal 8 Sitemap é simples, limpo e fácil de usar. Ele pode exibir toda a estrutura do site em uma estrutura hierárquica limpa. Você também pode optar por gerar e exibir feeds RSS para blogs e categorias. O módulo Sitemap é compatível com Drupal 9.

5. Acesso à função do item de menu

Este módulo permite adicionar controle de acesso aos seus menus. Você pode habilitar e desabilitar itens de menu dependendo das funções do usuário. O módulo Acesso à função de item de menu do Drupal 8 permite que você insira o campo de função (opcional) para os itens de menu. Também é compatível com Drupal 9.

6. Menu de Cheeseburger

Se você achou que os menus de hambúrguer eram ótimos, espere até dar uma olhada no menu de Cheeseburger. O módulo de menu Drupal 8 Cheeseburger vem com alguns recursos excelentes e não se limita apenas à visualização móvel, ele também funciona com visualizações de área de trabalho e tamanhos de tela variados. Dá a você a flexibilidade de escolher os itens do menu que você deseja que apareçam no menu Cheeseburger e também editar os títulos do menu. Se estiver usando o Drupal Commerce, você pode escolher exibir o carrinho de compras ou o número de telefone da loja no menu. As taxonomias podem ser escolhidas como a estrutura do seu menu de Cheeseburger. O módulo de menu Cheeseburger também suporta Drupal 9!

7. Simplifique o Menu

O módulo Drupal 8 Simplify Menu permite renderizar menus em seu modelo Twig. Permite a personalização da marcação do menu que possibilita acessibilidade e compatibilidade com os padrões. Você pode renderizar sua árvore de menu como um array no template twig e ter controle total sobre o array do menu. Este módulo ainda não oferece suporte ao Drupal 9.

8. Painel de controle de administração total

O Drupal 8 Total Control Admin Dashboard é uma ferramenta de navegação administrativa útil. Ele atua como um hub centralizado para todas as ferramentas de administração. O painel exibe painéis de administração e links rápidos para usuários, taxonomias, menus, tipos de conteúdo, estatísticas do site, painéis de visualização e muito mais. Os painéis do painel de visualizações podem ser personalizados ainda mais. Este módulo também funciona com o Drupal 9.

9. Footermap: um mapa do site de rodapé

Como o nome sugere, o módulo Drupal 8 Footermap fornece um mapa do site para o seu site Drupal que pode ser colocado no bloco de rodapé. Ele permite a geração dinâmica de um mapa do site e pode ser facilmente configurado para suportar tradução e armazenamento em cache. Você pode escolher os menus a serem exibidos, definir o limite do nível do menu (menus filho), habilitar o título do menu, editar o CSS para corresponder ao layout do seu site e muito mais. O módulo Footermap também funciona com o Drupal 9.