Design de Navegação Web

Wellington Marion

http://www.flickr.com/photos/dcdead/4547624487/sizes/o/

James Kalbach

http://www.flickr.com/photos/20475648@N00/3143764143/

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

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

http://www.flickr.com/photos/44732300@N04/4718162647/sizes/l/in/pool-14477233@N00/

Obrigado!!

Referênciashttp://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/