Critérios e Recomendações Ergonômicas para IHC Faculdade de Ciências Sociais e Aplicadas de Petrolina - FACAPE Ciência da Computação Critérios e Recomendações Ergonômicas para IHC Profa. Cynara Carvalho cynaracarvalho@yahoo.com.br

O que é ergonomia? Ergonomia é um termo que deriva do grego “ergon”, que significa “trabalho” e “nomos”, que significa “leis ou normas”. Ergonomia designa o conjunto de disciplinas que estuda a organização do trabalho no qual existe interações entre seres humanos e máquinas. Interação Humano Computador

O que fazer para evitar isso? E isso? Interação Humano Computador

Critérios e Recomendações Ergonômicas para IHC Baseado nos Caps. 1 e 2 do Livro Ergonomia e Usabilidade. Cybis, W. Referências: Critérios - (Bastien & Scapin, 1993), Capítulo 1do livro Ergonomia e Usabilidade . Recomendações - Norma ISO 9241 – Requisitos ergonômicos para trabalhos informatizados em escritórios. Conhecimentos mais detalhados dos critérios ergonômicos apresentados. Regras aplicáveis a seleção e configuração de estilos de diálogos, janelas, formulários, menus, listas, tabelas, botões, cores etc. Interação Humano Computador

Comportamento de uma interface Comportamentos elementares A interface deve antecipar-se e reagir às ações dos usuários; Elementos de diálogo que ajudam a condução do usuário no alcance dos objetivos; Convite à interação Apoio às ações Feedback das ações Interação Humano Computador

Convite à interação Uma forma de atrair o usuário; Pode ser: Ativado automaticamente pelo sistema Efeito de uma ação do usuário Acionado pelo usuário. Interação Humano Computador

Convite à interação Convites devem ser específicos (Ex. Forneça o CPF, ao invés de Forneça o dado que está faltando); Deve estar próximo do objeto a que se refere; Diferenciar entradas disponíveis das não disponíveis; Colocar o cursor automaticamente no primeiro campo a ser preenchido no formulário (numérico -> à direita // texto -> à esquerda); Interação Humano Computador

Apoio às ações do usuário Facilitar as ações de entrada de dados e comandos, por meio de recursos que proporcionem a diminuição da sua carga de trabalho; Seletores, valores default etc. Fornecer informações de status (itens selecionados, botões ativos etc.). Interação Humano Computador

Feedback das ações do usuário A cada entrada do usuário, o sistema deve produzir um feedback imediato e perceptível (ISO 9241:13); Exemplos de tempos de reação sugeridos pela norma: 150 ms para visualização de caracteres digitados; 250 ms para movimentação entre campos; 100 ms para movimentação do cursor na tela. Caso a execução de uma solicitação não seja imediata, o sistema deve emitir uma indicação de que recebeu a solicitação, de que começou a executá-la e de que completou sua execução. O feedback pode envolver diferentes recursos como um sinal sonoro, um indicador de progressão, uma mensagem; Deve ser adequada ao perfil do usuário da aplicação, sendo mais explicativa para usuários novatos. Interação Humano Computador

Objetos de interação Objetos de software com recursos para gerar imagens e reagir conforme as ações dos usuários sobre essas imagens; Representam metáforas do mundo não informatizados: janelas, menus, botões etc.; São construídos a partir de recursos dos sistemas gerenciadores de janelas, herdando suas principais características de apresentação e comportamento Padronização das interfaces sob mesma plataforma de operação. Interação Humano Computador

Objetos de interação Painéis de Controle: coleções de objetos necessários para uma ação ou tarefa. Podem ser janelas ou caixas de diálogo. Janelas Apresentam graficamente os comandos, ferramentas e dados de uma aplicação. Possuem zonas funcionais ocupadas por uma estrutura de menus, barra de ferramentas e dados, além dos comandos de sua manipulação (redimensionar, fechar etc.) Interação Humano Computador

Objetos de interação - Janelas Deve possuir um título único, curto e significativo, na sua barra superior, centralizado ou alinhado à esquerda. Layout padronizado para toda a aplicação, com diagramação equilibrada. Para não haver sobrecarga, o conteúdo deve ser pertinente, oportuno e limitado. Comandos e informações principais devem estar bem à vista do usuário. Interação Humano Computador

Objetos de interação - Janelas Em muitas aplicações, o usuário pode comandar a criação ou abertura de outras janelas. Nesse caso, vai existir a competição pelo foco do usuário e a janela ativa deve ser destacada. Interação Humano Computador

Objetos de interação Caixas de diálogo: destinada a apoiar a operação de funções específicas. Janela desprovida de estruturas de comandos como menus e barras de ferramentas; Podem ser do tipo formulário ou caixa de mensagens. Interação Humano Computador

Objetos de interação Caixas de diálogo Caixas de diálogo modal: exige atenção exclusiva, ficando o usuário impedido de realizar qualquer outra ação no sistema enquanto o usuário não terminar de interagir com ela. Caixas de diálogo não modal: pode aguardar em segundo plano enquanto o usuário trabalha sobre outros objetos. Interação Humano Computador

Objetos de interação Caixas de diálogo Assim como nas janelas, recomenda-se que os títulos sejam centralizados na margem superior ou alinhados à esquerda; Da mesma forma, a distribuição dos componentes deve seguir uma diagramação equilibrada; Para diminuir a carga de trabalho do usuário, os campos e seletores devem estar preenchidos com valores default adequados; Para facilitar a interação em campos com várias possibilidades de respostas, devem ser usadas listas de seleção ou grupos seletores (radio button ou check box); Interação Humano Computador

Objetos de interação Caixas de diálogo Para comandar a execução da função da janela, deve-se incluir opções integrando sua aplicação imediata e o fechamento da caixa de diálogo (Botão OK, por exemplo); Em algumas situações, pode separar as ações, nas quais sejam possíveis visualizar as ações de comando (Botão Aplicar), antes de fechar a caixa de diálogo (Botão Fechar); Um comando de anular a entrada também pode estar presente, para desfazer uma alteração (Botão Cancelar); É recomendável também conter uma opção para acionar o sistema de ajuda contextual e específica para a função (Botão ? ou Ajuda). Interação Humano Computador

Objetos de interação Caixas de diálogo Caixas de controle de acesso que normalmente são equipadas com recurso que autoriza o sistema a memorizar dados do usuário, devem ter esse recurso ativado SOMENTE por ação do usuário, jamais devendo ser ativada automaticamente pelo sistema. O projetista deve definir adequadamente os grupos de campos e distribuí-los sobre a caixa de diálogo, de maneira a comunicar a lógica da interação do usuário. Interação Humano Computador

Objetos de interação Formulários: tipo de caixa de diálogo destinada especificamente à entrada de dados, com opções de comandos específicas para o registro e manutenção desses dados; Apresentam um título significativo e um layout que agrupe, diferencie e ordene logicamente as diversas categorias de dados apresentados. Os campos devem ser distribuídos de modo a respeitar a estrutura lógica dos dados e facilitar a interação com o usuário. As ações de entrada devem iniciar-se pelo preenchimento do primeiro campo no alto à esquerda, que deverá estar com o foco das ações quando da apresentação do mesmo. Interação Humano Computador

Objetos de interação - Formulários Rótulos e os dados devem ser diferenciados visualmente, também com distinção visual entre dados informados pelo usuário e valores default oferecidos pelo sistema; Campos de preenchimento obrigatório devem ser diferenciados visualmente e se possível, colocados nas primeiras posições do formulário; Os campos que contenham dados críticos para o sistema devem ser identificados e protegidos contra acidentes de operação. Mensagem que advirta sobre os efeitos da ação e solicite a confirmação do usuário, deve ser apresentada sempre que o campo for modificado. Interação Humano Computador

Objetos de interação - Formulários Um efeito sonoro pode ser empregado para informar sobre o preenchimento total de um campo e sobre a indisponibilidade de acesso a um campo protegido; Rótulos devem estar próximos aos campos (ao lado ou acima); Nos casos de transferência de informações de um documento físico para um formulário eletrônico, os layouts de ambos devem estar compatíveis; Um bom formulário deve minimizar a necessidade de troca de dispositivo de interação (do teclado para o mouse e vice-versa), oferecendo recursos de navegação rápida entre os campos. Interação Humano Computador

Objetos de interação - Formulários Em um contexto de uso profissional, além da tabulação, para navegação para o próximo campo (TAB), deveriam ser previstos recursos de navegação mais avançados, a partir de combinações de teclas; O registro de dados não deve ser como efeito colateral da ação do usuário e sim a partir da sua solicitação explícita através de botão apropriado (submeter, enviar ou gravar). Interação Humano Computador

Objetos de interação Caixas de Mensagens: usadas para informar o usuário sobre: O que fazer nas interações; Em que estado se encontra o sistema; A resposta do sistema a uma ação sua; Uma situação perigosa, de erro ou de anormalidade; Como recuperar a normalidade de um sistema. Normalmente são do tipo modais, exigindo que o usuário comunique que tomou conhecimento de seu conteúdo; Quando pertinente, um ou mais botões de comando (por exemplo Sim e Não) devem ser previstos nas caixas para receber a confirmação do usuário. Interação Humano Computador

Objetos de interação Caixas de Mensagens Quando a mensagem se destina a solicitar a confirmação de uma ação destrutiva, a opção default deve recair sobre a anulação e não sobre a confirmação da ação. Caixas de mensagens envolvendo ações perigosas (formatar disco rígido) devem ser destacadas pelo uso de cor vermelha, pelo efeito de intermitência (pisca) ou ainda por um som. Interação Humano Computador

Objetos de manipulação Cursores dos dispositivos de entrada: representam os objetos verdadeiramente manipuláveis pelo usuário de uma GUI. São pequenos para facilitar a designação de pequenos objetos na tela. O cursor associado ao mouse se desloca sobre os objetos da tela e muda de forma em função do posicionamento ou do tipo de tarefa, sendo significativos para o usuário; Interação Humano Computador

Objetos de manipulação - cursores O cursor associado ao teclado marca a posição de inserção de caracteres em um campo de edição e pode variar conforme a tarefa ou estado do sistema; O recurso de intermitência visual (pisca-pisca) é usado para chamar a atenção e, ao mesmo tempo, não atrapalhar a visualização do texto; Em interfaces de telas táteis, os objetos de interação passam a ser manipuláveis e, caso o usuário use o dedo, o tamanho dos objetos e espaçamentos entre eles devem ser aumentados. Interação Humano Computador

Objetos para seleção Facilitam entradas dos usuários por meio da seleção de uma entre várias opções disponíveis. Proporcionam a redução do esforço físico e cognitivo, para o usuário que não precisa digitar nem de lembrar o nome exato do comando. Correspondem a uma grande variedade de objetos como: estruturas de menus, barra de menu, barra ou caixa de ferramentas, listas de seleção, grupos seletores exclusivos e botões de comando. Interação Humano Computador

Objetos para seleção estrutura de menus Conjunto de menus individuais associados aos comandos do sistema; Um menu principal e diversos painéis de menus de ordem inferior, que são acionados por meio de opções do menu de hierarquia superior; A estrutura do menu deve ser compatível com as convenções empregadas para a realização da tarefa; Nomes de opções devem ser significativos aos usuários; Os menus que abrigam grande números de opções devem ser organizados em grupos ou sub-menus de 05 a 09 opções, no máximo, inter-relacionadas. Interação Humano Computador

Objetos para seleção estrutura de menus Deve haver um balanceamento entre a largura e a profundidade de uma estrutura de menus; Largura máxima recomendada 7 grupos com 7 opções; Profundidade de até 3 ou 4 níveis; A ordenação das opções em cada grupo deve seguir um critério lógico, como a seqüência da tarefa, ou na falta destes, na ordem alfabética; As opções devem ter múltiplas formas de acionamento; Uso de Mnemônicos e teclas de atalhos (Ctrl+C). Interação Humano Computador

Objetos para seleção estrutura de menus Barra de menu – abriga as opções do menu principal; Mesma regra para a quantidade de opções (7 ± 2) Retirada comandada pelo usuário Painel de Menu – composições de menu vertical; Menus adaptativos (Padrão office) que apresentam opções mais usadas podem causar confusão em usuários iniciantes; As opções podem assumir diferentes estados: Ativo, Inativo, Em foco, Ativado e Desativado. Linhas separadoras simples e discretas. A – Indicador de sub-menu B – Indicador de status ativado C – Indicador de continuidade D – Teclas de Atalho ou aceleradoras Interação Humano Computador

Objetos para seleção Barra de Ferramentas – Opções mais freqüentes em forma de ícones. Organizadas por grupos temáticos; Personalizáveis por usuários mais experientes; Lista de seleção – Menu de valores possíveis, conhecidos previamente, para os dados de entrada dos usuários; Limite de visualização imediata de 7 ± 2 itens; Limite de itens em uma lista em torno de 50 itens, ordenados por freqüência de uso, numérica ou alfabética; Podem haver separadores para diferenciar valores recentemente escolhidos; Interação Humano Computador

Interação Humano Computador Objetos para seleção Lista de seleção: Em caso de restrição de espaço, listas podem ser apresentadas em painéis pull down, acionados por meio de setas; A largura pode ser determinada pelo item mais longo, para não informações não fiquem escondidas; A seleção pode ser acelerada com a digitação do primeiro caractere do valor desejado; Interação Humano Computador

Objetos para seleção Grupos de seletores exclusivos (radio button): Usado para tornar a entrada do usuário mais rápida e segura; Empregado para escolha simples de valores conhecidos; Quando os valores possíveis forem em grande número, o projetista deverá fazer um esforço para subdividir em grupos lógicos, marcando visivelmente essa divisão, por meio de linhas simples ou retângulos. Interação Humano Computador

Objetos para seleção Grupos de seletores não-exclusivos (check box): Usado para que o usuário possa escolher diversas opções dentre as diferentes possibilidades; Quando os valores possíveis forem em grande número, o projetista deverá fazer um esforço para subdividir em grupos lógicos, marcando visivelmente essa divisão, por meio de linhas simples ou retângulos. Interação Humano Computador