SlideShare a Scribd company logo
1 of 36
[object Object],Wellington Marion Blog http://wellmarion.wordpress.com
[object Object],“ Tudo deve ser tão simples quanto possível, mas não mais simples” Atribuída a Albert Einstein
Tipos de Navegação
Tipos de Navegação ,[object Object]
Navegação  associativa
Navegação  utilitária
Tipos de Navegação ,[object Object]
Tipos de Navegação ,[object Object]
Fornecer uma visão geral.
Ajuda na orientação
Permite às pessoas trocarem de tópicos
Navegação Principal ,[object Object]
Links utilitários incluídos na direita,tais como mapa do site
Link para busca do site.
Tipos de Navegação ,[object Object]
Usada para acessar níveis mais baixos em uma estrutura, abaixo das páginas da navegação principal
Navegação Local
Tipos de Navegação
Tipos de Navegação
Tipos de Navegação ,[object Object]
Navegação associativas
Outros tipos de navegação ,[object Object]
Navegação  Links rápidos
Navegação de  rodapé
Tipos de Navegação ,[object Object]
Tipos de Navegação
Seletores de países ou regiões
Seletores de países ou regiões
Tipos de Páginas ,[object Object]
Páginas de  conteúdo
Páginas  funcionais
Página Principal (home page)
Páginas de  aterrissagem
Página de  Galerias
Página de  conteúdo
Página de  conteúdo

More Related Content

What's hot

Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoAlan Vasconcelos
 
Informática Básica - Aula 09 - Uso de E-mail
Informática Básica - Aula 09 - Uso de E-mailInformática Básica - Aula 09 - Uso de E-mail
Informática Básica - Aula 09 - Uso de E-mailJoeldson Costa Damasceno
 
Aula 1 - Introdução ao Conteúdo de Banco de Dados
Aula 1 - Introdução ao Conteúdo de Banco de DadosAula 1 - Introdução ao Conteúdo de Banco de Dados
Aula 1 - Introdução ao Conteúdo de Banco de DadosHenrique Nunweiler
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
01 - Microsoft Office Excel Básico
01 - Microsoft Office Excel Básico01 - Microsoft Office Excel Básico
01 - Microsoft Office Excel BásicoRoney Sousa
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoLuiz Agner
 
Introdução a-redes-cisco
Introdução a-redes-ciscoIntrodução a-redes-cisco
Introdução a-redes-ciscoMarcelo Gama
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Jorge Cardoso
 
Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)DaviMatos25
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegaçãopospipoca
 
Modelo de currículo profissional de ti
Modelo de currículo   profissional de tiModelo de currículo   profissional de ti
Modelo de currículo profissional de tiFernando Palma
 
Introdução a internet
Introdução a internet Introdução a internet
Introdução a internet filipereira
 
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...Mariano Pimentel
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuárioVictor Rubens
 
Informática Básica - Introdução ao Microsoft Word 2010
Informática Básica - Introdução ao Microsoft Word 2010Informática Básica - Introdução ao Microsoft Word 2010
Informática Básica - Introdução ao Microsoft Word 2010Joeldson Costa Damasceno
 

What's hot (20)

Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Informática Básica - Aula 09 - Uso de E-mail
Informática Básica - Aula 09 - Uso de E-mailInformática Básica - Aula 09 - Uso de E-mail
Informática Básica - Aula 09 - Uso de E-mail
 
Aula 1 - Introdução ao Conteúdo de Banco de Dados
Aula 1 - Introdução ao Conteúdo de Banco de DadosAula 1 - Introdução ao Conteúdo de Banco de Dados
Aula 1 - Introdução ao Conteúdo de Banco de Dados
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Microsoft Access
Microsoft AccessMicrosoft Access
Microsoft Access
 
Introdução à linguagem UML
Introdução à linguagem UMLIntrodução à linguagem UML
Introdução à linguagem UML
 
01 - Microsoft Office Excel Básico
01 - Microsoft Office Excel Básico01 - Microsoft Office Excel Básico
01 - Microsoft Office Excel Básico
 
Navegação e Arquitetura de Informação
Navegação e Arquitetura de InformaçãoNavegação e Arquitetura de Informação
Navegação e Arquitetura de Informação
 
Introdução a-redes-cisco
Introdução a-redes-ciscoIntrodução a-redes-cisco
Introdução a-redes-cisco
 
Correio eletrônico
Correio eletrônicoCorreio eletrônico
Correio eletrônico
 
Internet
InternetInternet
Internet
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao
 
Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)Sistema Operacional Windows (versão 11)
Sistema Operacional Windows (versão 11)
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Caderno de exercícios excel 2010
Caderno de exercícios excel 2010Caderno de exercícios excel 2010
Caderno de exercícios excel 2010
 
Modelo de currículo profissional de ti
Modelo de currículo   profissional de tiModelo de currículo   profissional de ti
Modelo de currículo profissional de ti
 
Introdução a internet
Introdução a internet Introdução a internet
Introdução a internet
 
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...
Pesquisa científica em Computação com desenvolvimento de artefatos: Design Sc...
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Informática Básica - Introdução ao Microsoft Word 2010
Informática Básica - Introdução ao Microsoft Word 2010Informática Básica - Introdução ao Microsoft Word 2010
Informática Básica - Introdução ao Microsoft Word 2010
 

Viewers also liked

Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Maiara Zenatti
 
Economics vocabulary
Economics vocabulary Economics vocabulary
Economics vocabulary ajlevings
 
Factors Of Production
Factors Of ProductionFactors Of Production
Factors Of ProductionHeatherP
 
Unit 4 Factors That Lead To Economic Growth
Unit 4 Factors That Lead To Economic GrowthUnit 4 Factors That Lead To Economic Growth
Unit 4 Factors That Lead To Economic GrowthHeatherP
 
Florida’s Economic Entrepreneurs: Grade 4
Florida’s Economic Entrepreneurs: Grade 4Florida’s Economic Entrepreneurs: Grade 4
Florida’s Economic Entrepreneurs: Grade 4josephbulls
 
Unit 4 Vocabulary
Unit 4 VocabularyUnit 4 Vocabulary
Unit 4 VocabularyHeatherP
 
*Economics Vocabulary
 *Economics Vocabulary *Economics Vocabulary
*Economics VocabularyAmy LC
 
Australia Where Australians Live
Australia   Where Australians LiveAustralia   Where Australians Live
Australia Where Australians LiveHeatherP
 
Ap Macro Economics Review
Ap Macro Economics ReviewAp Macro Economics Review
Ap Macro Economics Reviewpowell1985
 
Técnicas de Persuasão e Usabilidade
Técnicas de Persuasão e UsabilidadeTécnicas de Persuasão e Usabilidade
Técnicas de Persuasão e UsabilidadeLau Yamazaki
 
Economics vocabulary 2011
Economics vocabulary 2011Economics vocabulary 2011
Economics vocabulary 2011HeatherP
 
Unit 4 basic economics
Unit 4 basic economicsUnit 4 basic economics
Unit 4 basic economicsHeatherP
 
3 religions powerpoint 2013 14
3 religions powerpoint 2013 143 religions powerpoint 2013 14
3 religions powerpoint 2013 14HeatherP
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoFabio Moura Pereira
 
Factors of Production
Factors of ProductionFactors of Production
Factors of ProductionBrian Coil
 
Unit 4 Economic System Powerpoint
Unit 4 Economic System PowerpointUnit 4 Economic System Powerpoint
Unit 4 Economic System PowerpointHeatherP
 

Viewers also liked (20)

Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
Arquitetura da Informação e Avaliação de Websites, considerando critérios de ...
 
Economics vocabulary
Economics vocabulary Economics vocabulary
Economics vocabulary
 
Factors Of Production
Factors Of ProductionFactors Of Production
Factors Of Production
 
Unit 4 Factors That Lead To Economic Growth
Unit 4 Factors That Lead To Economic GrowthUnit 4 Factors That Lead To Economic Growth
Unit 4 Factors That Lead To Economic Growth
 
Florida’s Economic Entrepreneurs: Grade 4
Florida’s Economic Entrepreneurs: Grade 4Florida’s Economic Entrepreneurs: Grade 4
Florida’s Economic Entrepreneurs: Grade 4
 
Unit 4 Vocabulary
Unit 4 VocabularyUnit 4 Vocabulary
Unit 4 Vocabulary
 
*Economics Vocabulary
 *Economics Vocabulary *Economics Vocabulary
*Economics Vocabulary
 
Australia Where Australians Live
Australia   Where Australians LiveAustralia   Where Australians Live
Australia Where Australians Live
 
Ap Macro Economics Review
Ap Macro Economics ReviewAp Macro Economics Review
Ap Macro Economics Review
 
Técnicas de Persuasão e Usabilidade
Técnicas de Persuasão e UsabilidadeTécnicas de Persuasão e Usabilidade
Técnicas de Persuasão e Usabilidade
 
Economics vocabulary 2011
Economics vocabulary 2011Economics vocabulary 2011
Economics vocabulary 2011
 
Economics
EconomicsEconomics
Economics
 
Unit 4 basic economics
Unit 4 basic economicsUnit 4 basic economics
Unit 4 basic economics
 
Factors of production
Factors of productionFactors of production
Factors of production
 
3 religions powerpoint 2013 14
3 religions powerpoint 2013 143 religions powerpoint 2013 14
3 religions powerpoint 2013 14
 
Design de navegação web
Design de navegação webDesign de navegação web
Design de navegação web
 
econometria
 econometria econometria
econometria
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de Interação
 
Factors of Production
Factors of ProductionFactors of Production
Factors of Production
 
Unit 4 Economic System Powerpoint
Unit 4 Economic System PowerpointUnit 4 Economic System Powerpoint
Unit 4 Economic System Powerpoint
 

Similar to Desing de navegação web parte III

Padrões de Design para Interfaces Mobile
Padrões de Design para Interfaces MobilePadrões de Design para Interfaces Mobile
Padrões de Design para Interfaces MobileVlamir Carneiro Jr
 
Guia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianGuia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianMartian Digital
 
Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao UnicuritibamarceloMD
 
Qualidade De Sites no INA ey5yb4y
Qualidade De Sites no INA                      ey5yb4y                      Qualidade De Sites no INA                      ey5yb4y
Qualidade De Sites no INA ey5yb4y guestef5899
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interfaceOdair Cavichioli
 
Melhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento WebMelhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento WebKeidi Nienkotter
 
Html - Capitulo 03
Html - Capitulo 03Html - Capitulo 03
Html - Capitulo 03Alvaro Gomes
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteRenato Bongiorno Bonfanti
 
Guião pesquisa internet
Guião pesquisa internetGuião pesquisa internet
Guião pesquisa internetfilomenabarbosa
 

Similar to Desing de navegação web parte III (13)

Padrões de Design para Interfaces Mobile
Padrões de Design para Interfaces MobilePadrões de Design para Interfaces Mobile
Padrões de Design para Interfaces Mobile
 
Fundamentosdowebdesign
FundamentosdowebdesignFundamentosdowebdesign
Fundamentosdowebdesign
 
Guia de UX para SEO - JR Martian
Guia de UX para SEO - JR MartianGuia de UX para SEO - JR Martian
Guia de UX para SEO - JR Martian
 
Apresentacao Unicuritiba
Apresentacao UnicuritibaApresentacao Unicuritiba
Apresentacao Unicuritiba
 
Qualidade De Sites no INA ey5yb4y
Qualidade De Sites no INA                      ey5yb4y                      Qualidade De Sites no INA                      ey5yb4y
Qualidade De Sites no INA ey5yb4y
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
 
Construcao de Sites
Construcao de SitesConstrucao de Sites
Construcao de Sites
 
Hipertexto e jornalismo digital
Hipertexto e jornalismo digitalHipertexto e jornalismo digital
Hipertexto e jornalismo digital
 
Melhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento WebMelhores Práticas de Usabilidade no Desenvolvimento Web
Melhores Práticas de Usabilidade no Desenvolvimento Web
 
Endnote Web
Endnote WebEndnote Web
Endnote Web
 
Html - Capitulo 03
Html - Capitulo 03Html - Capitulo 03
Html - Capitulo 03
 
SEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu siteSEO - Vantagens que a Web Semântica ira trazer ao seu site
SEO - Vantagens que a Web Semântica ira trazer ao seu site
 
Guião pesquisa internet
Guião pesquisa internetGuião pesquisa internet
Guião pesquisa internet
 

More from Wellington Marion

Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade Wellington Marion
 
Liderando na Velocidade da Confiança
Liderando na Velocidade da ConfiançaLiderando na Velocidade da Confiança
Liderando na Velocidade da ConfiançaWellington Marion
 
As 5 tentações de um CEO
As 5 tentações de um CEOAs 5 tentações de um CEO
As 5 tentações de um CEOWellington Marion
 
Desing de navegação web parte IV
Desing de navegação web parte IVDesing de navegação web parte IV
Desing de navegação web parte IVWellington Marion
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoWellington Marion
 

More from Wellington Marion (9)

Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade Reuniões eficazes Integração Criatividade Produtividade
Reuniões eficazes Integração Criatividade Produtividade
 
Dicas de oratória
Dicas de oratóriaDicas de oratória
Dicas de oratória
 
Liderando na Velocidade da Confiança
Liderando na Velocidade da ConfiançaLiderando na Velocidade da Confiança
Liderando na Velocidade da Confiança
 
As 5 tentações de um CEO
As 5 tentações de um CEOAs 5 tentações de um CEO
As 5 tentações de um CEO
 
Test day 2012
Test day 2012Test day 2012
Test day 2012
 
Periódicos março testers
Periódicos março testersPeriódicos março testers
Periódicos março testers
 
TDC 2011 Trilha de Teste
TDC 2011 Trilha de TesteTDC 2011 Trilha de Teste
TDC 2011 Trilha de Teste
 
Desing de navegação web parte IV
Desing de navegação web parte IVDesing de navegação web parte IV
Desing de navegação web parte IV
 
Ergodesing e arquitetura de Informação
Ergodesing e arquitetura de InformaçãoErgodesing e arquitetura de Informação
Ergodesing e arquitetura de Informação
 

Desing de navegação web parte III

Editor's Notes

  1. 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
  2. Navegação Principal Navegação Local
  3. 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.
  4. 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.
  5. Conecta páginas e funcionalidades que ajudam as pessoas a usarem o site
  6. Navegação utilitária em vitaminshoppe.com
  7. 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
  8. Fornece um visão geral das principais categorias
  9. Visão geral de um grupo específico neste caso shirts (camisetas)
  10. Criar perfil, se registrar em site cadastrar curriculum
  11. “ 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. ”
  12. 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
  13. 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