SlideShare a Scribd company logo
1 of 24
Download to read offline
Design de Navegação Web




    Wellington Marion
http://www.flickr.com/photos/dcdead/4547624487/sizes/o/
http://www.flickr.com/photos/20475648@N00/3143764143/


James Kalbach
Sobre o autor
• James Kalbach é graduado em
  biblioteconomia e ciências da informação pela
  Rutgers University e mestrado em teoria e
  composição musical.

• Engenheiro de fatores humanos na LexisNexis,
  empresa líder no fornecimento de informação
  legais e notícias. Mora na Alemanha na cidade
  Hamburgo.

                      http://www.flickr.com/photos/groundzero/121209620/sizes/l/in/set-72057594111871203/
Organização deste livro
• 1 Fundamentos da Navegação



• 2 Um framework para Design de Navegação



• 3 Navegação em Contextos Especiais


                         http://www.flickr.com/photos/groundzero/121211152/sizes/l/in/photostrea
Definição navegação web
• A teoria e a pratica de como as pessoas
  movem-se de página para página na Web
• O processo de busca direcionada a objetivos e
  localização de informação hiperligadas;
  navegação web
• Todos os links, rótulos e outros elementos que
  fornecem acesso a páginas e auxiliam as
  pessoas orientar-se interagem com um dado
  site web

                     http://www.flickr.com/photos/44732300@N04/4764500270/sizes/l/in/pool-14477233@N00/
Filosofia de design
• Maioria de projetos web tem perspectiva de
  designer.

• Design centrado no usuário

• Design centrado no design



                 http://www.flickr.com/photos/patrick-smith-photography/4566993532/sizes/o/in/photostream/
Filosofia de design
• Design centrado na empresa

• Design centrado no conteúdo

• Design centrado na tecnologia




                   http://www.flickr.com/photos/patrick-smith-photography/4566993532/sizes/o/in/photostream/
Design de Navegação Web




    Wellington Marion
As Vantagens do design centrado
              no usuário
Reduzir custo.
       Expor problemas e detectar falhas


   Fomentando inovação real.
       Experiências do usuários


   Fornecendo uma vantagem estratégica
       Cultura, social, cognitivo e físico
Projetar uma aplicação web
   Como são chamados os conceitos primários
    do sistema?
       EDI


    Como são chamados os conceitos
    secundários?
       Pagamento ou cobrança
Projetar uma aplicação web
   Como são chamadas as ações que os usuários
    podem efetuar sobre os conceitos?
       Criar, Aprovar, Reprovar


   Como você pode obter vantagens?
       Rapidez, qualidade, garantia.
Projetando para emoção

Projetar para experiências do usuários

Engajamento do usuário

Prazer ao usar o mesmo e divertir-se ao usar.
O processo de busca por
                 informação
   Iniciação
       Lacuna no conhecimento


   Seleção
       Identificar e selecionar o tópico de investigação


   Exploração
       Sentimento de incerteza, confusão e dúvida
O processo de busca por
                 informação
   Formulação
       Confiança e incerteza


   Coleção
       Confiança continua aumentando


   Apresentação
       Sensação de satisfação ou descontentamento
Obrigado!!

    http://www.flickr.com/photos/44732300@N04/4718162647/sizes/l/in/pool-14477233@N00
Referências
http://www.flickr.com/photos/20475648@N00/3143764143/
http://www.flickr.com/photos/dcdead/4547624487/sizes/o/
http://www.flickr.com/photos/patrick-smith-photography/4668777251/sizes/l/in/photostream/
http://www.flickr.com/photos/benheine/3968288061/sizes/o/in/set-72157622526489442/
http://www.flickr.com/photos/vicfan/4130460992/sizes/l/in/set-72157622872611854/
http://www.flickr.com/photos/patrick-smith-photography/4627088684/sizes/o/in/photostream/
http://www.flickr.com/photos/patrick-smith-photography/4606623402/sizes/o/in/photostream/
http://www.flickr.com/photos/44732300@N04/4764500270/sizes/l/in/pool-14477233@N00/
http://www.flickr.com/photos/patrick-smith-photography/4690727287/sizes/l/in/photostream/
http://www.flickr.com/photos/patrick-smith-photography/3778473630/sizes/o/in/photostream/
http://www.flickr.com/photos/patrick-smith-photography/3578457069/sizes/o/in/photostream/

More Related Content

Viewers also liked

Desing de navegação web parte III
Desing de navegação web parte IIIDesing de navegação web parte III
Desing de navegação web parte IIIWellington Marion
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao brandingJoão Alves
 
HTML, CSS & Style Guides
HTML, CSS & Style GuidesHTML, CSS & Style Guides
HTML, CSS & Style GuidesBruno Trecenti
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoKarine Drumond
 
Apresentação do livro o guia para projetar ux
Apresentação do livro o guia para projetar uxApresentação do livro o guia para projetar ux
Apresentação do livro o guia para projetar uxLucas Darros Lorençon
 
[QCon Rio 2015] UX para desenvolvedores
[QCon Rio 2015] UX para desenvolvedores[QCon Rio 2015] UX para desenvolvedores
[QCon Rio 2015] UX para desenvolvedoresTássia Spinelli
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuMarcello Cardoso
 
UX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosUX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosPriscilla Albuquerque
 
Projetando além da usabilidade
Projetando além da usabilidadeProjetando além da usabilidade
Projetando além da usabilidadefmemoria
 
Princípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de InterfacesPrincípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de Interfacesperes marlene
 
Verner Panton
Verner PantonVerner Panton
Verner Pantonjasmine_
 
Apresentação Terreno Maraponga
Apresentação Terreno MarapongaApresentação Terreno Maraponga
Apresentação Terreno MarapongaItaloHolanda
 
UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015Samantha Rosa
 

Viewers also liked (19)

Desing de navegação web parte III
Desing de navegação web parte IIIDesing de navegação web parte III
Desing de navegação web parte III
 
Design para a web - da interface ao branding
Design para a web - da interface ao brandingDesign para a web - da interface ao branding
Design para a web - da interface ao branding
 
HTML, CSS & Style Guides
HTML, CSS & Style GuidesHTML, CSS & Style Guides
HTML, CSS & Style Guides
 
HTML/CSS Patterns
HTML/CSS PatternsHTML/CSS Patterns
HTML/CSS Patterns
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Apresentação do livro o guia para projetar ux
Apresentação do livro o guia para projetar uxApresentação do livro o guia para projetar ux
Apresentação do livro o guia para projetar ux
 
UX Design na AG2
UX Design na AG2UX Design na AG2
UX Design na AG2
 
[QCon Rio 2015] UX para desenvolvedores
[QCon Rio 2015] UX para desenvolvedores[QCon Rio 2015] UX para desenvolvedores
[QCon Rio 2015] UX para desenvolvedores
 
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcuUsabilidade 2 - Metas, princípios e leis do design, agile vs dcu
Usabilidade 2 - Metas, princípios e leis do design, agile vs dcu
 
UX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negóciosUX como estratégia para conquistar clientes e impactar negócios
UX como estratégia para conquistar clientes e impactar negócios
 
UX - Entregaveis
UX - EntregaveisUX - Entregaveis
UX - Entregaveis
 
Marília Veiga Interiores
Marília Veiga Interiores Marília Veiga Interiores
Marília Veiga Interiores
 
Projetando além da usabilidade
Projetando além da usabilidadeProjetando além da usabilidade
Projetando além da usabilidade
 
Princípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de InterfacesPrincípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de Interfaces
 
Verner Panton
Verner PantonVerner Panton
Verner Panton
 
Apresentação Terreno Maraponga
Apresentação Terreno MarapongaApresentação Terreno Maraponga
Apresentação Terreno Maraponga
 
Verner Panton
Verner PantonVerner Panton
Verner Panton
 
Arquitetura
ArquiteturaArquitetura
Arquitetura
 
UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015UX para desenvolvedores - UX Conf BR 2015
UX para desenvolvedores - UX Conf BR 2015
 

Similar to Design de navegação web

Curso de Marketing Digital - dia 2
Curso de Marketing Digital - dia 2Curso de Marketing Digital - dia 2
Curso de Marketing Digital - dia 2PontoBr Digital
 
10 Razões para continuar apostando nos Blogs
10 Razões para continuar apostando nos Blogs10 Razões para continuar apostando nos Blogs
10 Razões para continuar apostando nos BlogsPaperCliQ Comunicação
 
Design Thinking -Análise e Síntese
Design Thinking -Análise e SínteseDesign Thinking -Análise e Síntese
Design Thinking -Análise e SínteseUFPA
 
Gestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisGestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisLisandra Maioli
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de InterfacesAna Migowski
 
Introducão à Ciência de Dados
Introducão à Ciência de DadosIntroducão à Ciência de Dados
Introducão à Ciência de DadosJoão Pedro Albino
 
Growth hacking e a redefinição do marketing digital - Maratona Digital
Growth hacking e a redefinição do marketing digital - Maratona DigitalGrowth hacking e a redefinição do marketing digital - Maratona Digital
Growth hacking e a redefinição do marketing digital - Maratona DigitalMaratona Digital
 
Como o Profissional de RP pode utilizar as mídias digitais
Como o Profissional de RP pode utilizar as mídias digitaisComo o Profissional de RP pode utilizar as mídias digitais
Como o Profissional de RP pode utilizar as mídias digitaisGutenberg Almeida
 
Oficina de Criacao e Validacao de Ideias
Oficina de Criacao e Validacao de IdeiasOficina de Criacao e Validacao de Ideias
Oficina de Criacao e Validacao de IdeiasUFPA
 
Enlink - Marketing Digital para Pequenas e Medias Empresas
Enlink - Marketing Digital para Pequenas e Medias EmpresasEnlink - Marketing Digital para Pequenas e Medias Empresas
Enlink - Marketing Digital para Pequenas e Medias EmpresasEnlink
 
Monitoramento Online e Coleta de Dados para Pesquisa Acadêmica
Monitoramento Online e Coleta de Dados para Pesquisa AcadêmicaMonitoramento Online e Coleta de Dados para Pesquisa Acadêmica
Monitoramento Online e Coleta de Dados para Pesquisa AcadêmicaPaperCliQ Comunicação
 
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)Catarse
 
Construa o seu website com o wordpress
Construa o seu website com o wordpressConstrua o seu website com o wordpress
Construa o seu website com o wordpressCady Bocum
 
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...Arthur Fortes
 
Gerenciamento de Informações
Gerenciamento de InformaçõesGerenciamento de Informações
Gerenciamento de InformaçõesFabian Gehrke
 

Similar to Design de navegação web (20)

Curso de Marketing Digital - dia 2
Curso de Marketing Digital - dia 2Curso de Marketing Digital - dia 2
Curso de Marketing Digital - dia 2
 
10 Razões para continuar apostando nos Blogs
10 Razões para continuar apostando nos Blogs10 Razões para continuar apostando nos Blogs
10 Razões para continuar apostando nos Blogs
 
Design Thinking -Análise e Síntese
Design Thinking -Análise e SínteseDesign Thinking -Análise e Síntese
Design Thinking -Análise e Síntese
 
Gestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias SociaisGestão de Conteudo para Midias Sociais
Gestão de Conteudo para Midias Sociais
 
Design de Interfaces
Design de InterfacesDesign de Interfaces
Design de Interfaces
 
Introducão à Ciência de Dados
Introducão à Ciência de DadosIntroducão à Ciência de Dados
Introducão à Ciência de Dados
 
Growth hacking e a redefinição do marketing digital - Maratona Digital
Growth hacking e a redefinição do marketing digital - Maratona DigitalGrowth hacking e a redefinição do marketing digital - Maratona Digital
Growth hacking e a redefinição do marketing digital - Maratona Digital
 
SurveyMonkey
SurveyMonkeySurveyMonkey
SurveyMonkey
 
Como o Profissional de RP pode utilizar as mídias digitais
Como o Profissional de RP pode utilizar as mídias digitaisComo o Profissional de RP pode utilizar as mídias digitais
Como o Profissional de RP pode utilizar as mídias digitais
 
Oficina de Criacao e Validacao de Ideias
Oficina de Criacao e Validacao de IdeiasOficina de Criacao e Validacao de Ideias
Oficina de Criacao e Validacao de Ideias
 
Enlink - Marketing Digital para Pequenas e Medias Empresas
Enlink - Marketing Digital para Pequenas e Medias EmpresasEnlink - Marketing Digital para Pequenas e Medias Empresas
Enlink - Marketing Digital para Pequenas e Medias Empresas
 
Monitoramento Online e Coleta de Dados para Pesquisa Acadêmica
Monitoramento Online e Coleta de Dados para Pesquisa AcadêmicaMonitoramento Online e Coleta de Dados para Pesquisa Acadêmica
Monitoramento Online e Coleta de Dados para Pesquisa Acadêmica
 
Cesar.Edu Turma S2I
Cesar.Edu Turma S2ICesar.Edu Turma S2I
Cesar.Edu Turma S2I
 
Ideação de Produtos e Geração de Ideias
Ideação de Produtos e Geração de Ideias Ideação de Produtos e Geração de Ideias
Ideação de Produtos e Geração de Ideias
 
Fase de Validação - Encaixe Produto Mercado
Fase de Validação -  Encaixe Produto MercadoFase de Validação -  Encaixe Produto Mercado
Fase de Validação - Encaixe Produto Mercado
 
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)
Oficina de Financiamento Coletivo para Quadrinhos (FIQ 2013)
 
Construa o seu website com o wordpress
Construa o seu website com o wordpressConstrua o seu website com o wordpress
Construa o seu website com o wordpress
 
Algumas dicas para o uso da web
Algumas dicas para o uso da webAlgumas dicas para o uso da web
Algumas dicas para o uso da web
 
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...
Sistemas de Recomendação Aplicados a WebComo converter visitantes em comprado...
 
Gerenciamento de Informações
Gerenciamento de InformaçõesGerenciamento de Informações
Gerenciamento de Informações
 

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
 

Design de navegação web