SlideShare une entreprise Scribd logo
1  sur  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

Contenu connexe

Tendances

Diagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDiagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDjonathas Cardoso
 
3 - Modelo Entidade Relacionamento
3 - Modelo Entidade Relacionamento3 - Modelo Entidade Relacionamento
3 - Modelo Entidade RelacionamentoCris Fidelix
 
Segurança em Banco de Dados
Segurança em Banco de DadosSegurança em Banco de Dados
Segurança em Banco de DadosIorgama Porcely
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworksandreluizlc
 
06 Modelagem de banco de dados: Modelo Lógico
06  Modelagem de banco de dados: Modelo Lógico06  Modelagem de banco de dados: Modelo Lógico
06 Modelagem de banco de dados: Modelo LógicoCentro Paula Souza
 
Aula 8 - Validação - parte 1
Aula 8 - Validação - parte 1Aula 8 - Validação - parte 1
Aula 8 - Validação - parte 1Pacc UAB
 
Relatório de desenvolvimento de website
Relatório de desenvolvimento de websiteRelatório de desenvolvimento de website
Relatório de desenvolvimento de websitenenhuma
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de Softwareelliando dias
 
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol..."Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...Suelybcs .
 
Conceção e desenvolvimento de ambientes de aprendizagem online
Conceção e desenvolvimento de ambientes de aprendizagem onlineConceção e desenvolvimento de ambientes de aprendizagem online
Conceção e desenvolvimento de ambientes de aprendizagem onlineGuilhermina Miranda
 
Regras como elaborar_um_power_point
Regras como elaborar_um_power_pointRegras como elaborar_um_power_point
Regras como elaborar_um_power_pointMarco Tadeu
 
Estrutura de Dados II - Apresentação da Disciplina
Estrutura de Dados II - Apresentação da DisciplinaEstrutura de Dados II - Apresentação da Disciplina
Estrutura de Dados II - Apresentação da DisciplinaDaniel Arndt Alves
 
Aula 1 - Introdução a POO
Aula 1 -  Introdução a POOAula 1 -  Introdução a POO
Aula 1 - Introdução a POODaniel Brandão
 
Projeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareProjeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareAragon Vieira
 
Aula - Arquiteturas de aplicações móveis
Aula - Arquiteturas de aplicações móveisAula - Arquiteturas de aplicações móveis
Aula - Arquiteturas de aplicações móveisJanynne Gomes
 
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...Fernanda Ledesma
 

Tendances (20)

Modelo caso uso
Modelo caso usoModelo caso uso
Modelo caso uso
 
Diagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados IDiagrama Entidade Relacionamento - Bancos de Dados I
Diagrama Entidade Relacionamento - Bancos de Dados I
 
3 - Modelo Entidade Relacionamento
3 - Modelo Entidade Relacionamento3 - Modelo Entidade Relacionamento
3 - Modelo Entidade Relacionamento
 
Segurança em Banco de Dados
Segurança em Banco de DadosSegurança em Banco de Dados
Segurança em Banco de Dados
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworks
 
06 Modelagem de banco de dados: Modelo Lógico
06  Modelagem de banco de dados: Modelo Lógico06  Modelagem de banco de dados: Modelo Lógico
06 Modelagem de banco de dados: Modelo Lógico
 
Banco de dados aula 2
Banco de dados  aula 2Banco de dados  aula 2
Banco de dados aula 2
 
Programação Web com HTML e CSS
Programação Web com HTML e CSSProgramação Web com HTML e CSS
Programação Web com HTML e CSS
 
Aula 8 - Validação - parte 1
Aula 8 - Validação - parte 1Aula 8 - Validação - parte 1
Aula 8 - Validação - parte 1
 
Relatório de desenvolvimento de website
Relatório de desenvolvimento de websiteRelatório de desenvolvimento de website
Relatório de desenvolvimento de website
 
Orientações TCC Eng Comp
Orientações TCC Eng CompOrientações TCC Eng Comp
Orientações TCC Eng Comp
 
Arquitetura de Software
Arquitetura de SoftwareArquitetura de Software
Arquitetura de Software
 
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol..."Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...
"Fontes de indexação para periódicos científicos", Palestra de Gildenir Carol...
 
Conceção e desenvolvimento de ambientes de aprendizagem online
Conceção e desenvolvimento de ambientes de aprendizagem onlineConceção e desenvolvimento de ambientes de aprendizagem online
Conceção e desenvolvimento de ambientes de aprendizagem online
 
Regras como elaborar_um_power_point
Regras como elaborar_um_power_pointRegras como elaborar_um_power_point
Regras como elaborar_um_power_point
 
Estrutura de Dados II - Apresentação da Disciplina
Estrutura de Dados II - Apresentação da DisciplinaEstrutura de Dados II - Apresentação da Disciplina
Estrutura de Dados II - Apresentação da Disciplina
 
Aula 1 - Introdução a POO
Aula 1 -  Introdução a POOAula 1 -  Introdução a POO
Aula 1 - Introdução a POO
 
Projeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareProjeto e Desenvolvimento de Software
Projeto e Desenvolvimento de Software
 
Aula - Arquiteturas de aplicações móveis
Aula - Arquiteturas de aplicações móveisAula - Arquiteturas de aplicações móveis
Aula - Arquiteturas de aplicações móveis
 
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...
Sobre as Aprendizagens Essenciais para Disciplina de TIC dos Cursos Profissio...
 

En vedette

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
 

En vedette (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
 

Similaire à Tipos de Navegação Web e Design

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
 
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
 
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
 

Similaire à Tipos de Navegação Web e Design (14)

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
 
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
 
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
 

Plus de 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
 

Plus de 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
 

Tipos de Navegação Web e Design

Notes de l'éditeur

  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