UNIDADE IV • <Título da Unidade IV>

SISTEMAS DE INFORMAÇÃO
INTERFACE HOMEM-MÁQUINA
ENCONTRO 06

Caro estudante. Tudo bem? Separei para você um texto apresentando a importância
da Teoria das Cores para o design de interfaces. Vamos lá?

8 Princípios para uma Melhor Navegação do Website

Mesmo que seja um principiante completo, você poderá navegar no seu site
seguindo as dicas abaixo.

1. Planeie a Estrutura e Navegação da sua Página

Antes mesmo de começar a escrever conteúdos para o seu site, planifique a
estrutura e a navegação da sua página.

O planeamento é uma parte essencial do processo de proporcionar aos seus

visitantes uma navegação satisfatória. Pode utilizar um criador de mapas do site
para o ajudar a criar rapidamente maquetes para aquilo que pretende que seja a sua
experiência no site.

Um exemplo de uma boa ferramenta de mapa do site é o GlooMaps.

GlooMaps

1
 UNIDADE IV • <Título da Unidade IV>

Pode criar todos os documentos que necessitar gratuitamente. Cada um deles terá
um URL único que poderá partilhar para recolher feedback e deixar que outros o
editem. Uma vez criado, o seu URL estará disponível durante 14 dias, a não ser que
seja visitado novamente. Cada nova visita prolonga a vida útil do link por mais 14
dias.

GlooMaps não é a única ferramenta que você poderia usar, há muitas mais como
Octopus, VisualSitemaps, Creately, só para citar algumas.

2. Seguir as Normas Estabelecidas

Não tente reinventar a roda. A navegação no site é mais sobre a usabilidade do que
sobre a criatividade.

Para elementos essenciais do design como onde colocar o seu menu, e como
indicar que é expansível, siga as normas conhecidas.

Três faixas horizontais, ou o sinal “hambúrguer” ☰, é um dos ícones mais

reconhecíveis para identificar um menu expansível. O outro são os três pontos que
criam uma linha horizontal.

Se tentar ser criativo e desenvolver um ícone personalizado, é provável que muitos

visitantes não compreendam o objectivo do seu design e tenham dificuldade em
encontrar o seu menu.

3. Utilize o vocabulário dos seus utilizadores

Em vez de se limitar a ligar às mesmas páginas antigas, utilizando uma linguagem
de desenvolvimento web padrão, ou uma cópia demasiado criativa, utilize uma
linguagem que esteja mais próxima daquilo que os seus utilizadores utilizam e
procuram e querem.

Esta abordagem é benéfica tanto para a SEO como para a usabilidade. Crie páginas
que reflitam o que os seus utilizadores estão à procura online.

Pode então criar um link para essas mesmas páginas, utilizando as mesmas
palavras e frases que ajudam os utilizadores a encontrar o seu site no Google.

4. Usar Menus Reagentes

Uma vez que mais de 52% de todo o tráfego em linha é agora móvel, a concepção
com capacidade de resposta/primeiro telemóvel tornou-se uma necessidade
absoluta.

Em vez de menus que continuam fora do quadro do navegador da Web móvel ou

demasiado desorganizados, assegure-se de que implementa menus móveis
expansíveis.

Tornou-se uma norma industrial por uma razão. Menus horizontais com texto
minúsculo são difíceis de ler, clicar e utilizar corretamente no telemóvel.

2
 UNIDADE IV • <Título da Unidade IV>

A boa notícia é que todos os melhores temas WordPress vêm com design e menus
responsivos por defeito. A menos que esteja a desenhar o seu site WordPress a
partir do zero, o WordPress já o tem coberto aqui.

5. Tire Vantagem do Seu Menu do Rodapé

Os leitores que continuam a ler e a rolar até ao fundo do seu site estão mais
empenhados do que o utilizador médio. Aproveite isso e utilize o espaço no fundo de
cada página para destacar conteúdos valiosos.

Como o rodapé não está a comer “acima do espaço da dobra”, pode ficar granulado
e incluir várias categorias, e até destacar páginas ou artigos de pedra angular vitais.

Como exemplo, vejam como lidamos com o nosso rodapé nesta mesma página.
Cobrimos páginas de características essenciais, a nossa empresa, decompomos os
nossos recursos, e muito mais.

O rodapé permite destacar o conteúdo que “simplesmente não conseguiu encaixar”

no cabeçalho.

6. Utilizar o espaço de cor e branco para separar a navegação de outros

elementos
Use cores, fontes e espaço em branco para separar os seus menus do conteúdo
principal e das suas barras laterais. Deixe claro onde começa e onde termina a
navegação.

Não importa a língua que utiliza nos seus menus, ou para que páginas faz o link se
os visitantes do seu site não conseguem sequer encontrar o menu.

7. Evitar Menus Dropdown

Para a maioria dos sites (não todos), os menus dropdown não são necessários nem
úteis. Quando os usuários vêem um link em um menu, a suposição é que ele é
clicável. A menos que o design o separe de links clicáveis, pode levar a confusão.

Ter demasiados links no seu menu principal também pode ter um impacto negativo
na usabilidade do seu website.

A implementação de navegação hierárquica e local em vez de menus desdobráveis

pode conduzir a um fluxo de utilizadores mais suave. Também permite aos
utilizadores interagir com várias páginas e passar mais tempo no seu site, em vez de
navegar através de uma lista gigantesca de links.

8. Aplainar a sua estrutura

Se quiser facilitar ao máximo a exploração de todas as páginas do seu site,
mantenha uma estrutura de navegação o mais plana possível.

Em vez de ligar a um punhado de páginas da sua página inicial, e depois expandir

com cada vez mais sub-páginas e categorias, mantenha as coisas simples.

3
 UNIDADE IV • <Título da Unidade IV>

Certifique-se de que estabelece um link para categorias significativas a partir da sua

página inicial, e estabeleça um link para uma única camada de subcategoria ou
páginas de um único artigo a partir daí.

Estrutura plana do website

Há provas de que aplanar a estrutura desta forma tem um efeito positivo no SEO e
pode levar à criação de links para sites do Google. Portanto, não deixe a estrutura
do seu site ficar muito confusa!

Fonte:https://kinsta.com/pt/blog/melhorar-a-navegacao-do-website/#8-princpios-
para-uma-melhor-navegao-do-website - Acesso em: 6 jan. 2021.

REFERÊNCIAS

8 Princípios para uma Melhor Navegação do Website. Disponível em:

https://kinsta.com/pt/blog/melhorar-a-navegacao-do-website/#8-princpios-para-uma-
melhor-navegao-do-website. Acesso em: 6 jan. 2021.