Your SlideShare is downloading. ×
Design de navegação web
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Design de navegação web

2,586
views

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,586
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
51
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Design de Navegação Web Wellington Marion
  • 2. http://www.flickr.com/photos/dcdead/4547624487/sizes/o/
  • 3. http://www.flickr.com/photos/20475648@N00/3143764143/ James Kalbach
  • 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. 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. 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. 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. 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. Design de Navegação Web Wellington Marion
  • 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. 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. 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. 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. 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. 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. Obrigado!! http://www.flickr.com/photos/44732300@N04/4718162647/sizes/l/in/pool-14477233@N00
  • 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/