it-swarm-pt.tech

Boas razões para omitir uma navegação da barra superior em uma página da web?

A navegação na barra superior parece uma coisa boa. Funciona, as pessoas sabem onde encontrá-lo e como usá-lo. Mas sob quais circunstâncias posso omiti-lo, em favor de menos confusão e imagens maiores?

3
Anton

Não sei bem o que você quer dizer com "navegação na barra superior" - você está se referindo à navegação horizontal na parte superior ou na página ou a navegação vertical também seria incluída nisso?

Sempre existem casos de exceção e, como você disse, as pessoas esperam ver a navegação perto do topo (e da parte inferior) da página, há momentos em que isso pode funcionar bem.

Por exemplo, no site de Muir Glen ( aqui ), eles usam uma posição fixa de navegação na parte inferior da página, deixando a parte superior para que sua marca ocupe o centro do palco. A navegação ainda é muito proeminente e fácil de encontrar, por isso duvido que levaria a muitos problemas de usabilidade.

Além disso, as UIs de navegação vertical têm seus usos - se você tiver muitas opções de menu de busca aninhadas, é melhor usar a vertical do que a horizontal (por exemplo, passar o mouse sobre Serviços mostra várias opções, passar o mouse sobre essas opções revela suas próprias opções, etc. e assim por diante).

Provavelmente, o uso mais comum de uma navegação não convencional são sites baseados em Flash (infelizmente, eles costumam fazê-lo incorretamente). Acredito que o melhor uso de um Flash na Web (na criação de sites inteiros) é criar um site mais preocupado com a experiência do que com o conteúdo. Nesse caso, integrar a navegação de maneira criativa é completamente aceitável, pois o objetivo do site é a experiência do usuário, não a localização rápida de conteúdo. Os exemplos seriam dispersar a navegação pelas polaroids espalhadas pela página ( ou similar ) ou integrá-la de formas não convencionais ( assim ).

Portanto, sim, existem boas razões para omitir um menu de navegação tradicional na parte superior da página; o tipo de navegação deve sempre depender do que melhor atende às suas necessidades.

4
RussellUresti

Depende muito de como seu site é construído.

Se, por exemplo, você tiver muitas seções/categorias e, no cenário típico, um usuário precisar se movimentar muito entre elas, provavelmente precisará de um esquema de navegação que esteja sempre disponível em todas as páginas e seções.

No entanto, se você não tiver muitas seções ou elas não estiverem organizadas profundamente - ou seja, sem aninhamento interno e você puder acessar cada uma diretamente da página principal/home, poderá omitir a barra. Apenas forneça uma maneira de chegar rapidamente a "casa" e verifique se a farinha de rosca mostra a localização.

Por uma questão de fato, se você usar a barra apenas para navegação, poderá substituí-la por trilhas de navegação cuidadosamente construídas (até interativas).

5
Dan Barak

Quando o usuário rola para baixo (para o final da página) por vários motivos (como percorrer o conteúdo etc.), é bom ter a barra de navegação inferior em vez da barra de navegação superior.

1
pramodc84

Aqui estão algumas opções.

  1. uma barra de navegação superior horizontal pode ter quase qualquer tamanho; portanto, se você dimensionar as tags com o dobro do tamanho de uma fonte de 12 pixels, terá uma barra de navegação muito pequena. Como a maioria das pessoas atualmente usa pelo menos 768px de telas altas, isso não é muito.

  2. Colocá-lo na parte superior e atribuir uma posição fixa significa que ele estará sempre disponível, não importa quanto tempo o conteúdo role.

  3. Se você NÃO estiver usando o bootstrap css, crie um navbar.css separado e inclua html comentado, você pode recortar e colar em qualquer aplicativo para criar uma barra de navegação rápida.

Se você quiser outras opções para a navegação na barra lateral, poderá usar uma barra lateral recolhida JS que possui uma guia lateral longa e fina, que é exibida quando clicada. É o mesmo princípio que o suspenso, mas de lado. Ele fornecerá o máximo de espaço possível para a tela. Isso também pode ser modular, mesmo se você usar bootstrap ou algo semelhante, basta nomear seus IDs div e classes como algo que ainda não foi utilizado).

0
Rollin Shultz