Your SlideShare is downloading. ×
Desing de navegação web parte III
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Desing de navegação web parte III

3,658
views

Published on


0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,658
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
49
Comments
0
Likes
3
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Estarei falando dos ultimo capítulos sobre tipo de navegação irei falar de tipo de navegação, tipo de paginas e rotulação a navegação e as próximas apresentação sera sobre a parte dois do livro que entra em framework de design
  • Navegação Principal Navegação Local
  • L-invertido É uma lista de links vertical à esquerda, formando um L invertido Horizontal Navegação Global horizontal ou através de menus dinâmicos Vertical embutido Apresentada como um menu vertical à esquerda ou à direita, e comum embuti r a navegação local entre as opções.
  • Navegação Adaptativa É mais usada para recomendar algo exemplo em site de comercio eletrônico Navegação Links rápidos twitter Navegação de rodapé Esta localizado no final da página normalmente representadas por links textuais.
  • Conecta páginas e funcionalidades que ajudam as pessoas a usarem o site
  • Navegação utilitária em vitaminshoppe.com
  • Páginas navegacionais Direcionam os visitantes para o seu objetivo final Páginas de conteúdo Ler artigos e páginas de produtos Páginas funcionais Realizarem tarefas, conduzir buscas ou verificar email
  • Fornece um visão geral das principais categorias
  • Visão geral de um grupo específico neste caso shirts (camisetas)
  • Criar perfil, se registrar em site cadastrar curriculum
  • “ Se todos sempre concordassem sem como chamar as coisas, a palavra do usuário seria a palavra do designer que seria a palavra do sistema,e o que o usuário digitasse ou apontasse seria mutuamente entendido. Infelizmente, as pessoas frequentemente discordam quanto às palavras que usam nas coisas. ”
  • Fale a língua do usuário O site deve falar em termos que o visitante possa entender naturamente Evite jargões de companhia Evite terminologia técnica Evite rótulos espertos Evite abreviações FAQ, PDF, RSS Use o tom de voz apropriado Site de investimento é mais formal e direcionando aos negocios um site de música e jovem e moderno
  • Granularidade Exemplo rosa branca, rosa vermelha, flores e busques Sintaxe Iniciar com verbo, isso dar um belo ritmo Apresentação Fontes tamanhos e estilos Uso Use o mesmo em diferentes lugares quando se refere a mesma coisa
  • Transcript

    • 1.
      • Design de Navegação Web Parte III
      Wellington Marion Blog http://wellmarion.wordpress.com
    • 2.
      • Tipos de Navegação
      “ Tudo deve ser tão simples quanto possível, mas não mais simples” Atribuída a Albert Einstein
    • 3. Tipos de Navegação
    • 4. Tipos de Navegação
      • Navegação estrutural
      • 5. Navegação associativa
      • 6. Navegação utilitária
    • 7. Tipos de Navegação
      • Navegação Estrutural
        • Conecta uma página a outra baseada na hierarquia do site, e ela pode ser divida em dois tipos;
    • 8. Tipos de Navegação
      • Navegação Principal
        • Pode se chamada de navegação global ou primária .
        • 9. Fornecer uma visão geral.
        • 10. Ajuda na orientação
        • 11. Permite às pessoas trocarem de tópicos
    • 12. Navegação Principal
      • Navegação principal esta a esquerda, abaixo do logo.
      • 13. Links utilitários incluídos na direita,tais como mapa do site
      • 14. Link para busca do site.
    • 15. Tipos de Navegação
      • Navegação Local
        • Também chamada de subnavegação
        • 16. Usada para acessar níveis mais baixos em uma estrutura, abaixo das páginas da navegação principal
    • 17. Navegação Local
    • 18. Tipos de Navegação
    • 19. Tipos de Navegação
    • 20. Tipos de Navegação
      • Navegação Associativa
        • Conecta páginas com tópicos e conteúdos similares.
    • 21. Navegação associativas
    • 22. Outros tipos de navegação
      • Navegação Adaptativa
      • 23. Navegação Links rápidos
      • 24. Navegação de rodapé
    • 25. Tipos de Navegação
      • Navegação Utilitária
    • 26. Tipos de Navegação
    • 27. Seletores de países ou regiões
    • 28. Seletores de países ou regiões
    • 29. Tipos de Páginas
      • Páginas navegacionais
      • 30. Páginas de conteúdo
      • 31. Páginas funcionais
    • 32. Página Principal (home page)
    • 33. Páginas de aterrissagem
    • 34. Página de Galerias
    • 35. Página de conteúdo
    • 36. Página de conteúdo
    • 37. Formulários de submissão
    • 38. Formulários de busca
    • 39. Aplicação web
    • 40. Rotulando a Navegação
    • 41. “ Se todos sempre concordassem sem como chamar as coisas, a palavra do usuário seria a palavra do designer que seria a palavra do sistema,e o que o usuário 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 Vocabulário
    • 43. Aspectos de Bons Rótulos
      • Fale a língua do usuário
      • 44. Evite jargões de companhia
      • 45. Evite terminologia técnica
      • 46. Evite rótulos espertos
      • 47. Evite abreviações
      • 48. Use o tom de voz apropriado
    • 49. Rótulos consistentes
    • 53. Sistemas de Rotulagem
    • 56. Traduzindo Rótulos
    • 57. Obrigado!!!
    • 58. Referências
      • 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