![Page 1: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/1.jpg)
Primeiros princípios do DxIpor Bruce Tognazzini
Tersis Zonato2011
http://w
ww.asktog.co
m/im
ages/N
NGTo
g156
.jpg
![Page 2: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/2.jpg)
•Publica no site AskTog
• 14 anos na Apple Computer
•Um dos líderes do Nielsen Norman Group, junto com:
• Jakob Nielsen
•Donald A. Norman
Bruce Tognazzini
![Page 3: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/3.jpg)
•As aplicações devem tentar anteceder as necessidades e desejos do usuário
•Reduzir o trabalho do usuário, trazendo as informações para ele
Antecipação
![Page 4: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/4.jpg)
Antecipação
![Page 5: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/5.jpg)
•O computador, a interface e o ambiente da tarefa “pertencem” ao usuário
• Fornecer informaçõ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
Autonomia
![Page 6: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/6.jpg)
Autonomia
![Page 7: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/7.jpg)
Autonomia
![Page 8: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/8.jpg)
•Utilizar pistas secundárias para transmitir a informação a quem não consegue diferenciar cores
• Formas diferentes ou legenda de texto ajudam
Daltonismo
![Page 9: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/9.jpg)
Daltonismo
![Page 10: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/10.jpg)
•Conceito de unidade
• Inconsistência pode ser utilizada quando os elementos agem de forma diferente
• Expectativa dos utilizadores
Consistência
![Page 11: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/11.jpg)
Consistência
![Page 12: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/12.jpg)
•Campos podem ser selecionados automaticamente
•Utilizar máscaras em campos (data, CPF, CNPJ, etc)
Padrões
![Page 13: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/13.jpg)
Padrões
![Page 14: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/14.jpg)
• Está relacionada à produtividade
•Pensar em semântica
•Posicionamento dos elementos, hotlinks, atalhos de teclado, etc
• Eficiente: Inserir / imagem
•Não eficiente: Editar / Inserir Imagem
Eficiência do utilizador
![Page 15: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/15.jpg)
Eficiência do utilizador
![Page 16: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/16.jpg)
•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)
Interfaces exploráveis
![Page 17: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/17.jpg)
• 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?
Lei de Fitts
![Page 18: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/18.jpg)
•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
Lei de Fitts
![Page 19: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/19.jpg)
Lei de Fitts
![Page 20: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/20.jpg)
•Curva de aprendizagem
• Tempo que o usuário leva até aprender a executar uma tarefa
Capacidade de ser aprendido
![Page 21: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/21.jpg)
Capacidade de ser aprendido
![Page 22: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/22.jpg)
•Reduzir os tempos de espera do usuário
•Resposta visual, ampulheta, barra de progresso
Redução do tempo latente
![Page 23: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/23.jpg)
Redução do tempo latente
![Page 24: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/24.jpg)
•Garantir que o trabalho não seja perdido em caso de erro
Proteção do trabalho
![Page 25: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/25.jpg)
Proteção do trabalho
![Page 26: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/26.jpg)
•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
•Onde o usuário esteve quando saiu na última sessão
Monitorar o estado
![Page 27: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/27.jpg)
Monitorar o estado
![Page 28: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/28.jpg)
•A maioria 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
Navegação visível
![Page 29: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/29.jpg)
Navegação visível
![Page 30: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/30.jpg)
•Permitem aos usuários vislumbrar os detalhes
•Cria uma linguagem (semiótica)
Metáforas de uso
![Page 31: Primeiros princípios do DxI por Bruce Tognazzini](https://reader033.vdocuments.pub/reader033/viewer/2022061519/55878aa5d8b42a42318b4706/html5/thumbnails/31.jpg)
Tecnologias do passado
http://w
ww.you
tube
.com
/watch
?v=2t4B
mLJ
sT0w