Design de Navegação Web por Richard Barros #13elw

1.834 visualizações

Publicada em

Lightning Talk sobre Design de Navegação Web que rolou no Encontro Locaweb em 19/05/2011 no RJ

Publicada em: Design
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
1.834
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
20
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • Design de Navegação Web por Richard Barros #13elw

    1. 1. Design deNavegação Web 13˚ Encontro Locaweb - 2011 @richardbarros www.rbinterativa.com.br
    2. 2. Navegar é preciso.
    3. 3. Navegar é uma arte precisa.
    4. 4. Navegar é uma arte precisa. (ou pelo menos deveria ser)
    5. 5. Links
    6. 6. Hierarquia
    7. 7. Pode parecer fácil, mas...
    8. 8. Pra você ter uma ideia....Criar uma página no Joomla. 1. Painel de controle 2. Adicionar novo artigo 3. Digite um titulo, escolha categoria e seção. 4. Salve.
    9. 9. Pra você ter uma ideia....Criar uma página no Joomla. 5. Em Menu, selecione uma área onde deseja criar a página. 6. Selecione Novo, Links internos, Artigos e finalmente o template do Artigo.
    10. 10. Pra você ter uma ideia....Criar uma página no Joomla. 7. Preencha um título para o objeto de menu. 8. Na lista da direita, clique em selecionar e escolha um dos artigos criados.
    11. 11. Pra você ter uma ideia....Criar uma página no Joomla. 9. Salve.
    12. 12. Uma boa interface é aquela que passa despercebida.
    13. 13. Pra você ter uma ideia....Criar uma página no Wordpress. 1. Em Páginas, selecione Adicionar Nova. 2. Preencha o conteúdo e escolha a página Pai, caso exista. 3. Publique.
    14. 14. Design centrado na tecnologia? “Só dá pra fazer se for assim”
    15. 15. Design centrado no designer?“Dei uma revolucionada no menu”
    16. 16. Design centrado no usuário.
    17. 17. 5 dicas para uma boa navegação.1) BalançoQuanto mais ítens de menu, menor a profundidadee quanto menos itens de menu, maior a hierarquia.Equilibre a navegação.
    18. 18. 5 dicas para uma boa navegação.2) Curva de aprendizadoO usuário não espera aprender a usar um site. Não existeexpectativa de estudar um manual para entender o que vocêfaz.Use com bom senso os padrões de navegação.
    19. 19. 5 dicas para uma boa navegação.3) ConsistênciaO usuário espera encontrar uma experiência denavegação semelhante ao longo de todo o site.Mantenha um padrão para o peso e a posição dos links.
    20. 20. 5 dicas para uma boa navegação.4) FeedbackO usuário precisa de recursos visuais para entender emque nível de acesso ele está na hierarquia de páginas.Ofereça informações sobre o andamento da navegação.
    21. 21. 5 dicas para uma boa navegação.5) Interações ricasNem sempre é necessário carregar uma nova página paranavegar pelo site. Você pode enriquecer sua interface comjavascript e css.Crie soluções interativas.
    22. 22. Onde posso aprender mais?Steve Krug, James Kalbach, Russ Unger/Carolyn Chandler,Não me faça pensar. Design de navegação web. Project Guide to UX Design.
    23. 23. Obrigado! siga @richardbarroswww.richardbarros.com.br

    ×