USABILIDADE                        minicurso de recomendações básicasFriday, July 29, 2011
Instituto Faber Ludens de Design de InteraçãoFriday, July 29, 2011
Instrutora: Mileni Kazedani                        Usabilidade equipe de UX da                        Electrolux Latin Ame...
Programação do Minicurso                        Definição de Usabilidade                        Importância da Usabilidade ...
Definição                        e importânciaFriday, July 29, 2011
Interface?                        6Friday, July 29, 2011
7Friday, July 29, 2011
usabilidade?                        8Friday, July 29, 2011
9Friday, July 29, 2011
10Friday, July 29, 2011
11Friday, July 29, 2011
Design gráfico                                          UX              Design de informação              Design de produto...
UX usabilidade usuário                                       13Friday, July 29, 2011
Norma ISO 9241-11              “Usabilidade é a capacidade de um produto              ser usado por usuários específicos pa...
...basicamente                   facilidade de uso!                                        15Friday, July 29, 2011
Quem é o                        usuário?     16Friday, July 29, 2011
Qual a diferença                        entre eficácia   e                   eficiência?                                    ...
Satisfação...                        satisfação subjetiva                        conforto                        aceitabil...
Usuários, tarefas,                  equipamentos (hardware,                      software e materiais),                 am...
Interfaces sem                             usabilidade                        Causam cansaço, aborrecimento,              ...
Sinalização de                     banheiros do                Museu do Louvre:                confusão que gera          ...
Válvula de Descarga Deca Slim:                        erro que gera desperdício de água                                   ...
Fox Volkswagen:                              mutilação em 7 pessoas     Márcio Montesani, diretor do Núcleo de Perícias Té...
Tragédia Voo TAM 3054     No dia 24 de julho de 2007, a fabricante da aeronave Airbus divulgou um documento     sobre a po...
Por que existem problemas de        usabilidade nas interfaces?                        http://www.youtube.com/watch?v=jo3r...
Modelos mentais                 diferentes                              26Friday, July 29, 2011
O designer não é o usuário                        O cliente não é o usuário final                        Complexidade do pr...
Recomendações                        básicas de usabilidadeFriday, July 29, 2011
O que são?       Bases da usabilidade       Recomendações para a produção de interfaces       considerando a facilidade de...
Critérios Ergonômicos               (Bastien & Scapin)       Qualidades Ergonômicas              para IHC (Cybis)         ...
6 recomendaçõesFriday, July 29, 2011
1. Orientação       2. Carga de Trabalho       3. Controle do usuário       4. Adaptabilidade e Compatibilidade       5. G...
Cada sistema/produto      tem sua prioridade                             Sistemas computacionais                          ...
Orientação                        meios para                        advertir, informar,                        guiar, inst...
Orientação                        “Onde eu estou mesmo?”                        “Onde estava aquele...”                   ...
Restrições      Físicas      Lógicas      Semânticas      Culturais                        Orientação                     ...
Orientação                         37Friday, July 29, 2011
Orientação                         38Friday, July 29, 2011
Convite ao uso      Affordances = propiciação      Indicativos de uso                                  Orientação         ...
Agrupamento e      distinção de itens       Reconhecimento rápido       Percepção das diferenças       e das similaridades...
Ajuda ao usuário      Ajuda      Manual do usuário      Guias rápidos      Etiquetas                          Orientação  ...
Feedback       Satisfação       Alívio       Prepara o usuário para       as próximas etapas       Ex.       Cursores     ...
Status do      sistema      Informar as etapas      já realizadas e quais      faltam      Previsão do tempo      restante...
Naturais                         De sucesso                         De Alerta                         De erro             ...
Animações sutis      Indicações de direção      Ajudam o usuário a se localizar      Compreender o efeito da ação      Ex....
Orientação é importante para                          Facilita a navegaçãos                          Ajuda o usuário a se ...
Carga de                                  trabalho                                 elementos que                        au...
Carga de                        trabalho                                                                           Carga d...
Carga de memória       Memória de Curto Prazo       + ou - 7 conjuntos de itens                                     Carga ...
Significado dos      códigos e denominações       Coerência entre o que é       apresentado e o seu significado       Ícones...
Ações mínimas       Atalhos       Caixas de busca       Índices       Uso de valores default       Sugestões              ...
Densidade      informacional      Uso de valores default      Uso de imagens e ícones      representativos      Hierarquia...
Carga de Trabalho                          53Friday, July 29, 2011
Carga de trabalho é importante para                            Reduzir o esforço                            físico e cogni...
Controle                          do usuário                   tratamento de ações                  explícitas dos usuário...
Controle do usuário                        “Mas eu não pedi isso!”                        “De novo essa janela, que saco!”...
Ações explícitas                        Feedbacks claros                        Feedbacks sonoros                        M...
Controle do usuário       Possibilidade de cancelar os       processos       Saídas fáceis       Ajustes e personalização ...
Carga de Trabalho                          59Friday, July 29, 2011
Controle do usuário é importante para                               Favorecer a                               aprendizagem...
capacidade de se         comportar conforme o           contexto, atendendo               as necessidades e         prefer...
Adaptabilidade e                compatibilidade                   “Já entendi, não precisa                                ...
Flexibilidade                        Customizar/configurar a interface                        conforme preferências (hábito...
Compatibilidade                        Idade                        Hábitos                                               ...
Expectativas                        Ordem das tarefas                                             Adaptabilidade e Compati...
Experiência do usuário                                                                     Adaptabilidade e Compatibilidad...
Friday, July 29, 2011                        67                             Adaptabilidade e Compatibilidade
Adaptabilidade e Compatibilidade     é importante para                                   Usuários diferentes tem          ...
Gestão de erros                        meios que evitam ou                        reduzem erros e                        q...
Tipos de erros                        Captura                        Descrição                        Com base em dados   ...
Gestão de erros                                      “puts, errei...”                             “puts, errei de novo!”  ...
Proteção contra      os erros       O sistema deve detectar os erros       A própria interface deve ser projetada para    ...
Proteção contra      os erros       Eliminar cirscunstâncias propícias ao erro       Ocultar informações       Confirmação ...
Mensagens de erro       Informar ao usuário porque o erro ocorreu       As mensagens de erro       devem ser breves e     ...
Correção      dos erros       Oferecer a possibilidade       de corrigir o erro       Sugerir alternativas       Corrigir ...
Gestão de erros é importante para                          Diminuir o tempo de                          execução das taref...
Consistência          quando a identidade visual é        obedecida e os procedimentos          e entradas são idênticos e...
atender às expectativas                        dos usuários                                                  Consistência ...
Consistência                        “Onde estava aquela coisa?”                        “Como é mesmo que                  ...
Identidade visual                          Ícones                          Rótulos/                          Nomenclaturas...
Botões                            Títulos                            Hierarquia de                            funções, opç...
Funções                        Atalhos                        Sequência de ações                        Procedimentos     ...
Consistência é importante para                         Facilitar o aprendizado                         Diminuir os erros  ...
Interfaces com usabilidade       Mais fáceis de usar       Mais segurança       Produtos mais flexíveis para o uso       Ma...
Considerar a      Usabilidade durante      todo o processo de      Design       No início do projeto: para projetar com fo...
Arigatô!Friday, July 29, 2011
Upcoming SlideShare
Loading in...5
×

Curso Recomendações de Usabilidade - 29/07/2011

2,693

Published on

Curso ministrado por MSc. Mileni Kazedani, professora no Instituto Faber-Ludens e membro da equipe de UX Electrolux América Latina.

Published in: Design, Technology
2 Comments
14 Likes
Statistics
Notes
No Downloads
Views
Total Views
2,693
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
6
Comments
2
Likes
14
Embeds 0
No embeds

No notes for slide

Curso Recomendações de Usabilidade - 29/07/2011

  1. 1. USABILIDADE minicurso de recomendações básicasFriday, July 29, 2011
  2. 2. Instituto Faber Ludens de Design de InteraçãoFriday, July 29, 2011
  3. 3. Instrutora: Mileni Kazedani Usabilidade equipe de UX da Electrolux Latin America Mestrado em Design - Recomendações de Usabilidade Graduação em Design GráfcioFriday, July 29, 2011
  4. 4. Programação do Minicurso Definição de Usabilidade Importância da Usabilidade para interfaces físicas e digitais Recomendações de UsabilidadeFriday, July 29, 2011
  5. 5. Definição e importânciaFriday, July 29, 2011
  6. 6. Interface? 6Friday, July 29, 2011
  7. 7. 7Friday, July 29, 2011
  8. 8. usabilidade? 8Friday, July 29, 2011
  9. 9. 9Friday, July 29, 2011
  10. 10. 10Friday, July 29, 2011
  11. 11. 11Friday, July 29, 2011
  12. 12. Design gráfico UX Design de informação Design de produto Design de interação Arquitetura de informação Sound design Motion design outros... 12Friday, July 29, 2011
  13. 13. UX usabilidade usuário 13Friday, July 29, 2011
  14. 14. Norma ISO 9241-11 “Usabilidade é a capacidade de um produto ser usado por usuários específicos para atingir objetivos específicos com eficácia, eficiência e satisfação em um contexto específico de uso” 14Friday, July 29, 2011
  15. 15. ...basicamente facilidade de uso! 15Friday, July 29, 2011
  16. 16. Quem é o usuário? 16Friday, July 29, 2011
  17. 17. Qual a diferença entre eficácia e eficiência? 17Friday, July 29, 2011
  18. 18. Satisfação... satisfação subjetiva conforto aceitabilidade prazer... 18Friday, July 29, 2011
  19. 19. Usuários, tarefas, equipamentos (hardware, software e materiais), ambiente físico e social em que o produto é usado Contexto de uso 19Friday, July 29, 2011
  20. 20. Interfaces sem usabilidade Causam cansaço, aborrecimento, irritação, stresse Baixa produtividade Subutilização dos recursos do sistema Acidentes pequenos e acidentes graves 20Friday, July 29, 2011
  21. 21. Sinalização de banheiros do Museu do Louvre: confusão que gera constrangimento 21Friday, July 29, 2011
  22. 22. Válvula de Descarga Deca Slim: erro que gera desperdício de água 22Friday, July 29, 2011
  23. 23. Fox Volkswagen: mutilação em 7 pessoas Márcio Montesani, diretor do Núcleo de Perícias Técnicas de São Paulo, analisou o rebatimento do Fox. Especialista em perícias automotivas, ele critica o sistema e o manual: “Há erro de projeto. O dispositivo induz o usuário a colocar o dedo instintivamente na argola, o que pode resultar em mutilação. E o manual deveria prevenir sobre falhas na operação. Dizer como proceder na ausência da alça”. 23Friday, July 29, 2011
  24. 24. Tragédia Voo TAM 3054 No dia 24 de julho de 2007, a fabricante da aeronave Airbus divulgou um documento sobre a posição correta do manete quando o reverso estiver travado (desativado), explicando que deve ser utilizado em ponto morto durante o pouso.[24] O alerta do fabricante associado aos acidentes repetidos manifestaria um problema de usabilidade disfarçado de erro humano, posto que, apesar de dispor de um sistema computacional altamente sofisticado, este ainda não alertaria o piloto quando há uma disparidade tal como ocorre quando as turbinas atuam de forma completamente contrárias. A investigação concluiu que a principal causa do acidente foi o posicionamento das manetes - a da direita estava, por erro humano ou falha técnica, em posição de aceleração 24Friday, July 29, 2011
  25. 25. Por que existem problemas de usabilidade nas interfaces? http://www.youtube.com/watch?v=jo3rl2kxB4g 25Friday, July 29, 2011
  26. 26. Modelos mentais diferentes 26Friday, July 29, 2011
  27. 27. O designer não é o usuário O cliente não é o usuário final Complexidade do processo de design Tecnológicos Custos 27Friday, July 29, 2011
  28. 28. Recomendações básicas de usabilidadeFriday, July 29, 2011
  29. 29. O que são? Bases da usabilidade Recomendações para a produção de interfaces considerando a facilidade de aprendizado, a eficiência de uso, a facilidade de memorização, a baixa taxa de erros e a satisfação subjetiva Importantes na avaliação de interfaces 29Friday, July 29, 2011
  30. 30. Critérios Ergonômicos (Bastien & Scapin) Qualidades Ergonômicas para IHC (Cybis) Regras de Ouro (Schneiderman) Princípios de Design Utilizável (Patrick Jordan) Princípios Gerais e Heurísticas (Jacob Nielsen) 30Friday, July 29, 2011
  31. 31. 6 recomendaçõesFriday, July 29, 2011
  32. 32. 1. Orientação 2. Carga de Trabalho 3. Controle do usuário 4. Adaptabilidade e Compatibilidade 5. Gestão do erro 6. Consistência 32Friday, July 29, 2011
  33. 33. Cada sistema/produto tem sua prioridade Sistemas computacionais Games Mobile Eletrodomésticos Trânsito etc. 33Friday, July 29, 2011
  34. 34. Orientação meios para advertir, informar, guiar, instruir, conduzir o usuário durante a interação 34Friday, July 29, 2011
  35. 35. Orientação “Onde eu estou mesmo?” “Onde estava aquele...” “Como faz pra abrir?” “Não, não é aqui...” “Não, não é assim...” Orientação 35Friday, July 29, 2011
  36. 36. Restrições Físicas Lógicas Semânticas Culturais Orientação 36Friday, July 29, 2011
  37. 37. Orientação 37Friday, July 29, 2011
  38. 38. Orientação 38Friday, July 29, 2011
  39. 39. Convite ao uso Affordances = propiciação Indicativos de uso Orientação 39Friday, July 29, 2011
  40. 40. Agrupamento e distinção de itens Reconhecimento rápido Percepção das diferenças e das similaridades Hierarquia de informação Localização Orientação Formato 40Friday, July 29, 2011
  41. 41. Ajuda ao usuário Ajuda Manual do usuário Guias rápidos Etiquetas Orientação 41Friday, July 29, 2011
  42. 42. Feedback Satisfação Alívio Prepara o usuário para as próximas etapas Ex. Cursores Mensagens de erro Orientação Feedbacks sonoros 42Friday, July 29, 2011
  43. 43. Status do sistema Informar as etapas já realizadas e quais faltam Previsão do tempo restante para finalização Orientação 43Friday, July 29, 2011
  44. 44. Naturais De sucesso De Alerta De erro De conclusão Feedbacks sonoros Orientação 44Friday, July 29, 2011
  45. 45. Animações sutis Indicações de direção Ajudam o usuário a se localizar Compreender o efeito da ação Ex. Navegação, ao adicionar, excluir um item Orientação 45Friday, July 29, 2011
  46. 46. Orientação é importante para Facilita a navegaçãos Ajuda o usuário a se localizar Ajuda a aprender como funciona o sistema Quais ações são possíveis Reduz os erros Orientação 46Friday, July 29, 2011
  47. 47. Carga de trabalho elementos que auxiliam na redução da carga cognitiva e perceptiva do usuário 47Friday, July 29, 2011
  48. 48. Carga de trabalho Carga de Trabalho “Eu não quero pensar, quero pronto!” “Acho que isso deveria ser automático.” “Ai que saco tem que selecionar um por um...” “Que merrrr... não tem atalho! 48Friday, July 29, 2011
  49. 49. Carga de memória Memória de Curto Prazo + ou - 7 conjuntos de itens Carga de Trabalho 49Friday, July 29, 2011
  50. 50. Significado dos códigos e denominações Coerência entre o que é apresentado e o seu significado Ícones Nomenclaturas Carga de Trabalho Títulos Instruções 50Friday, July 29, 2011
  51. 51. Ações mínimas Atalhos Caixas de busca Índices Uso de valores default Sugestões Carga de Trabalho 51Friday, July 29, 2011
  52. 52. Densidade informacional Uso de valores default Uso de imagens e ícones representativos Hierarquia de informação Carga de Trabalho Ex.: Menus Paginação Barra de ferramentas 52Friday, July 29, 2011
  53. 53. Carga de Trabalho 53Friday, July 29, 2011
  54. 54. Carga de trabalho é importante para Reduzir o esforço físico e cognitivo do usuário Diminuir a probabilidade de erros Carga de Trabalho Aumento da eficiência 54Friday, July 29, 2011
  55. 55. Controle do usuário tratamento de ações explícitas dos usuários e controle o sistema 55Friday, July 29, 2011
  56. 56. Controle do usuário “Mas eu não pedi isso!” “De novo essa janela, que saco!” “Porque tá acontecendo isto??” “Ai, tem que passar um por um...” “Deu pau...” Controle do usuário “Puts, demorei!” 56Friday, July 29, 2011
  57. 57. Ações explícitas Feedbacks claros Feedbacks sonoros Mudança de status após a ação Controle do usuário Status do sistema 57Friday, July 29, 2011
  58. 58. Controle do usuário Possibilidade de cancelar os processos Saídas fáceis Ajustes e personalização CTRL+Z Controle do usuário Índices 58Friday, July 29, 2011
  59. 59. Carga de Trabalho 59Friday, July 29, 2011
  60. 60. Controle do usuário é importante para Favorecer a aprendizagem Diminuir a probabilidade de erros Aumenta a aceitação e Controle do usuário a satisfação do usuário sobre o produto 60Friday, July 29, 2011
  61. 61. capacidade de se comportar conforme o contexto, atendendo as necessidades e preferências do usuário Adaptabilidade e compatibilidade 61Friday, July 29, 2011
  62. 62. Adaptabilidade e compatibilidade “Já entendi, não precisa Adaptabilidade e Compatibilidade perguntar de novo!” “Ah, não dá pra configurar...” “Ah, não dá pra fazer assim, achei que dava...” “Que merrrr... não tem atalho!” 62Friday, July 29, 2011
  63. 63. Flexibilidade Customizar/configurar a interface conforme preferências (hábitos de trabalho, exigências da tarefa). Adaptabilidade e Compatibilidade Ex. Pacote Adobe Oferecer diversas maneiras para se alcançar um mesmo objetivo Possibilidade de cancelamento CTRL+Z 63Friday, July 29, 2011
  64. 64. Compatibilidade Idade Hábitos Adaptabilidade e Compatibilidade Memória Expectativas Obedecer determinados padrões/convenções Acessibilidade 64Friday, July 29, 2011
  65. 65. Expectativas Ordem das tarefas Adaptabilidade e Compatibilidade Termos utilizados Unidades de medida 65Friday, July 29, 2011
  66. 66. Experiência do usuário Adaptabilidade e Compatibilidade Com experiência Sem Experiência Atalhos Tarefas via Menu Informações para usuários Passo a passo inexperientes: ocultar ou não ser obrigado a acessar/ Tips/Balões explicativos visualizar 66Friday, July 29, 2011
  67. 67. Friday, July 29, 2011 67 Adaptabilidade e Compatibilidade
  68. 68. Adaptabilidade e Compatibilidade é importante para Usuários diferentes tem necessidades diferentes Adaptabilidade e Compatibilidade Quantos mais variadas as maneiras de se realizar uma tarefa, maiores chances do usuário se adaptar a uma delas 68Friday, July 29, 2011
  69. 69. Gestão de erros meios que evitam ou reduzem erros e quando eles ocorrem, favorecem a correção 69Friday, July 29, 2011
  70. 70. Tipos de erros Captura Descrição Com base em dados Erros de perda de Gestão de erros ativação Erros de Modo 70Friday, July 29, 2011
  71. 71. Gestão de erros “puts, errei...” “puts, errei de novo!” “erro xv8u5n9??” “e como faz pra voltar?” “como eu sou burro!” Gestão de erros 71Friday, July 29, 2011
  72. 72. Proteção contra os erros O sistema deve detectar os erros A própria interface deve ser projetada para prevenir a ocorrência de erros Navegação bem guiada Solicitar informações por etapa Gestão de erros 72Friday, July 29, 2011
  73. 73. Proteção contra os erros Eliminar cirscunstâncias propícias ao erro Ocultar informações Confirmação antes de ações irreversíveis Funções de força coerciva: obriga o usuário a efetuar alguma ação por questões de Gestão de erros segurança 73Friday, July 29, 2011
  74. 74. Mensagens de erro Informar ao usuário porque o erro ocorreu As mensagens de erro devem ser breves e compreensíveis para o usuário Alertas sonoros, mensagens de erro Pode haver bloqueio de ações Gestão de erros até que o problema seja solucionado 74Friday, July 29, 2011
  75. 75. Correção dos erros Oferecer a possibilidade de corrigir o erro Sugerir alternativas Corrigir somente a parte incorreta Gestão de erros 75Friday, July 29, 2011
  76. 76. Gestão de erros é importante para Diminuir o tempo de execução das tarefas Diminuir perturbação e irritabilidade Favorece o aprendizado Gestão de erros Evitar acidentes 76Friday, July 29, 2011
  77. 77. Consistência quando a identidade visual é obedecida e os procedimentos e entradas são idênticos em contextos idênticos e diferentes em contextos diferentes 77Friday, July 29, 2011
  78. 78. atender às expectativas dos usuários Consistência 78Friday, July 29, 2011
  79. 79. Consistência “Onde estava aquela coisa?” “Como é mesmo que fazia pra...?” “Já não tô entendendo nada...” Consistência 79Friday, July 29, 2011
  80. 80. Identidade visual Ícones Rótulos/ Nomenclaturas Textos Linguagem Cores - informação Consistência 80Friday, July 29, 2011
  81. 81. Botões Títulos Hierarquia de funções, opções Localização de itens Consistência 81Friday, July 29, 2011
  82. 82. Funções Atalhos Sequência de ações Procedimentos similares para acessar partes do sistema Ações/Entradas Consistência 82Friday, July 29, 2011
  83. 83. Consistência é importante para Facilitar o aprendizado Diminuir os erros Localizar itens mais rapidamente Aumentar a aceitabilidade e satisfação do usuário Consistência Transmitir confiabilidade 83Friday, July 29, 2011
  84. 84. Interfaces com usabilidade Mais fáceis de usar Mais segurança Produtos mais flexíveis para o uso Mais adaptáveis aos usuários Manutenção facilitada Diminui os erros, os constrangimentos, a irritabilidade Aumenta a satisfação, a produtividade 84Friday, July 29, 2011
  85. 85. Considerar a Usabilidade durante todo o processo de Design No início do projeto: para projetar com foco no usuário e nas suas necessidades Durante o projeto: para fazer avaliações e corrigir enquanto houver tempo Ao final do projeto: para verificar e gerar inputs para novos projetos 85Friday, July 29, 2011
  86. 86. Arigatô!Friday, July 29, 2011

×