Primeiro, entenda: a navegação do redesign precisa resolver "encontrar" e "corresponder"
Durante um redesign de site, a gestão de navegação costuma ser tratada como parte do design: o designer cria um menu, o front-end implementa e considera-se concluído. Mas os problemas que aparecem após o lançamento geralmente não são de estilo, e sim dois pontos: os clientes não encontram o conteúdo original na nova navegação, e os endereços antigos apontados por mecanismos de busca e links externos deixam de funcionar. Por isso, a gestão de navegação deve ser tratada como uma atividade independente no redesign, com ações concretas: primeiro inventariar claramente a estrutura antiga, depois decidir como dividir a nova estrutura e, por fim, verificar item por item os endereços e pontos de entrada.
A seguir, o texto segue a ordem real de execução de um redesign, com métodos executáveis e critérios de decisão em cada etapa. Os exemplos citados são cenários hipotéticos, usados apenas para ilustrar os métodos.
Etapa 1: Transforme a navegação e o conteúdo antigos em uma tabela
Antes de discutir como será o novo menu, exporte a situação atual. O método é: abra o site antigo, comece pela navegação da página inicial e clique nível por nível, registrando em uma tabela o nome de cada seção, o nível hierárquico, o endereço da página correspondente e o título da página. Use colunas diferentes ou indentação para representar seções de primeiro, segundo e terceiro nível, evitando perder a relação hierárquica na tabela.
Essa tabela deve conter, no mínimo, os seguintes campos:
- Nome da seção (texto exibido atualmente no site antigo)
- Nível hierárquico (primeiro / segundo / terceiro nível)
- Endereço da página (URL antiga)
- Tipo de página (página de seção, lista de artigos, página única, página de formulário etc.)
- Se o conteúdo ainda é válido (com conteúdo / conteúdo desatualizado / seção vazia)
- Intenção de tratamento após o redesign (manter / mesclar / excluir / adicionar)
O critério é direto: se uma seção tem apenas um ou dois conteúdos há muito tempo, ou se o conteúdo está claramente desatualizado, é preciso decidir neste redesign se ela será mesclada a outra seção ou removida, em vez de ser transferida como está para o novo site. Uma seção vazia na navegação, que o cliente clica e encontra em branco, causa mais dano do que a ausência de um ponto de entrada.
Além da navegação interna, também é preciso coletar ao máximo os endereços externos que apontam para o site, como links de campanhas já veiculadas, links em páginas de parceiros e endereços fornecidos em e-mails ou materiais históricos. Se esses endereços não abrirem após o redesign, o cliente concluirá imediatamente que o site tem problemas.
Etapa 2: Decida o agrupamento e a nomenclatura da nova navegação
Depois do inventário, pense em como dividir a nova navegação. A base do agrupamento é o caminho pelo qual o cliente busca informações, não a divisão interna de departamentos da empresa. Suponha uma empresa de equipamentos industriais cuja navegação antiga era dividida em "Central de Produtos / Soluções / Central de Notícias / Sobre Nós". Se, no redesign, a equipe de vendas relatar que os clientes costumam perguntar primeiro "em quais setores vocês atuam", pode-se considerar promover os cenários de setor a ponto de entrada de primeiro nível e manter a antiga Central de Produtos como item paralelo.
Na nomenclatura, há alguns critérios concretos:
- Os nomes das seções de primeiro nível devem ser compreensíveis à primeira vista, evitando abreviações internas, como termos que só funcionários conhecem.
- O estilo de nomenclatura no mesmo nível deve ser consistente, sem misturar substantivos e frases verbais.
- Se dois nomes de seção tiverem significados próximos, ou mescle-os, ou deixe clara a diferença na nomenclatura; caso contrário, o cliente ficará clicando de um lado para o outro.
A profundidade hierárquica também deve ser definida nesta etapa. Em sites institucionais, geralmente é mais fácil de entender quando a navegação fica em até dois níveis; três níveis ou mais são adequados para sites com volume de conteúdo realmente grande. Cada nível adicional significa mais um clique para o cliente chegar à página desejada, e no redesign é preciso avaliar se esse custo vale a pena.
Etapa 3: Trate a correspondência entre endereços antigos e novos
Depois de definir a nova estrutura de navegação, os endereços antigos não mudam automaticamente. Nesta etapa, é preciso corresponder um a um os URLs antigos da tabela de inventário com a nova estrutura, formando uma tabela de mapeamento que deixe claro qual página do novo site corresponde a cada endereço antigo.
As relações de correspondência se dividem basicamente em três casos:
- Conteúdo mantido, posição inalterada: o endereço antigo pode ser mantido, com alteração mínima.
- Conteúdo mantido, posição ajustada: é preciso direcionar o endereço antigo para o novo, para que o cliente que acessa o link antigo ainda chegue ao conteúdo.
- Conteúdo mesclado ou excluído: é preciso decidir se o endereço antigo apontará para a página de destino após a mesclagem ou para uma página explicativa, evitando que o cliente veja uma página de erro padrão.
Recomenda-se que a tabela de mapeamento tenha três colunas: URL antiga, URL nova e forma de tratamento, e que seja verificada linha por linha antes do lançamento do redesign. O nível de detalhe nesta etapa determina diretamente quantos links antigos deixarão de funcionar após o redesign. Quanto à implementação técnica dos redirecionamentos, isso pertence ao escopo da configuração técnica; a equipe de operações deve confirmar claramente as relações de mapeamento e fazer com que a equipe técnica execute conforme essa tabela.
Etapa 4: Lista de verificação da navegação antes do lançamento
Terminar a navegação não significa que ela está correta. Antes do lançamento, recomenda-se clicar de fato na seguinte ordem, em vez de apenas olhar as configurações do painel:
- Partindo da página inicial, abra um a um cada item de primeiro nível e confirme que todos abrem normalmente, sem páginas em branco ou de erro.
- Ao entrar em cada seção de primeiro nível, abra também as seções de segundo nível correspondentes e confirme que a hierarquia está de acordo com a configuração do painel.
- Em qualquer página interna, verifique se a navegação continua visível e clicável, evitando casos em que só a página inicial tem navegação.
- Acesse um a um os endereços antigos da tabela de mapeamento e confirme que todos chegam à página esperada, em vez de redirecionar para a página inicial ou para uma página de erro.
- Refaça o mesmo percurso na largura de celular, confirmando que os menus suspensos abrem normalmente e não cobrem o conteúdo.
- Verifique se há erros de digitação nos textos da navegação e se algum nome de seção não corresponde ao conteúdo real da página.
Entre esses seis itens, o quarto é o mais facilmente ignorado e também o mais propenso a gerar feedback de clientes ou parceiros após o redesign. Recomenda-se designar pelo menos uma pessoa responsável pela verificação dos endereços antigos e outra pela checagem de cliques da nova navegação, evitando que a mesma pessoa deixe passar problemas ao revisar o próprio trabalho.
Etapa 5: Manutenção contínua após o lançamento
A navegação não é fixa após o lançamento. Depois do redesign, surgirão gradualmente novas seções, seções com menos conteúdo e ajustes na direção do negócio. Recomenda-se incluir as mudanças de navegação no fluxo de manutenção diária: ao adicionar uma seção, confirme simultaneamente em qual nível ela ficará e se há duplicidade com seções existentes; ao desativar uma seção, trate ao mesmo tempo o direcionamento do endereço antigo, em vez de simplesmente excluir a página.
Se o site tiver várias versões de idioma ou pontos de entrada independentes para dispositivos móveis, as mudanças de navegação devem ser verificadas em conjunto, evitando alterar apenas o site principal e deixar outros pontos de entrada ainda apontando para a estrutura antiga. Esse tipo de inconsistência costuma ser descoberto apenas quando o cliente usa o site, e o custo de correção é muito maior do que uma verificação antes do lançamento.
Em resumo, a gestão de navegação é uma relação de correspondência que precisa de manutenção contínua: onde está o conteúdo antigo, onde está o novo ponto de entrada e por qual caminho o cliente consegue chegar. Organizar bem essa relação antes do redesign reduz muito o retrabalho depois.
