Introdução a navegação na Web:
Vc geralmente está tentando encontrar algo. Vc decide se pergunta ou procura primeiro.
A diferença é que em um Website não há uma pessoa parada à qual você possa perguntar onde as coisas estão. O equivalente na Web à solicitação de informações é a busca - digitar uma descrição do que estiver procurando em uma caixa de busca e obter uma lista de links para lugares onde isso possa estar.
Se vc decidir navegar, ande pela hierarquia usando os sinais para lhe guiar. Normalmente vc olhará em volta na página inicial procurando uma lista das principais seções do site (como as placas das lojas de departamento) e clicará no que parecer o certo. Se vc não conseguir encontrar o que estiver procurando, acabará indo embora. Isto é verdade em um Web site da mesma forma que é no Sears.
Vc irá embora quando estiver convencido de que eles não têm produto ou quando estiver frustrado demais para continuar procurando.
A insustentável leveza da navegação Não há senso de escala. Mesmo após termos usado bastante um Web Site, a menos que ele seja muito pequeno, tendemos a ter muito pouco bom senso do quão grande ele é. (50 páginas? 1.000? 17.000)
Nenhum senso de direção.
Em um Web site, não há esquerda ou direita, para cima ou para baixo, mas o que queremos dizer com para cima e para baixo na hierarquia para um nível mais geral e mais específico.
Nenhum senso de localização. Quando queremos voltar para alguma coisa em um Web Site, em vez de usar o sentido físico de onde essa coisa está, temos que nos lembrar onde ela está na hierarquia conceitual e voltar pelos nossos passos.
Este é um motivo pelo qual os bookmarks - atalhos pessoais armazenados - são tão importantes e por que o botão Voltar é responsável por entre 30 e 40% de cliques na Web.
A navegação não é apenas uma característica de um Web Site. Ela é o Web Site, da mesma forma que o prédio, as prateleiras e as caixas registradoras são a Sears. Sem ela não existe lá.
Os objetivos menos visíveis da navegação
Dois dos objetivos da navegação são bastante óbvios:
- nos auxiliar a encontrar o que quer que estejamos procurando e nos informar onde estamos
- Ela nos dá algo ao qual nos apoiamos
- Ela nos diz o que existe aqui
- Ela nos diz como usar os site
- Ela nos dá confiança nas pessoas que a criaram.
Convenções Navegação Web
As convenções especificam (livremente) a aparência e a localização dos elementos de navegação, de modo que saibamos procurar e onde procurar por eles quando precisamos.
Convenções de Navegação para Web tem aparecido rapidamente, a maioria adaptada de convenções de impressão já existentes. Elas continuarão a se desenvolver , mas por enquanto, estes são os elementos básicos:
- A navegação estável deve incluir os cinco elementos que vc mais precisa ter em suas mãos:
ID (identidade visual) do site
Seções
Uma forma de voltar ao início
Uma forma de pesquisar Utilitários
Exceções
- A página inicial.
A página inicial não é como as outras páginas - ela possui obrigações diferentes a satisfazer e promessas diferentes a cumprir.
Como vc verá no próximo capítulo, isso, às vezes significa que faz sentido não usar a navegação estável aqui.
- Formulários.
Em página onde um formulário precisa ser preenchido, a navegação estável pode, às vezes ser uma distração desnecessária. Por exemplo, quando estou pagando minhas compras em um site de comércio eletrônico , vc não quer que eu faça nada além de preencher o formulário. O mesmo acontece quando estou me cadastrando, avaliando ou verificando preferências para personalização
Identificação
A identificação do site ou o seu logotipo é como o nome do prédio para Web Site.
Contudo na web - onde o meio principal de viagem é o teletransporte - eu preciso vê-lo em todas as páginas. Da mesma forma que esperamos ver o nome do prédio em cima da sua entrada, também esperamos ver a identificação do site no topo da página - geralmente (ou pelo menos próximo) do canto superior esquerdo.
O ID do site - o lugar menos provável que me faça pensar é no topo, onde envolva a página inteira A identificação do site também precisa parecer-se com uma.
As Seções Navegação Primária
São os links para as seções principais do site : o nível mais superior de hierarquia do site
Na maioria dos casos, a navegação estável também incluirá espaço para exibir a navegação secundária - a lista de subseções na seção corrente
Os utilitários
Ex.: ajuda, mapa do site, carrinho de compras, sobre nós, entre em contato
Ter um botão Página Inicial sempre a vista oferece a garantia de que não importa o quão perdido eu esteja, sempre posso começar de novo, como pressionando o botão reinicializar ou usando uma carta "Saia livre da cadeia.
Por enquanto, provavelmente seja uma boa idéia: incluir um link para a página inicial nas Seções ou nos Utilitários, acrescentar a palavra "Início" discretamente na identificação do site em todos os lugares, menos na página inicial, para permitir às pessoas saberem que ele pode ser clicado.
Modo de Pesquisa
Em especial, evite
- Palavreando bonito
- Instruções - Tipo "digite uma palavra aqui" - faz soar pouco inteligente
Opções
Se você quiser dar a opção de determinar o escopo da pesquisa, faça isso apenas quando for útil - quando eu chegar na página de resultados de pesquisa e descobrir que pesquisar tudo trouxe resultados demais, de forma que preciso limitar o escopo.
Secundário, terciário e seja lá o que vier após o terciário
A moral?
É vital ter páginas de exemplo que mostrem a navegação em todos os potenciais níveis do site antes de começar a discutir sobre o esquema de cores para a página inicial.
Nome de páginas ou Por que adoro dirigir em Los Angeles
Todas as páginas precisam de um nome. Da mesma forma que cada esquina deve ter uma placa de sinalização, cada página deve ter seu nome. O nome precisa estar no lugar certo.
Na hierarquia visual da página, o nome da mesma deve parecer estar englobando o conteúdo que seja único a esta página. O nome precisa ser proeminente.
O nome precisa equivaler ao que eu cliquei.
Você está aqui
De maneira geral, se vc for um projetista e achar que uma dica visual está chamando muito a atenção, isto significa provavelmente que deve troná-la duas vezes mais proeminentes.
Migalhas
As migalhas de pão só lhe mostram o caminho da página inicial até onde vc está no presente momento.
Para a maioria dos ites eu não creio que migalhas sozinhas sejam um bom esquema de navegação.
Elas não são um substituto para a mostra de pelo menos as duas camadas superiores da hierarquia, porque não revelam o suficiente.
Elas (as migalhas) são mais valiosas quando usadas como parte de uma dieta balanceada, como um acessório em um esquema navegacional sólido, especialmente em um site grande com uma hierarquia profunda ou se vc precisar juntar um grupo de subsites.
- Coloque -as no topo.
- Use ">" entre níveis - (...) provavelmente porque ele sugira visualmente um movimento para frente entre os níveis
- Use fonte pequena
- Use palavras: Vc está aqui
- Coloque o último item negrito. O último item da lista deve ser o nome da página corrente e deixá-lo em negrito dá a proeminência que ela merece. Não os use em lugar de um nome de página.
Quatro motivos pelos quais eu adoro abas.
- São auto-evidentes
-São difíceis de não serem vistas
- São agradáveis
- Sugerem um espaço físico
Experiemente o teste do porta-malas
O usário deve responder as seguintes perguntas sem hesitação:
- Que site é esse? (identificação do site)
- Em qual página estou? ( Nome da página)
- Quais são as principais seções desta página? (Seções)
- Quais são as minhas opções neste nível ? (Navegação local)
- Onde estou no esquema das coisas (Indicadores "Vc está aqui")
- Como eu posso realizar uma pesquisa?
Sempre evite empilhar link de texto sublinhado. Eles são muito difíceis de ler.
Nenhum comentário:
Postar um comentário