http://www.asktog.com/images/NNGTog156.jpgPrimeiros princípios do DxI   por Bruce Tognazzini         Tersis Zonato        ...
Bruce Tognazzini• Publica   no site AskTog• 14   anos na Apple Computer• Umdos líderes do Nielsen Norman Group, junto com:...
Antecipação• Asaplicações devem tentar anteceder as necessidades e desejos do usuário• Reduziro trabalho do usuário, traze...
Antecipação
Autonomia•O computador, a interface e o ambiente da tarefa “pertencem” ao usuário• Fornecerinformações sobre o estado do s...
Autonomia
Autonomia
Daltonismo• Utilizar        pistas secundárias para transmitir a informação a quem não consegue diferenciar cores• Formas ...
Daltonismo
Consistência• Conceito   de unidade• Inconsistência              pode ser utilizada quando os elementos agem de forma dife...
Consistência
Padrões• Campos      podem ser selecionados automaticamente• Utilizar   máscaras em campos (data, CPF, CNPJ, etc)
Padrões
Eficiência do utilizador• Está   relacionada à produtividade• Pensar   em semântica• Posicionamento     dos elementos, hotl...
Eficiência do utilizador
Interfaces exploráveis• Pontos   de referência e caminhos visíveis• Permitir   a navegação livre e oferecer uma saída• Dis...
Lei de Fitts•O tempo para chegar a um objeto é uma função da distância ao objeto e o tamanho do alvo• Q1:   Ícones + legen...
Lei de Fitts• Q4:mostrar taskbar: pode ser disparada por acidente• Q5:   Apple registrou o menu bar• Q6:   menus hierárqui...
Lei de Fitts
Capacidade de ser aprendido• Curva   de aprendizagem• Tempo que o usuário leva até aprender a executar uma tarefa
Capacidade de ser aprendido
Redução do tempo latente• Reduzir   os tempos de espera do usuário• Resposta   visual, ampulheta, barra de progresso
Redução do tempo latente
Proteção do trabalho• Garantir   que o trabalho não seja perdido em caso de erro
Proteção do trabalho
Monitorar o estado• Se é a primeira vez que um usuário esteve no sistema.• Onde   o usuário está• Onde   o usuário pode ir...
Monitorar o estado
Navegação visível•Amaioria dos usuários não constroem mapas mentais e ficam perdidos ou cansados• Uma má navegação pode cau...
Navegação visível
Metáforas de uso• Permitem    aos usuários vislumbrar os detalhes• Cria   uma linguagem (semiótica)
Tecnologias do passado                         http://www.youtube.com/watch?v=2t4BmLJsT0w
Muito obrigado!     @tersis
Upcoming SlideShare
Loading in …5
×

Primeiros princípios do DxI por Bruce Tognazzini

1,261 views

Published on

Published in: Design
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,261
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
30
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Primeiros princípios do DxI por Bruce Tognazzini

  1. 1. http://www.asktog.com/images/NNGTog156.jpgPrimeiros princípios do DxI por Bruce Tognazzini Tersis Zonato 2011
  2. 2. Bruce Tognazzini• Publica no site AskTog• 14 anos na Apple Computer• Umdos líderes do Nielsen Norman Group, junto com: • Jakob Nielsen • Donald A. Norman
  3. 3. Antecipação• Asaplicações devem tentar anteceder as necessidades e desejos do usuário• Reduziro trabalho do usuário, trazendo as informações para ele
  4. 4. Antecipação
  5. 5. Autonomia•O computador, a interface e o ambiente da tarefa “pertencem” ao usuário• Fornecerinformações sobre o estado do sistema para manter os usuário informados. Essas informações devem estar visíveis.• As regras não devem ser esquecidas
  6. 6. Autonomia
  7. 7. Autonomia
  8. 8. Daltonismo• Utilizar pistas secundárias para transmitir a informação a quem não consegue diferenciar cores• Formas diferentes ou legenda de texto ajudam
  9. 9. Daltonismo
  10. 10. Consistência• Conceito de unidade• Inconsistência pode ser utilizada quando os elementos agem de forma diferente• Expectativa dos utilizadores
  11. 11. Consistência
  12. 12. Padrões• Campos podem ser selecionados automaticamente• Utilizar máscaras em campos (data, CPF, CNPJ, etc)
  13. 13. Padrões
  14. 14. Eficiência do utilizador• Está relacionada à produtividade• Pensar em semântica• Posicionamento dos elementos, hotlinks, atalhos de teclado, etc• Eficiente: Inserir / imagem• Não eficiente: Editar / Inserir Imagem
  15. 15. Eficiência do utilizador
  16. 16. Interfaces exploráveis• Pontos de referência e caminhos visíveis• Permitir a navegação livre e oferecer uma saída• Disponibilizar ao usuário dicas para uma sensação de “estar em casa”• Fazer ações reversíveis (permitir o desfazer: undo)
  17. 17. Lei de Fitts•O tempo para chegar a um objeto é uma função da distância ao objeto e o tamanho do alvo• Q1: Ícones + legendas (área de hit)• Q2: Disposição palheta 2x8 vs. 1x16. Com apenas uma coluna fica mais eficiente• Q3: Cinco locais de fácil acesso para o usuário?
  18. 18. Lei de Fitts• Q4:mostrar taskbar: pode ser disparada por acidente• Q5: Apple registrou o menu bar• Q6: menus hierárquicos• Q7: menu circular• Q8:menus hierárquicos lineares, para acessar horizontalmente
  19. 19. Lei de Fitts
  20. 20. Capacidade de ser aprendido• Curva de aprendizagem• Tempo que o usuário leva até aprender a executar uma tarefa
  21. 21. Capacidade de ser aprendido
  22. 22. Redução do tempo latente• Reduzir os tempos de espera do usuário• Resposta visual, ampulheta, barra de progresso
  23. 23. Redução do tempo latente
  24. 24. Proteção do trabalho• Garantir que o trabalho não seja perdido em caso de erro
  25. 25. Proteção do trabalho
  26. 26. Monitorar o estado• Se é a primeira vez que um usuário esteve no sistema.• Onde o usuário está• Onde o usuário pode ir• Onde o usuário esteve durante a sessão• Ondeo usuário esteve quando saiu na última sessão
  27. 27. Monitorar o estado
  28. 28. Navegação visível•Amaioria dos usuários não constroem mapas mentais e ficam perdidos ou cansados• Uma má navegação pode causar abandono do software ou sistema em questão
  29. 29. Navegação visível
  30. 30. Metáforas de uso• Permitem aos usuários vislumbrar os detalhes• Cria uma linguagem (semiótica)
  31. 31. Tecnologias do passado http://www.youtube.com/watch?v=2t4BmLJsT0w
  32. 32. Muito obrigado! @tersis

×