navegação

Download Navegação

Post on 03-Sep-2014

6.637 views

Category:

Technology

0 download

Embed Size (px)

DESCRIPTION

Um dos elementos da arquitetura de informação

TRANSCRIPT

  • 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.
    Arquitetura de Informao
    • Sistemas de navegao
    • Teia ou rvore?
    • Diferenas topolgicas
    • Linear
    • No linear
    • Mista
    Arquitetura de Informao
  • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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 .
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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).
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Recursos 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.
    Recursos de Navegao
    • 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.
    Recursos de Navegao
    • 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.
    Rec