SlideShare uma empresa Scribd logo
1 de 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

Mais conteúdo relacionado

Mais procurados

Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Pacc UAB
 
Arquitetura de Software Visão Geral
Arquitetura de Software Visão GeralArquitetura de Software Visão Geral
Arquitetura de Software Visão Geralsergiocrespo
 
Treinamento sobre o GIMP
Treinamento sobre o GIMPTreinamento sobre o GIMP
Treinamento sobre o GIMPMarco Lamim
 
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...Marcos Alves Vieira
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Jorge Cardoso
 
Engenharia de software para Web
Engenharia de software para WebEngenharia de software para Web
Engenharia de software para WebIuri Matos
 
Métricas de Software
Métricas de SoftwareMétricas de Software
Métricas de Softwareelliando dias
 
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
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeNécio de Lima Veras
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informaçãoCristiane Mendes
 
Aula 01 informatica basica - introducao a informatica
Aula 01   informatica basica - introducao a informaticaAula 01   informatica basica - introducao a informatica
Aula 01 informatica basica - introducao a informaticaKassiana Marques
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosUTFPR
 
Aula 2. frameworks js
Aula 2. frameworks jsAula 2. frameworks js
Aula 2. frameworks jsandreluizlc
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento webRodrigo Rodrigues
 

Mais procurados (20)

Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1
 
Arquitetura de Software Visão Geral
Arquitetura de Software Visão GeralArquitetura de Software Visão Geral
Arquitetura de Software Visão Geral
 
Treinamento sobre o GIMP
Treinamento sobre o GIMPTreinamento sobre o GIMP
Treinamento sobre o GIMP
 
Servidores de impressão
Servidores de impressãoServidores de impressão
Servidores de impressão
 
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...
Engenharia Dirigida por Modelos no Desenvolvimento de Aplicações Ubíquas: Tec...
 
Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao Conceitos fundamentais de_programacao
Conceitos fundamentais de_programacao
 
Aula Xml Schema - XSD
Aula Xml Schema - XSDAula Xml Schema - XSD
Aula Xml Schema - XSD
 
Criação de Sites web Tutorial
Criação de Sites web TutorialCriação de Sites web Tutorial
Criação de Sites web Tutorial
 
Aps ifood
Aps ifoodAps ifood
Aps ifood
 
Engenharia de software para Web
Engenharia de software para WebEngenharia de software para Web
Engenharia de software para Web
 
Métricas de Software
Métricas de SoftwareMétricas de Software
Métricas de Software
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
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
 
Conceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidadeConceitos básicos de usabilidade e acessibilidade
Conceitos básicos de usabilidade e acessibilidade
 
Arquitetura da informação
Arquitetura da informaçãoArquitetura da informação
Arquitetura da informação
 
Aula 01 informatica basica - introducao a informatica
Aula 01   informatica basica - introducao a informaticaAula 01   informatica basica - introducao a informatica
Aula 01 informatica basica - introducao a informatica
 
Arquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e ExercíciosArquitetura da Informação: Estudos de Caso e Exercícios
Arquitetura da Informação: Estudos de Caso e Exercícios
 
Aula 2. frameworks js
Aula 2. frameworks jsAula 2. frameworks js
Aula 2. frameworks js
 
Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Interface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHCInterface Homem Computador - Aula02 - Principios de design em IHC
Interface Homem Computador - Aula02 - Principios de design em IHC
 

Destaque

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
 

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

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

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

Mais 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
 

Mais 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
 

Desing de navegação web parte III

Notas do Editor

  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