Fundamentos do rodapé
Como profissionais de UX, tendemos a dedicar nosso tempo e energia a tudo acima da dobra . Isso porque a navegação global, a pesquisa e o conteúdo de alta prioridade estão posicionados acima da dobra e os usuários tendem a gastar uma quantidade desproporcional de tempo no topo de qualquer página. Consequentemente, os rodapés, que aparecem na parte inferior das páginas da Web, obtêm o limite mínimo do tempo de UX e do orçamento de recursos. No entanto, você ainda deve prestar atenção aos rodapés porque eles podem melhorar muito a experiência do usuário.
Definição: O rodapé de um site é uma área localizada na parte inferior de todas as páginas de um site, abaixo do conteúdo principal do corpo.
O termo “rodapé” vem do mundo da impressão, no qual o “rodapé” é um elemento de design consistente que é visto em todas as páginas de um documento. No entanto, como explicamos há 20 anos, a diferença entre design de impressão e web design significa que elementos de design como rodapés mudam seu significado (neste caso, tornando-se acionáveis) quando são transferidos do impresso para o online.
Os rodapés do site do passado eram pequenas áreas de utilidade com pouca informação ou grandes bases de dados para links diversos. Visualmente, eles freqüentemente continham minúsculas mensagens que dificilmente eram legíveis . Hoje, os rodapés amadureceram e agora servem como um ponto de referência importante para as pessoas, pois elas realizam várias tarefas nos sites.
Pessoas usam rodapés
Enquanto os rodapés recebem menos atenção do que o topo da página, eles ainda recebem uma boa quantidade de uso. Estes são os dois casos de uso mais comuns para rodapés:
- Os usuários digitalizam ou leem a página e não encontram o que desejam ou precisam de mais informações. Eles rolam para o final de uma página e usam o rodapé como:
- Uma segunda chance de ser convencido
Por exemplo, talvez um usuário tenha decidido, depois de ler todos os detalhes, que ela não deseja se inscrever para uma conta bancária, mas ainda ficou impressionada com a instituição bancária e quer se tornar um cliente . O rodapé é uma boa oportunidade para lembrar ou ensinar clientes em potencial sobre as outras ofertas da empresa. - Um último recurso para conteúdo difícil de encontrar
Às vezes, os usuários recorrem ao rodapé para opções adicionais que podem não estar presentes na navegação global. Por exemplo, os interessados em se candidatar a um emprego em uma empresa de comércio eletrônico – uma tarefa diferente da do cliente típico de comércio eletrônico – podem procurar informações relevantes no rodapé.
- Uma segunda chance de ser convencido
- Os usuários rolam intencionalmente para o rodapé para encontrar informações que esperam que apareçam, como informações de contato, detalhes sobre a empresa, postagens ou links de mídia social ou até mesmo para descobrir conteúdo novo ou relacionado no site. Alguns usuários até usam o rodapé para navegação: quando já rolaram para o final de uma página, porque o rodapé está muito próximo, eles usam isso em vez de rolar para o topo para a navegação global.
Em ambos os casos, não importa qual conteúdo acabe no rodapé, esse rodapé deve ser consistente, previsível e facilmente detectável. Considere esses casos de uso, a meta do seu website e o objetivo do seu rodapé ao determinar o tipo de rodapé a ser oferecido e o conteúdo a ser oferecido no rodapé.
Embora satisfazer esses cenários de usuários possa não ser o objetivo de maior prioridade para um site, projetar um bom rodapé ainda é um esforço valioso, porque os rodapés têm uma característica de usabilidade particularmente maravilhosa: eles nunca atrapalharão os usuários que atendem às suas necessidades. satisfeito mais acima na página. Assim, com exceção de rodapés excessivamente inchados que poderiam atrasar o download ou renderização da página, um rodapé é uma adição gratuita à experiência do usuário. Pode ajudar, mas não pode doer.
Elementos de rodapé
Os designers de sites escolhem muitos tipos diferentes de conteúdo para seus rodapés por vários motivos. Os elementos de rodapé podem ser combinados dependendo dos objetivos do negócio e do usuário. Aqui estão alguns dos componentes de rodapé mais comuns, exemplos e situações recomendadas para usá-los:
- Links de utilidade
- Navegação do capacho
- Links de tarefa secundária
- Mapa do site
- Testemunhos ou prêmios
- Marcas dentro da organização
- Envolvimento do cliente (boletins informativos por e-mail e mídias sociais)
Links de Utilidade
A maioria dos sites, no mínimo, tende a incluir navegação no utilitário no rodapé, apontando para:
- informações de contato: endereço da empresa, número de telefone e link para o chat ao vivo
- informações de atendimento ao cliente
- política de Privacidade
- termos de uso
Embora muitos sites tenham navegação de utilitários localizada nas áreas mais importantes de seu site, o rodapé é o local em que os usuários procuram quando pesquisam esses itens específicos. Os usuários geralmente vão diretamente para o rodapé para encontrar informações de contato ou localizar maneiras de obter suporte ao cliente. Se você tem links para esses itens de utilitário no topo da sua página ou não, inclua-os sempre no rodapé também. (Uma área de utilidade na parte superior da página ainda deve ser usada para utilitários semelhantes a ferramentas, como pesquisa, informações de login / conta e seleção de idioma.)
Use para: todos os sites
Navegação capacho
Como o tapete físico nas casas das pessoas, a navegação por um capacho é a primeira coisa que você vê quando chega e a última coisa que você vê quando sai – ou seja, está incluído tanto na parte superior quanto na parte inferior da página. Assim, um rodapé pode incluir a navegação global. Esse componente é benéfico quando as páginas são longas (como é o caso de muitos designs modernos de dispositivos móveis), pois permite que os usuários passem rapidamente para uma seção diferente do site sem rolar para trás para alcançar a navegação principal.
Use para: sites com páginas longas, especialmente se a navegação global estiver indisponível na parte inferior da página
Tarefas Secundárias
Um rodapé pode conter links para tarefas secundárias de interesse para o usuário. Alguns exemplos de tarefas secundárias incluem:
- candidatar-se a um emprego na empresa
- tarefas para criadores de conteúdo
- acessando informações do investidor
- encontrar documentação ou especificações de um produto ou serviço
- acessar kits de mídia e outras informações de RP
- encontrar afiliados da empresa
Essas tarefas secundárias geralmente não estão presentes na navegação global ou na navegação do utilitário. Esse tipo de conteúdo de rodapé é comum em sites com vários grupos de usuários com diferentes jornadas de usuários.
Use para: ajudar os usuários a encontrar conteúdo secundário que pode não estar diretamente relacionado ao objetivo principal do site
Por exemplo, o site da Dwell Magazine exibe categorias fora dos tópicos da revista, incluindo About, Dwell Magazine, Professionals e Merchants – que podem interessar seus grupos de usuários secundários: profissionais de mídia e design, comerciantes, investidores e anunciantes (e possíveis funcionários).
Mapa do site
Um componente de rodapé com estilo de mapa de site mostra uma combinação da navegação global e outras páginas importantes que não estão presentes na navegação global. Ao contrário da navegação do capacitor, ele expõe subcategorias de nível inferior das categorias principais. É útil para:
- expondo tópicos subjacentes que não são óbvios no nível de navegação global
- aumentar a conscientização do conteúdo principal do site
- lembrando os usuários das ofertas da empresa
Um componente de rodapé do mapa do site não inclui o mapa completo do site, a menos que o site tenha poucas páginas (cerca de 25 ou menos). Mais do que isso, o rodapé corre o risco de se tornar pesado e difícil de usar. (Como alternativa, você pode fornecer um mapa completo do site em uma página separada e vinculá-lo ao rodapé, que é onde os usuários esperam encontrar esse link.)
Use para: sites grandes com vários níveis de informações ou subdomínios
Testemunhos ou Prêmios
Muitos de nossos participantes do estudo descreveram estar motivados a escolher um site com base nos prêmios e depoimentos recebidos por esse site. Destacar elogios no rodapé pode ser uma boa tática quando se cria autoridade e credibilidade . No entanto, a exibição de muitos depoimentos e prêmios também pode levantar uma bandeira vermelha para os clientes, dando a impressão de que a empresa precisa mostrar depoimentos porque não está madura ou estável. Uma solução é adicionar esse conteúdo ao rodapé.
Execute testes de usabilidade e testes A / B com seu público para determinar se essa estratégia é apropriada para seu rodapé e qual é o número correto de depoimentos.
Use para: startups ou para empresas com menos reconhecimento de marca
Marcas dentro da organização
Algumas empresas são tão grandes que possuem ou presidem dezenas de outras empresas. Alguns usam a navegação universal para conectar essas empresas filhas com a mãe. Também pode ser útil incluir uma lista de subsidiárias e marcas no rodapé para reforçar a conscientização de outras marcas ou empresas que se enquadram no portfólio da organização e também ajudar os usuários a encontrar o caminho de volta.
Use para: grandes organizações multinacionais com muitas subsidiárias ou marcas parceiras
O envolvimento do cliente
Frequentemente, os usuários vão diretamente para o rodapé para encontrar informações como cupons e promoções ou simplesmente para se manterem atualizados com as vendas e lançamentos de produtos da empresa. Assim, o rodapé pode incluir informações que permitam aos clientes manterem-se engajados com a empresa – links de mídia social (ou, no mínimo, links para as contas de mídia social da empresa) e solicitações de inscrição na lista de discussão .
Antes de incluir um widget de feed de mídia social incorporado no rodapé, considere com que frequência a empresa publica em cada site de mídia social. Uma conta de mídia social menos ativa pode não justificar um feed de mídia social incorporado, mas ainda pode se beneficiar da vinculação às contas sociais.
Use para: todos os tipos de sites usando links de mídia social; sites com forte ênfase em recursos visuais ou estéticos (artes, beleza, marcas de estilo de vida ou espaços criativos) se estiver usando um widget de feed de mídia social incorporado
Variações nos rodapés
Pergaminho Infinito e o Mini Rodapé
Muitos sites de comércio eletrônico, entretenimento e outros sites que incentivam a navegação optam por uma rolagem infinita para manter os usuários na página. O conteúdo é continuamente carregado, portanto, não há fundo consistente em todas as páginas e, portanto, nenhuma seção de rodapé. No entanto, o conteúdo que estaria no rodapé (normalmente, links de navegação de utilitário) aparece como um “rodapé mini” no trilho direito ou dentro de uma navegação global maior e expandida.
Para que o rodapé seja útil, ele precisa estar presente em todas as páginas do site. Alguns sites tentam utilizar o mesmo rodapé para páginas de comprimento estático e tamanho dinâmico. No entanto, quando os usuários tentam usar esses rodapés em sites com rolagem infinita, muitas vezes se torna um jogo frustrante de “whack-a-mole”, onde os usuários tentam clicar nos links o mais rápido possível antes de desaparecer novamente abaixo da dobra. Em vez disso, se você planeja usar a rolagem infinita, considere colocar um rodapé mini no trilho direito e verifique se ele está grudento ao lado do conteúdo principal enquanto o usuário rola.
Use para: páginas com rolagem infinita
(Na maioria dos navegadores, passe o mouse sobre o vídeo para exibir os controles, caso ainda não estejam visíveis.)
Rodapés contextuais
Embora os rodapés tradicionalmente permaneçam consistentes em várias páginas, às vezes pode ser útil personalizar o rodapé com base nas informações apresentadas na página. Particularmente para um site com vários públicos-alvo, um rodapé contextual pode exibir conteúdo que talvez não tenha entrado na navegação global, mas ainda assim pode ser crítico para alguns usuários.
Por exemplo, a página inicial do Medium.com não tem um rodapé; a página mostra uma lista de artigos de rolagem infinita. (A página tem um mini rodapé no trilho direito, conforme recomendado acima.) No entanto, na página de um artigo específico, o Medium mostra um rodapé baseado em tarefa que varia dependendo se o visualizador é um assinante ou não.
Use para: sites com diferentes funções de usuário (por exemplo, “criador de conteúdo” vs “consumidor de conteúdo” ou “membro” versus “não membro”)
Armadilhas Comuns de Rodapé (e soluções)
Os rodapés percorreram um longo caminho desde a década de 1990, mas até hoje ainda estão sujeitos a armadilhas comuns de design:
- Mais de dois níveis de hierarquia de informações
Especialmente para grandes sites, incluindo um mapa do site inteiro não é uma resposta ao seu rodapé. Um rodapé é uma quantidade dedicada de imóveis que deve ser dedicada apenas a informações importantes que devem ser descobertas. Como minha mãe certa vez disse, “se tudo é importante, nada é importante”.- SOLUÇÃO: Considere redimensionar novamente o conteúdo e exibir apenas links para categorias de primeiro e segundo níveis em seu IA, não em todo o site. Se uma única página de nível inferior for importante o suficiente, identifique esse link específico no rodapé, mas não será necessário mostrar todos os níveis da hierarquia de informações para torná-lo detectável.
- Nomes de links pouco claros no rodapé (por exemplo, Informações da Empresa ou Ajuda versus Fale Conosco )
O notório link de Recursos em muitos rodapés é um dos desafortunados vestígios de rodapés anteriores.- SOLUÇÃO: As equipes devem tentar aderir aos termos convencionais e claros. Se a equipe não tiver certeza de qual termo seria mais apropriado, um teste de classificação por cartão ou de usabilidade pode ajudar a esclarecer os termos que podem confundir os usuários.
- Estrutura pouco clara ou hierarquia de informações
O rodapé pode às vezes ser um “lixão” para links órfãos – isto é, links que parecem não ter relação com a navegação global ou com tarefas secundárias. Se o rodapé não tiver um padrão de organização, os usuários farão uma revisão exaustiva ou passarão muito pouco tempo olhando para o rodapé.
O rodapé da GM não tem uma estrutura clara devido à falta de hierarquia de informações. Essa configuração dificulta a digitalização ou a localização de conteúdo. - SOLUÇÃO: Transmitir claramente a hierarquia de informações dos itens no rodapé usando o agrupamento ou outros padrões de design visual que indicam a hierarquia visual (por exemplo, links de página de alto nível em negrito e links de página de nível inferior com peso normal).
- Rodapés ocultos ou ilegíveis
Às vezes, as empresas optam por usar um pequeno tamanho de fonte para links de rodapé, a fim de acomodar todos os links ou para tornar os links menos perturbadores. Pior, alguns sites podem usar um recurso de animação ou acordeão para ocultar completamente o rodapé por motivos estéticos. Embora o rodapé não seja a navegação principal, as pessoas ainda o utilizam e dependem dele, por isso não tente ocultá-lo.
Uma interação anterior do rodapé Reserved.com utilizou um recurso de acordeão que foi recolhido por padrão, tornando seu conteúdo difícil de encontrar. 
Uma interação anterior do rodapé Reserved.com utilizou um recurso de acordeão que foi recolhido por padrão, tornando seu conteúdo difícil de encontrar. - SOLUÇÃO: Use um tamanho de fonte legível e cor de fonte (com contraste decente ) e evite usar fontes decorativas. Mais importante ainda, não esconda ou colapse o rodapé – as pessoas esperam que ele esteja lá.
Conclusão
Um rodapé é o local onde os usuários vão quando os usuários estão perdidos. Se queremos deixar uma boa impressão duradoura , é fundamental que não negligenciemos a parte inferior da página. Afinal, mesmo as seções mais comuns e utilitárias de uma interface podem ter o maior impacto na experiência de um usuário.
