Design de navegação web

  • 2,544 views
Uploaded on

 

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
2,544
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
50
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/