navegação
Post on 03-Sep-2014
6.637 views
Embed Size (px)
DESCRIPTION
Um dos elementos da arquitetura de informaçãoTRANSCRIPT
- Sistema de Navegao Robson Santos, D.Sc.
- Sistemas de navegao
- Projetar a estrutura de site requer um balano cuidadoso de facilidade de acesso com a necessidade de estabelecer categorias e subcategorias de informao para benefcio dos usurios.
- As categorias devem antecipar os tipos de acesso que o pblico-alvo do site espera. Elas quebraro repetidamente em nveis hierrquicos at que uma forma de rvore se estabelea.
- Sistemas de navegao
- Teia ou rvore?
- Diferenas topolgicas
- Linear
- No linear
- Mista
- Arquitetura de Informao
- Sistemas de navegao
- Arquitetura de Informao
- Sistemas de navegao
- Arquitetura de Informao
- Sistemas de navegao
- Recursos de Navegao
- Sistemas de navegao
- Sistemas de navegao so compostos por uma variedade de elementos.
- Alguns, como barras navegao grficas e menus pop-up , so implementadas juntamente com o contedo.
- Outros, como sumrios e mapas de navegao, provem acesso remoto ao contedo dentro da estrutura de organizao.
- Sistemas de navegao
- medida que esses elementos puderem ser colocados em cada pgina, juntos do forma a um sistema de navegao que tem importantes implicaes ao longo da interface do sistema.
- Um sistema de navegao bem projetado um fator crtico na determinao do sucesso de uma interface.
- Elementos de navegao integrados
- Nos sistemas de navegao os elementos mais importantes so aqueles que esto integrados s telas de contedo.
- medida que os usurio se movem pelas telas do sistema, esses so os elementos que so vistos usados repetidas vezes. A maior parte desses elementos se agrupam em duas categorias: barras de navegao e menus pull-down .
- Elementos de navegao integrados
- Barra de navegao
- De maneira simplista, a barra de navegao uma coleo de links de hipertexto agrupados em uma tela. Esses links podem ter o aspecto de texto puro ou serem grficos, com o uso de imagens, entretanto, ao se optar por barras de navegao grfica, h que se considerar o tempo de carga das imagens que a compem e o grau de dificuldade para adicionar ou excluir itens nos menus.
- A opo por usar um tipo ou outro est mais ligada ao aspecto da pgina do que a questes tcnicas.
- Elementos de navegao integrados
- Barra de navegao
- A posio da barra de navegao tambm pode obedecer alguns critrios: posicionar a barra na parte superior da tela possibilita acesso ao sistema de navegao e um senso imediato do contexto do sistema.
- O posicionamento na parte inferior da pgina assume que a pgina deve ser toda lida para que se prossiga com a navegao. O posicionamento no topo e no final geralmente determinado pelo comprimento da tela.
- Elementos de navegao integrados
- Quadros
- Os quadros ( frames ) so uma forma de dividir uma mesma janela em vrias outras, permitindo que hiperlinks situados em um quadro alterem o contedo apresentado em outro.
- Ao permitir a separao do sistema de navegao do contedo, os quadros podem prover contextualizao e consistncia para os usurios.
- Elementos de navegao integrados
- Quadros
- Contudo, dependendo da resoluo utilizada no monitor do usurio, o uso de quadros pode ocasionar a presena de indesejveis barras de rolagens que ocultam parte do contedo da pgina.
- Tambm uma pgina composta por quadros no adicionada corretamente em uma lista de favoritos ( bookmark ) pelo fato de ser formada por diversas outras pginas, cada uma acomodada em um quadro com um endereo prprio (URL).
- Elementos de navegao integrados
- Menus pull-down
- O uso de menus pull-down permite que o usurio expanda a informao que aparece em uma linha para apresentar vrias outras opes. De forma geral, usurios escolhem uma opo no menu e ento pressionam um boto Ir para ou Enviar para se mover para o local de destino.
- Os menus, por outro lado, ocultam as opes e foram o usurio agir antes que possa ver as opes.
- Elementos de navegao integrados
- Menus pull-down
- Os menus pop-up so uma verso mais sofisticada dos pull-down , pois medida que o usurio move o cursor sobre um palavra ou reas na tela um menu disparado. O usurio pode selecionar diretamente uma opo deste menu.
- Elementos de navegao remotos
- Ainda h outros elementos de navegao que no esto agregados s telas de contedo, podendo ser chamados de elementos remotos de navegao.
- Exemplos so: sumrios, ndices e mapas de sites, pois so externos hierarquia e permitem uma viso geral do contedo do site. Tambm possvel produzir elementos de navegao remotos apresentados fora da janela principal.
- Elementos de navegao remotos
- Sumrios
- De forma similar aos livros e revistas, os sumrios para um sistema apresentam os nveis mais elevados da hierarquia. Os sumrio prov uma viso ampla do contedo e facilita o acesso aleatrio a pores segmentadas do contedo.
- Um sumrio na web pode empregar links de hipertexto para permitir ao usurio o acesso direto s pginas do site.
- No projeto de um uma ferramenta de navegao como um sumrio, a forma menos importante que a funo.
- Elementos de navegao remotos
- Sumrios
- Algumas recomendaes para o projeto de sumrios incluem:
- Reforar a hierarquia da informao para que o usurio se torne progressivamente familiar com a organizao do contedo.
- Facilitar o acesso rpido e direto ao contedo para os usurio que sabem o que desejam.
- Evitar oprimir o usurio com informao demais, pois o objetivo auxili-lo, no assust-lo.
- Elementos de navegao remotos
- ndices
- De maneira similar ao ndices encontrados em material impresso, um ndice digital apresenta palavras-chave ou frases em ordem alfabetica, sem apresentar a hierarquia. ndices funcionam bem para usurios que j sabem o nome do item que esto buscando.
- Ao selecionar itens para compor um ndice, deve-se ter em mente que um ndice deve apontar somente para telas destino, e no para telas de navegao.
- Elementos de navegao remotos
- Mapa de navegao
- Mapa de navegao pode ser definido estreitamente como uma representao grfica da arquitetura do sistema, excluindo os sumrios e os ndices que utilizam elementos grficos para melhorar o apelo esttico de ferramentas que so primariamente textuais.
- Um mapa de navegao real apresenta a arquitetura de informao de uma maneira que vai alm da representao textual.
- Elementos de navegao remotos
- Mapa de navegao
- Os mapas do mundo fsico no apresentam a geografia exata da rea.
- Preciso e escala so sacrificadas por sinais contextuais representativos que nos auxiliam a encontrar o caminho em meio a um sem nmero de auto estradas e cruzamentos.
- Alm disso, quanto maior o nvel de abstrao, mais intuitivo o mapa.
- Elementos de navegao remotos
- Visita guiada
- Uma visita guiada serve com um boa ferramenta para introduzir novos usurios s reas de maior contedo de um sistema.
- Uma visita guiada deve apresentar navegao linear, mas a barra de navegao hipertextual pode ser usada para prover flexibilidade adicional.
- A visita deve combinar imagens das telas mais importantes com texto narrativo que explica o que pode ser encontrado em cada rea do sistema.