0
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 mestrad...
Organização deste livro
• 1 Fundamentos da Navegação



• 2 Um framework para Design de Navegação



• 3 Navegação em Cont...
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 ...
Filosofia de design
• Maioria de projetos web tem perspectiva de
  designer.

• Design centrado no usuário

• Design centr...
Filosofia de design
• Design centrado na empresa

• Design centrado no conteúdo

• Design centrado na tecnologia




     ...
Design de Navegação Web




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


   Fo...
Projetar uma aplicação web
   Como são chamados os conceitos primários
    do sistema?
       EDI


    Como são chamad...
Projetar uma aplicação web
   Como são chamadas as ações que os usuários
    podem efetuar sobre os conceitos?
       Cr...
Projetando para emoção

Projetar para experiências do usuários

Engajamento do usuário

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


   Seleção
       Ide...
O processo de busca por
                 informação
   Formulação
       Confiança e incerteza


   Coleção
       Con...
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/
...
Design de navegação web
Design de navegação web
Design de navegação web
Design de navegação web
Design de navegação web
Design de navegação web
Design de navegação web
Upcoming SlideShare
Loading in...5
×

Design de navegação web

2,785

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
2,785
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
53
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Design de navegação web"

  1. 1. Design de Navegação Web Wellington Marion
  2. 2. http://www.flickr.com/photos/dcdead/4547624487/sizes/o/
  3. 3. http://www.flickr.com/photos/20475648@N00/3143764143/ James Kalbach
  4. 4. 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/
  5. 5. 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
  6. 6. 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/
  7. 7. 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/
  8. 8. 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/
  9. 9. Design de Navegação Web Wellington Marion
  10. 10. 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
  11. 11. 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
  12. 12. 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.
  13. 13. 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.
  14. 14. 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
  15. 15. 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
  16. 16. Obrigado!! http://www.flickr.com/photos/44732300@N04/4718162647/sizes/l/in/pool-14477233@N00
  17. 17. 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/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×