Aula 04 Ergonomia

848 visualizações

Publicada em

jouoonuo

Publicada em: Tecnologia, Negócios
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
848
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1
Ações
Compartilhamentos
0
Downloads
36
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Aula 04 Ergonomia

  1. 1. Ergonomia de Interfaces de Software
  2. 2. Conceito Ergonomia (do grego ergo : trabalho e nomos : leis) Ciência que tem como objetivo a compreensão da interação entre o homem e os outros elementos de um sistema de trabalho.
  3. 3. Forma de Apresentação <ul><li>Critérios elementares </li></ul><ul><ul><li>Aspectos necessários para se criar interfaces ergonômicas. </li></ul></ul><ul><li>Recomendações </li></ul><ul><ul><li>Para o cumprimento de cada critério, serão apresentadas diversas recomendações. </li></ul></ul>
  4. 4. Critérios Elementares <ul><li>Presteza </li></ul><ul><li>Agrupamento por localização </li></ul><ul><li>Agrupamento por formato </li></ul><ul><li>Feedback </li></ul><ul><li>Legibilidade </li></ul><ul><li>Concisão </li></ul><ul><li>Ações Mínimas </li></ul><ul><li>Densidade informacional </li></ul><ul><li>Ações explícitas </li></ul><ul><li>Controle do usuário </li></ul><ul><li>Flexibilidade </li></ul><ul><li>Experiência do usuário </li></ul><ul><li>Proteção contra erros </li></ul><ul><li>Mensagens de erros </li></ul><ul><li>Correção de erros </li></ul><ul><li>Consistência </li></ul><ul><li>Significados </li></ul><ul><li>Compatibilidade </li></ul>
  5. 5. Presteza <ul><li>Uma boa presteza guia o usuário e lhe poupa, por exemplo, o aprendizado de uma série de comandos. </li></ul><ul><li>Ela permite, também, que o usuário saiba em que modo ou em que estado ele está, onde ele se encontra no diálogo e o que ele fez para se encontrar nessa situação. </li></ul><ul><li>Uma boa presteza facilita a navegação no aplicativo e diminui a ocorrência de erros. </li></ul>
  6. 6. Presteza Recomendações <ul><li>1 - Os títulos de telas, janelas e caixas de diálogo, devem estar no alto,centrados ou alinhados à esquerda. </li></ul>
  7. 7. Presteza Recomendações <ul><li>2 - Todo mostrador de dados deve ser identificado por um rótulo único de identificação. </li></ul>
  8. 8. Presteza Recomendações <ul><li>3 – Um rótulo descritivo deveria ser empregado caso o dado a ser digitado, possua um formato particular. </li></ul>
  9. 9. Presteza Recomendações <ul><li>4 – Um rótulo descritivo deve ser empregado, caso o valor a ser apresentado ou digitado esteja associado a uma unidade financeira ou métrica. </li></ul><ul><li>Exemplos positivos: </li></ul><ul><li>Total da Fatura: R$ .........,..... </li></ul><ul><li>Distância (Km): ........ </li></ul>
  10. 10. Presteza Recomendações <ul><li>5 – Defina um símbolo padrão para o convite à interação e reserve esse símbolo apenas para esse uso. </li></ul>
  11. 11. Presteza Recomendações <ul><li>6 – Os rótulos descritivos deveriam cobrir um pequeno número de valores possíveis. </li></ul><ul><li>Exemplo positivo: </li></ul><ul><li>Porcentagem de erro (0 a 100): ___% </li></ul>
  12. 12. Presteza Recomendações <ul><li>7 – Se uma lista se estende além do que pode ser mostrado na tela, uma indicação clara de que ela não está completa deve aparecer ao usuário. </li></ul><ul><li>Exemplos positivos: </li></ul><ul><li>Setas indicativas </li></ul><ul><li>Barras de rolagem </li></ul><ul><li>Mensagens como “Continuação...” ou “Fim da Lista” </li></ul><ul><li>Indicadores de páginas, como “Página 1 de 3” </li></ul>
  13. 13. Presteza Recomendações <ul><li>8 – Rotule as fileiras e colunas das tabelas seguindo as recomendações propostas para rotular os campos e mostradores de dados. </li></ul><ul><li>Assegure-se de que os rótulos são diferentes dos dados apresentados. </li></ul><ul><li>Usar formatos ou cores diferentes. </li></ul>
  14. 14. Presteza Recomendações <ul><li>9 – Os eixos de gráficos devem ser sempre rotulados. </li></ul>
  15. 15. Presteza Recomendações <ul><li>10 – Caso o botão de comando acione o aparecimento de uma nova caixa de diálogo, ou de uma caixa de diálogo aumentada, o seu rótulo deve estar imediatamente seguido de reticências. </li></ul>
  16. 16. Presteza Recomendações <ul><li>11 – Cada página de menu deve possuir um cabeçalho, título ou um convite à interação que expresse uma resposta às dúvidas do usuário face ao conjunto de opções do menu. </li></ul>
  17. 17. Presteza Recomendações <ul><li>12 – Defina a apresentação de menus hierárquicos, de forma que as opções que realizam entradas de comandos sejam diferenciadas das opções que meramente chamam outro painel de menu . </li></ul>
  18. 18. Presteza Recomendações <ul><li>13 – O sistema deve exibir todas as informações necessárias para a realização de uma determinada tarefa pelo usuário. </li></ul><ul><li>Se as necessidades de dados excederem as habilidades dos usuários de assimilar informações da apresentação, desdobrar as tarefas em passos menores. </li></ul><ul><li>Podem ser necessários testes de protótipos, para determinar a apresentação ótima de dados, em tarefas críticas. </li></ul><ul><li>O usuário não deve ter que lembrar de dados de uma apresentação para outra. </li></ul>
  19. 19. Presteza Recomendações <ul><li>14 – Em toda caixa de mensagem de erro, o botão de comando “AJUDA” deve ser obrigatório. </li></ul><ul><li>Exemplo negativo: </li></ul>
  20. 20. Presteza Recomendações <ul><li>15 – A resposta para uma solicitação de ajuda deve ser estruturada no contexto da tarefa e da transação corrente. </li></ul><ul><li>Exemplo: </li></ul><ul><li>Se um erro na entrada de dados foi cometido, a ajuda deve apresentar as solicitações concernentes à informação entrada. </li></ul>
  21. 21. Presteza Recomendações <ul><li>16 – O sistema deve fornecer uma lista geral de comandos básicos. </li></ul><ul><li>No caso de interfaces gráficas, colocar na Ajuda </li></ul>
  22. 22. Presteza Recomendações <ul><li>17 – Na seqüência da apresentação de uma mensagem de erro, o usuário deve poder solicitar uma explicação detalhada do erro. </li></ul><ul><li>Níveis de explicação cada vez mais aprofundados fornecem ajuda cada vez mais precisa. </li></ul>
  23. 23. Critérios Elementares <ul><li>Presteza </li></ul><ul><li>Agrupamento por localização </li></ul><ul><li>Agrupamento por formato </li></ul><ul><li>Feedback </li></ul><ul><li>Legibilidade </li></ul><ul><li>Concisão </li></ul><ul><li>Ações Mínimas </li></ul><ul><li>Densidade informacional </li></ul><ul><li>Ações explícitas </li></ul><ul><li>Controle do usuário </li></ul><ul><li>Flexibilidade </li></ul><ul><li>Experiência do usuário </li></ul><ul><li>Proteção contra erros </li></ul><ul><li>Mensagens de erros </li></ul><ul><li>Correção de erros </li></ul><ul><li>Consistência </li></ul><ul><li>Significados </li></ul><ul><li>Compatibilidade </li></ul>
  24. 24. Agrupamento por Localização <ul><li>A compreensão de uma tela pelo usuário depende, entre outras coisas, da ordenação dos objetos (imagens, textos, comandos, etc.) que são apresentados. </li></ul><ul><li>Os usuários irão detectar os diferentes itens mais facilmente se eles forem apresentados de uma forma organizada (em ordem alfabética, freqüência de uso, etc.). </li></ul><ul><li>Além disso, a aprendizagem e a recuperação de itens será melhorada. </li></ul><ul><li>O Agrupamento/distinção por localização leva a uma melhor Condução . </li></ul>
  25. 25. Agrupamento por Localização Recomendações <ul><li>1 – O espaço de apresentação deve ser esquadrejado em pequenas zonas funcionais. </li></ul><ul><li>Colocar as zonas funcionais pequenas no sentido do perímetro da tela. </li></ul>
  26. 26. Agrupamento por Localização Recomendações <ul><li>2 – A disposição dos objetos de interação de uma caixa de dialogo deve seguir uma ordem lógica. </li></ul>
  27. 27. Agrupamento por Localização Recomendações <ul><li>3 – Se os usuários devem analisar conjuntos de dados para discernir similaridades, diferenças e relações, formate a estrutura da apresentação, de tal forma que os dados sejam consistentemente agrupados. </li></ul>
  28. 28. Agrupamento por Localização Recomendações <ul><li>4 – Se teclas de aceleração ou de atalho para opções de menu estão previstas, suas indicações devem estar situadas à direita do nome da opção. </li></ul>
  29. 29. Agrupamento por Localização Recomendações <ul><li>5 – As listas deveriam ser organizadas segundo uma ordem lógica ou natural. </li></ul><ul><li>Os critérios lógicos incluem freqüência de uso, ordem cronológica da tarefa (obtida a partir dos métodos clássicos de análise da tarefa), relações funcionais e ordem alfabética. </li></ul>
  30. 30. Agrupamento por Localização Recomendações <ul><li>6 – É conveniente que os painéis de menus reflitam a expectativa do usuário, permitindo a ele encontrar e selecionar facilmente as opções de menu correspondentes à tarefa que efetua e auxiliem a progressão de seu trabalho. </li></ul>
  31. 31. Agrupamento por Localização Recomendações <ul><li>7 – Convém que as opções sejam agrupadas dentro de um menu para refletir as expectativas do usuário e facilitar a pesquisa das opções. </li></ul>
  32. 32. Agrupamento por Localização Recomendações <ul><li>8 – As opções devem ser classificadas dentro de um grupo de opções, de forma a facilitar a busca de opções e a execução das tarefas. </li></ul>
  33. 33. Agrupamento por Localização Recomendações <ul><li>9 – A opção selecionada por default deve estar evidente para os usuários e ser objeto de uma escolha baseada em critérios lógicos. </li></ul>
  34. 34. Agrupamento por Localização Recomendações <ul><li>10 – Todo grupo de botões de comando relativo a um mesmo conjunto lógico de dados deve estar disposto, seja na linha abaixo do objeto no qual eles são compreendidos, seja na coluna situada à direita do objeto, se a solução anterior não proceder. </li></ul>
  35. 35. Agrupamento por Localização Recomendações <ul><li>11 – A posição do botão de comando por default deve ser a mais alta, se os botões estão dispostos verticalmente, ou a mais à esquerda, se os botões estão dispostos horizontalmente. </li></ul>

×