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

Design de navegação web

on

  • 3,097 views

 

Statistics

Views

Total Views
3,097
Views on SlideShare
3,097
Embed Views
0

Actions

Likes
0
Downloads
50
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Design de navegação web Presentation 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/