Teste - 02
2. Definição de menus: estrutura hierárquica e rotulação de tags
A barra de menu é composta por: menu hamburguer, busca e Sistemas UFG. O menu hamburguer é o principal local de acesso ao conteúdo do site, composto por uma estrutura expansível na qual estão com todos ítens à mostra. (Figuras 10 a 12).
Figura 10 - Exemplo do menu hamburguer. [IMAGEM ALTERADA]
Figura 11 - Exemplo de menu hamburguer expandido. [IMAGEM ALTERADA]
Figura 12 - Exemplo de menu hamburguer expandido com ítem em mouse hover. [IMAGEM ALTERADA]
Os sites das unidades acadêmicas devem manter o padrão utilizado no Portal da UFG, onde cada nível de menu possui rótulos (tags / nomenclaturas) específicos para seu uso. Recomenda-se um uso máximo de 8 rótulos para o primeiro nível, além de nomes sintéticos e curtos (com uma ou duas palavras curtas, no máximo, por item).
Figura 13 – Estrutura do menu principal [IMAGEM ALTERADA]
2.1 Estrutura de menu hamburguer
O menu hamburguer expandido está dividido em 4 colunas, nas quais são adequados os ítens do menu. Todos os sub-ítens do menu ficam à mostra.
Figura 14 – Estrutura do menu hamburguer expandido com medidas [IMAGEM ALTERADA]
2.2 Busca
O campo de busca do site fica oculto, sendo expandido quando o usuário necessitar de seu uso, clicando no ícone da lupa ao lado do menu hambúrguer, no canto esquerdo da barra de menu.
Figura 15 – Busca expandida [IMAGEM ALTERADA]
2.3 Sistemas UFG
O menu "Sistemas UFG" é um dropdown localizado no canto direito da barra de menus, de modo a ter evidência e se distinguir do menu hambúrguer do site.
Figura 17 – Sistemas UFG - Menu dropdown expandido [IMAGEM ALTERADA]
Figura 18 - Sistemas UFG - Menu dropdown expandido com medidas [IMAGEM ALTERADA]