Desing de navegação web parte III

Embed Size (px)

Citation preview

  • 1.
    • Design de Navegao Web Parte III

Wellington Marion Blog http://wellmarion.wordpress.com 2.

  • Tipos de Navegao

Tudo deve ser to simples quanto possvel, mas no mais simples Atribuda a Albert Einstein 3. Tipos de Navegao 4. Tipos de Navegao

  • Navegaoestrutural

5. Navegaoassociativa 6. Navegaoutilitria 7. Tipos de Navegao

  • Navegao Estrutural
  • Conecta uma pgina a outra baseada na hierarquia do site, e ela pode ser divida em dois tipos;

8. Tipos de Navegao

  • Navegao Principal
  • Pode se chamada de navegaoglobalouprimria .

9. Fornecer uma viso geral. 10. Ajuda na orientao 11. Permite s pessoas trocarem de tpicos 12. Navegao Principal

  • Navegao principal esta a esquerda, abaixo do logo.

13. Links utilitrios includos na direita,tais como mapa do site 14. Link para busca do site. 15. Tipos de Navegao

  • Navegao Local
  • Tambm chamada desubnavegao

16. Usada para acessar nveis mais baixos em uma estrutura, abaixo das pginas da navegao principal 17. Navegao Local 18. Tipos de Navegao 19. Tipos de Navegao 20. Tipos de Navegao

  • Navegao Associativa
  • Conecta pginas comtpicosecontedos similares.

21. Navegao associativas 22. Outros tipos de navegao

  • NavegaoAdaptativa

23. NavegaoLinks rpidos 24. Navegao derodap 25. Tipos de Navegao

  • NavegaoUtilitria

26. Tipos de Navegao 27. Seletores de pases ou regies 28. Seletores de pases ou regies 29. Tipos de Pginas

  • Pginasnavegacionais

30. Pginas decontedo 31. Pginasfuncionais 32. Pgina Principal (home page) 33. Pginas deaterrissagem 34. Pgina deGalerias 35. Pgina decontedo 36. Pgina decontedo 37. Formulrios de submisso 38. Formulrios de busca 39. Aplicao web 40. Rotulando a Navegao 41. Se todos sempre concordassem sem como chamar as coisas, a palavra do usurio seria a palavra do designer que seria a palavra do sistema,e o que o usurio digitasse ou apontasse seria mutuamente entendido. Infelizmente, as pessoas frequentemente discordam quanto s palavras que usam nas coisas. - George Furnas et al. The Vocabulary Problem in Humam-System Communication 42. O Problema do Vocabulrio 43. Aspectos de Bons Rtulos

  • Fale a lngua do usurio

44. Evite jarges de companhia 45. Evite terminologia tcnica 46. Evite rtulos espertos 47. Evite abreviaes 48. Use o tom de voz apropriado 49. Rtulos consistentes

  • Granularidade

50. Sintaxe 51. Apresentao 52. Uso 53. Sistemas de Rotulagem

  • Favoritos

54. Navegao em aba 55. Impresso 56. Traduzindo Rtulos 57. Obrigado!!! 58. Referncias

  • http://landesend.co.uk

59. http://cocacola.com 60. http://dell.com.br 61. http://bluesoft.com.br 62. http://www.wwf.org.br 63. http://www.nytimes.com