Usabilidade em Navegação Web

Prévia do material em texto

CENTRO UNIVERSITÁRIO DA GRANDE DOURADOS
TECNOLÓGICO EM ANÁLISE E DESENVOLVIMENTO DE SISTEMAS
Disciplina: COMUNICAÇÃO VISUAL PARA WEB I
Semestre: 4º Data: 22/09/2022
Professora: Renata Barbieri
Acadêmico (a): José Geraldo Lessa Mesquita Neto Polo: Rio Vermelho RGM: 3434.5376
ATIVIDADE 05 – USABILIDADE APLICADA A ELEMENTOS DE Navegação
Atenção: ATENÇÃO: As respostas COPIADAS da internet ou IGUAIS aos dos colegas SERÃO ANULADAS.
Fundamentos do Design
https://www.youtube.com/watch?v=vbktvZf9pNI
1) Ao navegar em um website, os usuários o analisam e criam mentalmente uma lógica de funcionamento. Essa lógica refere-se ao sentido de localização do usuário, identificando quais caminhos deve percorrer para realizar as ações que deseja. Nesse contexto, leia a parte 1 do livro DESIGN DE NAVEGAÇÃO WEB e explique como um bom sistema de navegação pode contribuir para usabilidade de uma web site: 
R: Uma boa navegação deve ser previsível, ter sentido e ordem e fazer com que os usuários se sintam confortáveis ao navegar pelo site. As informações devem ser organizadas de forma coerente, sem ambiguidade e redundâncias.
· Para se garantir a unificação visual as características da interface das páginas internas, tais como fontes, cores, estilo gráfico, dentre outras, devem ser as mesmas da home, assim o usuário terá certeza de que está no mesmo site, pois quando ocorrem mudanças nessa estrutura de uma página para outra o usuário precisará desviar sua atenção do uso do site para entender como utilizá-lo, deixando-os inseguros e hesitantes.
· Quanto a estrutura navegacional ela deve ser consistente, previsível e segura fazendo com que os usuários se sintam confortáveis em explorar o site, uma vez que conseguem-se localizar dentro do mesmo através das páginas e seções.
2) Leia o Guia de Estudo e explique como os elementos visuais devem ser organizados no layout de uma página, para que este seja intuitivo e de fácil navegação. São eles: 
a) Sessões principais:
As seções principais do website devem estar posicionadas nas áreas privilegiadas com maior visualização. Os rótulos das seções devem ser claros e persuasivos, pois o usuário só iniciará a navegação se as informações de destaque lhe despertarem o interesse.
b) Menus de navegação:
Menu verticais: são indicados para sites que frequentemente precisam alterar a quantidade de tópicos, sem ajustes na diagramação do layout.
Menus horizontais: são indicados apenas para exibir informações fixas uma vez que a rolagem horizontal não é convencionalmente utilizada na Web
Menus de rodapé: menus utilizados nessa região são utilizados para exibir informações secundários ou apenas repetem o menu horizontal disposto na parte superior do site. Este tipo de menu é indicado para páginas muito longas, para que o usuário não tenha que voltar ao topo para continuar a navegação.
Diretrizes para elaboração de menus:
Classifique os tópicos;
Mantenha a mesma estrutura em todas as páginas;
Evite cliques desnecessários;
Utilize ícones apenas em menus pequenos;
Padronize esteticamente;
Organize de forma hierárquica; 
c) Rótulos:
Os rótulos devem conduzir a navegação informando aos usuários os principais assuntos que estão sendo abordados pelo canal online.
d) Ferramentas de pesquisa:
A ferramenta de pesquisa é um dos recursos mais utilizados para os Usuários encontrarem o que estão procurando. A disponibilização dessa ferramenta é obrigatória em grandes portais que possuem mais de 200 páginas.
- Posicione o índice de pesquisa em um local visível da página. 
- A largura do campo de entrada de palavras-chaves deve ser configurado com um tamanho suficiente para atender a maioria das pesquisas.
- O botão para iniciar a pesquisas deve ter o rotulo visível e claro. 
- Utilize escopos para filtrar as pesquisas quando houver necessidade, a exemplo das livrarias que possibilitam pesquisas por: Autor/Titulo/palavra chave. Os resultados devem ser exibidos por ordem de relevância.
- Informe quantos resultados foram encontrados para que o usuário tenha noção da quantidade de conteúdos relacionados a sua pesquisa.
e) Breadcrumbs:
Os breadcrumbs descrevem o caminho que foi percorrido pelo usuário, orientando-o onde ele está, para onde pode ir ou voltar.
f) Recursos cromáticos:
Os recursos cromáticos são importantíssimos para orientar o usuário durante a navegação, destacar informações e associado a semântica das cores agregar informações enriquecendo a navegação no website de forma intuitiva.
g) Links:
Links são o principal recurso de navegação. Certifique-se de que os links estejam sinalizados claramente e os usuários possam perceber o que é clicável e o que não é.