(see the
* 'adobe' handle in functions.php — no async, no defer), so a page-load
* Target offer has already set `data-hdr` by the time this runs.
*
* An answer that lands after this point is inert rather than acted on:
* `apply()` finds the prune settled and does nothing, so the visitor
* keeps the nav they were served instead of watching it change. That is
* the deliberate trade-off — a late activity collects no data, but no
* visitor ever sees the wrong nav or waits for the right one.
*/
(function () {
var VARIANTS = ["a","b","c"];
var DEFAULT = "a";
var root = document.documentElement;
var settled = false;
function valid(v) { return VARIANTS.indexOf(v) !== -1; }
function prune(active) {
if (settled) return;
settled = true;
var list = document.querySelectorAll('#site-header > .header-variant');
for (var i = 0; i < list.length; i++) {
if (list[i].getAttribute('data-header-variant') !== active) {
list[i].parentNode.removeChild(list[i]);
}
}
root.setAttribute('data-hdr', active);
// Read by the Adobe Analytics client to attribute the test.
root.setAttribute('data-hdr-active', active);
if (typeof window.initHeaderNav === 'function') window.initHeaderNav();
/**
* `variant` is set before the event so late listeners can tell
* "already done" from "not yet". main.js is enqueued in the footer
* and therefore always misses the event itself.
*/
window.medalliaNav.variant = active;
document.dispatchEvent(new CustomEvent('medallia:nav-ready', {
detail: { variant: active }
}));
}
window.medalliaNav = {
variant: null,
apply: function (v) { if (valid(v)) prune(v); }
};
// `?hv=` sets this server-side; a Target offer in the blocking
// embed sets it before the body is parsed.
var pre = root.getAttribute('data-hdr');
if (valid(pre)) { prune(pre); return; }
/**
* Carried forward from an earlier pageview. Read client-side, never in
* PHP: WP Engine does not vary its page-cache key on arbitrary cookies,
* so server-side personalisation here would serve the first anonymous
* visitor's variant to everyone.
*/
var m = document.cookie.match(/(?:^|; )medallia_nav_variant=([^;]*)/);
if (m && valid(m[1])) { prune(m[1]); return; }
prune(DEFAULT);
})();
贰虫辫别谤颈ê苍肠颈补 digital
Criando navega??es em sites: 6 chaves para uma experiência intuitiva do usuário
A navega??o do seu site é a espinha dorsal do seu site. A estrutura geral tem um impacto significativo sobre as vendas, as convers?es e as taxas de rejei??o, o que a torna essencial para o sucesso geral de suas metas de marketing.
O usuário médio forma uma opini?o sobre um site em e permanecerá nele por apenas antes de decidir seguir em frente. Você tem um curto espa?o de tempo para chamar a aten??o do usuário e direcioná-lo para uma a??o. Se os usuários do site n?o conseguirem descobrir o que devem fazer quando entrarem no seu site, eles sair?o para procurar uma alternativa mais fácil de usar, o que resultará em uma perda de das vendas potenciais.
Nenhum elemento afeta tanto a experiência do usuário e o comportamento do usuário digital quanto a navega??o no site. Ao desenvolver uma jornada de usuário clara com caminhos definidos, os clientes em potencial têm maior probabilidade de se converterem e se tornarem defensores fiéis da marca.
Para desenvolver uma navega??o hierárquica no site que ajude os usuários a encontrar exatamente o que precisam, é essencial implementar práticas recomendadas que tornem sua estrutura mais intuitiva. Vamos dar uma olhada em por que as navega??es têm um impacto t?o grande no sucesso do seu site e em algumas dicas de execu??o.
Por que a navega??o no site é importante?
Se você excluísse a navega??o do seu website, os usuários n?o teriam ideia de onde encontrar seus pre?os, listas de produtos, informa??es de contato, blog e muito mais. Sentindo-se completamente confusos e desmotivados pelo seu design, eles abandonariam seu site e comprariam de um concorrente. Na verdade, têm menos probabilidade de retornar a um site depois de uma experiência ruim.
Os rótulos e a estrutura de sua navega??o n?o apenas organizam a hierarquia do seu site, mas também desempenham um papel importante na otimiza??o da taxa de convers?o geral. Como regra geral, os usuários devem ser capazes de chegar a qualquer página do seu site e encontrar rapidamente o que precisam com três cliques. Embora os usuários n?o sigam sempre um caminho padr?o, a meta é ajudá-los a descobrir informa??es e inspirá-los a continuar clicando mais até que se inscrevam no seu boletim informativo, comprem um produto ou mais.
Ao desenvolver a navega??o de um site, você tem alguns tipos diferentes para escolher:
Menu superior: Alinhado à forma como um usuário normalmente lê um site - de cima para baixo e da esquerda para a direita.
Barra lateral: posicionada à direita ou à esquerda de uma subcategoria, geralmente incluindo op??es de filtragem.
搁辞诲补辫é: Colocado na parte inferior de um site, o rodapé contém links para as páginas principais do site.
Breadcrumbs: Encontrado na parte superior de uma página, é usado normalmente em sites de comércio eletr?nico ou em centros de conteúdo maiores.
Embora cada tipo de navega??o tenha suas varia??es e práticas recomendadas, decidir qual delas fornecerá o maior valor para os usuários é fundamental para o sucesso geral do seu site.
Principais métricas para medir o sucesso de sua navega??o
Ao desenvolver a navega??o, é essencial definir objetivos e KPIs sobre como medir o sucesso da experiência do usuário do seu site. Uma boa experiência do usuário n?o só aumenta a taxa de convers?o, mas também tem a oportunidade de persuadir os usuários a voltar e aumentar o valor da vida útil do cliente (CLV).
Como saber se a sua navega??o está oferecendo uma boa experiência ao usuário? Para come?ar, dê uma olhada nos seguintes elementos que devem ser medidos:
Taxa de localidade/conclus?o
Hora de encontrar
Clique inicial
Caminho do sucesso
Dificuldade/os itens mais difíceis de encontrar
Ao medir os KPIs e as métricas de sucesso adequados, você poderá apresentar argumentos mais convincentes às principais partes interessadas sobre o impacto financeiro da navega??o no ROI.
6 dicas para criar uma navega??o intuitiva no site
Agora que você compreende a import?ncia da navega??o do seu site, é essencial projetá-la tendo em mente as melhores práticas para aumentar ROI seu ROI melhorar a experiência do usuário. Se você perceber que o seu site está recebendo tráfego, mas n?o consegue gerar convers?es, confira estas seis dicas para tornar a sua navega??o mais intuitiva:
1. Escolha um local esperado
Quando se trata de projetar sua navega??o, você deve sempre exibir com destaque as coisas mais importantes para os visitantes. Alguns designers cometem o erro de usar um menu de hambúrguer para economizar espa?o, o que torna a navega??o disponível somente quando necessário. No entanto, as navega??es ocultas geralmente o tempo de porque os usuários nem sempre sabem o que est?o procurando.
As expectativas do usuário precisam liderar sua estratégia de design. Em vez de ocultar a navega??o, coloque o menu onde os usuários esperam encontrá-lo: na barra superior, nos cabe?alhos das páginas, nas barras laterais ou no rodapé. Depois de definir o local, ele deve ser visualmente diferente do restante do conteúdo da página da Web. Considere o uso de espa?os em branco para separar o conteúdo da navega??o para que os usuários possam ver facilmente o que é clicável.
2. Mantenha-o descritivo e curto
Sua navega??o n?o deve ser uma lista de títulos vagos e genéricos. Se o usuário n?o entender o que significa cada op??o do menu, é menos provável que ele navegue além da página inicial. Em vez disso, considere o uso de palavras-chave exclusivas da sua empresa para ajudar a definir as expectativas do usuário e aumentar suas possíveis convers?es.
Você sabia que sua memória de curto prazo só consegue de cada vez? ? medida que seu website cresce com mais páginas e conteúdo, você pode ficar tentado a expandir o menu com mais op??es. No entanto, é preciso manter o número de títulos de navega??o breve, para que o usuário possa se lembrar de todas as op??es sem precisar voltar e reler tudo. Recomenda-se incluir apenas sete op??es de menu.
3. Desenvolva um caminho claro para o usuário
Se alguém entra em seu site por meio de um artigo de blog ou de uma página de servi?o, talvez n?o saiba exatamente o que deseja ou para onde precisa ir. Sua navega??o precisa ser a Estrela Polar - guie-os para que passem mais tempo em seu site e, por fim, convertam. Considere as seguintes maneiras sutis de orientar os usuários:
Incluir o menu principal na parte superior de cada página com uma op??o de chamada para a??o definida
Exibir seu logotipo na parte superior esquerda da tela, com link para sua página inicial
Exiba breadcrumbs na parte superior de cada página que mostre as páginas anteriores visitadas
Inclua uma barra lateral com sugest?es de páginas a serem visitadas em seguida
Com uma navega??o mais intuitiva, você pode deixar claro onde o usuário está atualmente no seu site e permitir que ele avance
4. Reduzir menus suspensos
Um recurso comum de navega??o que economiza espa?o, os menus suspensos podem ser difíceis de navegar e criar uma experiência móvel desafiadora. Os menus suspensos causam hesita??o nos usuários se eles virem muitas op??es, impedem que eles cliquem nas páginas de maior valor e causam problemas de acessibilidade. Se o seu menu suspenso inclui apenas alguns itens, você precisa considerar se vale a pena tê-lo.
A única exce??o para drop-downs é o desenvolvimento de um mega menu para organizar a navega??o se você tiver um grande número de categorias ou produtos. Por exemplo, grandes varejistas como Wayfair e Home Depot usam mega menus porque seria difícil encontrar uma categoria específica sem usar a barra de pesquisa. Para tornar um mega menu mais intuitivo, utilize subcategorias sob a categoria principal para manter suas páginas organizadas e claras para os usuários encontrarem.
5. Design para todos os usuários
Para desenvolver uma navega??o que proporcione uma experiência excepcional ao usuário, é necessário projetar para todos os usuários. ? essencial reconhecer que, embora você tenha um público-alvo, todos eles s?o diferentes. Você tem usuários de desktop e de dispositivos móveis, pessoas com experiência em tecnologia e idosos, além de usuários com deficiência que têm necessidades específicas. De fato, há mais de em todo o mundo que têm deficiências e diferen?as visuais.
Para que a navega??o seja bem-sucedida, é necessário identificar todos os desafios do usuário que possam ocorrer e desenvolver solu??es para eles. Considere adicionar as seguintes solu??es para tornar sua navega??o mais acessível:
Desenvolva um X para fechar a navega??o ou subnavega??o
Incluir tamanhos de fonte maiores
Aumentar o contraste entre as cores para facilitar a leitura
Inclua texto alternativo em imagens e legendas em vídeos
Ao desenvolver com a acessibilidade em mente, você pode criar uma experiência de usuário melhor para todos os seus clientes em potencial, o que pode resultar em taxas de convers?o mais altas.
6. Teste no celular
Com acessando a Internet por meio de um smartphone, sua navega??o deve ser renderizada corretamente em todos os tamanhos de dispositivos móveis. Com mais pessoas usando seus smartphones para tudo, desde fazer compras até procurar uma pizzaria local, a navega??o intuitiva do seu site precisa ser 100% compatível com dispositivos móveis para atender à demanda dos consumidores.
Ao testar, verifique se os rótulos de navega??o s?o fáceis de ler e têm um tamanho de fonte maior. Para atender aos padr?es de acessibilidade, o tamanho de fonte de 16px é normalmente um bom padr?o para se trabalhar. As op??es de navega??o também precisam ser facilmente clicáveis com um tamanho físico e toque alvo de cerca de .
Desenvolva experiências de usuário memoráveis com uma navega??o sólida
Sua navega??o nunca foi t?o importante. Com um cenário digital competitivo e mais op??es disponíveis para os consumidores, sua navega??o precisa fornecer as respostas certas para os usuários que procuram solu??es. Uma navega??o sólida n?o apenas orienta os usuários para as páginas certas, mas também tem maior probabilidade de resultar em convers?es e futuras visitas ao site.
Ao desenvolver uma navega??o intuitiva, considere as dicas a seguir:
Escolha um local previsível para que seus usuários possam encontrá-lo facilmente
Mantenha as op??es de categoria curtas e descritivas
Crie um caminho claro que oriente o usuário para a convers?o
Remova os menus suspensos para eliminar o número de cliques
Design com acessibilidade para todos os usuários
Teste a navega??o em todos os dispositivos móveis
Fa?a o download de The Essential Tools of Digital Experience Analytics para descobrir o lugar de cada ferramenta em sua estratégia de experiência digital e como tirar o máximo proveito delas para maximizar insights acionáveis.
