Ergonomia & Usabilidade

24,476 views

Published on

O tema abordado nessa apresentação diz respeito a um assunto muito importante para os dias atuais, pois trata-se do desenvolvimento de sistemas que proporcionem usablidade na interação homem máquina. O assunto é livre para todos os publicos, porém é de maior interesse dos Desenvolvedores, Arquitetos, Analistas, Testadores e usuários de sistemas/softwares.

Published in: Technology
1 Comment
21 Likes
Statistics
Notes
No Downloads
Views
Total views
24,476
On SlideShare
0
From Embeds
0
Number of Embeds
2,396
Actions
Shares
0
Downloads
762
Comments
1
Likes
21
Embeds 0
No embeds

No notes for slide

Ergonomia & Usabilidade

  1. 1. Ergonomia & Usabilidade<br />
  2. 2. O autor: Walter Cybis<br /><ul><li>Criador e diretor do primeiro laboratório de usabilidade do Brasil (LabIUtil - SC)
  3. 3. Responsável pela formação de uma geração de profissionais em usabilidade.
  4. 4. É consultor em engenharia de usabilidade na cidade de Montreal, Canadá.</li></li></ul><li>O que é Ergonomia?<br />
  5. 5. A ergonomia é a disciplina científica relacionada ao entendimento das interações entre seres humanos e outros elementos de um sistema.<br />
  6. 6. O que é Usabilidade?<br />
  7. 7. Segundo o autor:<br /><ul><li>É a qualidade que caracteriza o uso de um sistema interativo.</li></li></ul><li>Segundo a norma ISO – 9241:<br /><ul><li>É a capacidade que um sistema interativo oferece ao usuário em determinado contexto de operação, para realização de tarefas de maneira eficaz, eficiente e agradável.</li></li></ul><li>Introdução à Usabilidade:<br /><ul><li>No inicio da informatização, os usuários dos programas de computadores eram os seus próprios desenvolvedores...</li></li></ul><li>Níveis de usuários:<br /><ul><li> Iniciante;
  8. 8. Intermediário;
  9. 9. Avançado;</li></li></ul><li>Objetivos dos sistemas ergonômicos:<br /><ul><li>Oferecer usabilidade aos usuários, proporcionando-lhes interações eficazes, eficientes e agradáveis, além de gerar confiança e satisfação com as facilidades que encontram durante a utilização do sistema.</li></li></ul><li>Benefícios: <br /><ul><li> Aumento de produtividade;
  10. 10. Aumento no número de vendas;
  11. 11. Diminuição do tempo de treinamento e estrutura de suporte;
  12. 12. Melhor imagem no mercado;</li></li></ul><li>Desenvolvimento de interfaces ergonômicas:<br /><ul><li>É fundamental para construção de interfaces ergonômicas que proporcionam usabilidade, que os desenvolvedores de sistema conheçam muito bem o usuário e o seu trabalho.</li></li></ul><li>Princípios ergonômicos para IHC:<br />Jakob Nielsen (Um dos maiores especialista em usabilidade dos USA), propõe um conjunto de dez heurísticas de usabilidade:<br />
  13. 13. Heurísticas de usabilidade <br />Visibilidade do estado do sistema;<br />Mapeamento entre o sistema e o mundo real;<br />Liberdade de controle ao usuário;<br />Consistência e padrões;<br />Prevenção de erros;<br />
  14. 14. Heurísticas de usabilidade <br />Reconhecer em vez de relembrar;<br />Flexibilidade e eficiência de uso;<br />Design estético e minimalista;<br />Suporte para o usuário reconhecer, diagnosticar e recuperar erros;<br /> Ajuda e documentação;<br />
  15. 15. Regras de ouro:<br />Ben Shneiderman, outro autor bem conhecido da área (Autor do Livro: Designingtheuser interface), propõe oito “regras de ouro” para o projeto e a avaliação de interfaces que proporcionam usabilidade.<br />
  16. 16. Regras de ouro:<br />Perseguir a consistência;<br />Fornecer atalhos;<br />Fornecer feedback informativo;<br />Marcar o final dos diálogos;<br />
  17. 17. Regras de ouro:<br />Fornecer prevenção e manipulação simples de erros;<br />Permitir cancelamento das ações;<br />Fornecer controle e iniciativa ao usuário;<br />Reduzir a carga de memória de trabalho;<br />
  18. 18. Critérios Ergonômicos:<br /><ul><li>Condução;
  19. 19. Carga de trabalho;
  20. 20. Adaptabilidade;
  21. 21. Gestão de erros;</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução:
  22. 22. Visa favorecer principalmente o aprendizado e a utilização do sistema por usuários novatos.
  23. 23. Neste contexto a interface deve aconselhar, orientar, informar e conduzir o usuário na interação com o sistema.</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução – Pode ser analisada a partir de quatro dimensões ou sub-critérios:
  24. 24. Convite;
  25. 25. Agrupamento e distinção entre itens;
  26. 26. Legibilidade;
  27. 27. Feedback imediato;</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução
  28. 28. Convite:</li></ul>Esta qualidade engloba os meios utilizados para levar o usuário a realizar determinadas ações. Também trata das informações que permitem ao usuário identificar o estado ou o contexto no qual ele se encontra na interação, além da ações alternativas, ferramentas de ajuda e o modo de acesso.<br />
  29. 29. Critérios Ergonômicos:<br /><ul><li>Condução
  30. 30. Convite:</li></ul>Uma interface convidativa oferecerá:<br /><ul><li>Títulos claros para as telas, janelas e caixas de diálogos;
  31. 31. Informações sobre o preenchimento de um formulário, sobre as entradas esperadas, etc.;
  32. 32. Opções de ajuda claramente indicadas;</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução
  33. 33. Convite – Exemplo:</li></ul>Orientações gerais sobre o preenchimento de um formulário de identificação.<br />
  34. 34. Critérios Ergonômicos:<br /><ul><li>Condução
  35. 35. Agrupamento e distinção de itens:</li></ul> Visa proporcionar a rápida compreensão de uma tela pelo usuário.<br />
  36. 36. Critérios Ergonômicos:<br /><ul><li>Condução
  37. 37. Agrupamento e distinção de itens - Exemplo:</li></ul>Formulário com opções e campos especialmente organizados.<br />
  38. 38. Critérios Ergonômicos:<br /><ul><li>Condução
  39. 39. Legibilidade:</li></ul>É uma qualidade a serviço de todos, mas particularmente das pessoas idosas e com problemas de visão.<br />
  40. 40. Critérios Ergonômicos:<br /><ul><li>Condução
  41. 41. Legibilidade - Exemplo:
  42. 42. Contraste negativo;
  43. 43. Letras claras sobre um fundo escuro;
  44. 44. Tamanho da fonte;
  45. 45. Espaçamento entre palavras;
  46. 46. Espaçamento entre linhas;
  47. 47. Espaçamento entre parágrafos;</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução
  48. 48. Legibilidade - Exemplo:</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução
  49. 49. Feedback imediato:
  50. 50. Está a serviço de todos, porém os usuários mais novatos precisarão mais dessa qualidade.
  51. 51. Tais fatores possibilitam ao usuário ter melhor entendimento sobre o funcionamento do sistema.
  52. 52. São importantes para estabelecer satisfação e confiança.</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Condução
  53. 53. Feedback imediato - Exemplo:</li></ul>Tela que indica ao usuário que um tratamento demorado está sendo realizado.<br />
  54. 54. Critérios Ergonômicos:<br /><ul><li>Condução
  55. 55. Feedback imediato - Exemplo:</li></ul>Tela que indica ao usuário o resultado do processo.<br />
  56. 56. Critérios Ergonômicos:<br /><ul><li>Condução
  57. 57. Feedback imediato:</li></ul> O Feedback às ações do usuário é muito importante para a qualidade das interações. Tempo de reação sugerido:<br /><ul><li>Para ecoar os caracteres digitados:
  58. 58. 150 milésimos de segundo
  59. 59. Movimentação entre campos:
  60. 60. 250 milésimos de segundo
  61. 61. Movimentação do cursor na tela:
  62. 62. 100 milésimos de segundo </li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Carga de trabalho:</li></ul> Este critério se aplica a um contexto de trabalho intenso e repetitivo, no qual os usuários precisarão de interfaces econômicas, isto é, que lhes economizem leitura e memorização desnecessária.<br />
  63. 63. Critérios Ergonômicos:<br /><ul><li>Carga de trabalho:
  64. 64. Apresentar os títulos (Telas, janelas, etc...), rótulos (Campos, Botões) e denominações curtas;
  65. 65. Fornecer valores Default (Para campos de dados, listas, check-box).
  66. 66. Fornecer o preenchimento automático de virgulas, pontos, decimais, etc...
  67. 67. Apresentar somente os itens que estão relacionados a tarefa(Remover o restante da tela).
  68. 68. Não forçar o usuário a trazer mentalmente dados de uma tela para outra.</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Adaptabilidade:
  69. 69. É uma qualidade particularmente esperada em sistema que o publico alvo é vasto e variado.</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Adaptabilidade:
  70. 70. A interface deve propor maneiras variadas de realizar uma tarefa, deixando ao usuário o direito de escolha. Exemplo:
  71. 71. Diferentes maneiras de realizar a entrada de dados( Digitação, seleção).
  72. 72. Diferentes caminhos para chegar a uma funcionalidade freqüentemente utilizada(ícones na barra de ferramenta, opção em um painel de menu, teclas de atalho).</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Adaptabilidade – Exemplos:</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Gestão de Erros:</li></ul>A gestão de erros diz respeito a todos os mecanismos que permitem evitar ou reduzir a ocorrências de erros e que favoreçam sua correção.<br />
  73. 73. Critérios Ergonômicos:<br /><ul><li>Gestão de Erros:</li></ul>Uma interface que protege uma interação contra erros:<br /><ul><li>Informa o usuário sobre o risco de perda de dados não gravados;
  74. 74. Não oferece um comando destrutivo como opção default;
  75. 75. Detecta os erros no momento da inserção dos dados, em vez de deixar para o final.</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Gestão de Erros - Exemplos:</li></li></ul><li>Critérios Ergonômicos:<br /><ul><li>Gestão de Erros - Exemplos:</li></li></ul><li>Exemplo de tela que não proporciona usabilidade:<br />
  76. 76. Exemplo de tela que não proporciona usabilidade:<br />
  77. 77. Exemplo de tela que não proporciona usabilidade:<br />
  78. 78. Exemplo de tela que não proporciona usabilidade:<br />
  79. 79. Exemplo de tela que não proporciona usabilidade:<br />
  80. 80. Exemplo de tela que não proporciona usabilidade:<br />
  81. 81. Exemplo de tela que não proporciona usabilidade:<br />
  82. 82. Exemplo de tela que não proporciona usabilidade:<br />
  83. 83. Exemplo de tela que não proporciona usabilidade:<br />
  84. 84. Exemplo de tela que não proporciona usabilidade:<br />
  85. 85. Exemplo de tela que não proporciona usabilidade:<br />
  86. 86. Exemplo de tela que não proporciona usabilidade:<br />
  87. 87. Exemplo de tela que não proporciona usabilidade:<br />
  88. 88. Exemplo de tela que não proporciona usabilidade:<br />
  89. 89. Exemplo de tela que não proporciona usabilidade:<br />
  90. 90. Luiz Alberto Ferreira<br />
  91. 91. Referências Bibliográficas<br />Ergonomia e Usabilidade – Conhecimento, Métodos e aplicações – Walter Cybis<br />http://usabilidoido.com.br/as_10_heuristicas_de_nielsen_.html<br />http://www.podcast1.com.br/programas.php?codigo_canal=2203&numero_programa=1<br />http://www.podcastone.com.br/canal.php?codigo_canal=2171<br />http://www.pinceladasdaweb.com.br/blog/author/Pedro/<br />
  92. 92. Obrigado!<br />

×