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

Design de navegação web

on

  • 2,992 views

 

Statistics

Views

Total Views
2,992
Views on SlideShare
2,992
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 Design de navegação web Presentation Transcript

  • 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/