Profa. Cynara Carvalho [email protected] Critrios e
Recomendaes Ergonmicas para IHC Faculdade de Cincias Sociais e
Aplicadas de Petrolina - FACAPE Cincia da Computao
Slide 2
O que ergonomia? Interao Humano Computador 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 organizao do trabalho no qual existe
interaes entre seres humanos e mquinas.
Slide 3
O que fazer para evitar isso? E isso? Interao Humano
Computador
Slide 4
Critrios e Recomendaes Ergonmicas para IHC Baseado nos Caps. 1
e 2 do Livro Ergonomia e Usabilidade. Cybis, W. Referncias:
Critrios - (Bastien & Scapin, 1993), Captulo 1do livro
Ergonomia e Usabilidade. Recomendaes - Norma ISO 9241 Requisitos
ergonmicos para trabalhos informatizados em escritrios.
Conhecimentos mais detalhados dos critrios ergonmicos apresentados.
Regras aplicveis a seleo e configurao de estilos de dilogos,
janelas, formulrios, menus, listas, tabelas, botes, cores etc.
Interao Humano Computador
Slide 5
Comportamento de uma interface Comportamentos elementares A
interface deve antecipar-se e reagir s aes dos usurios; Elementos
de dilogo que ajudam a conduo do usurio no alcance dos objetivos;
Convite interao Apoio s aes Feedback das aes Interao Humano
Computador
Slide 6
Convite interao Uma forma de atrair o usurio; Pode ser: Ativado
automaticamente pelo sistema Efeito de uma ao do usurio Acionado
pelo usurio. Interao Humano Computador
Slide 7
Convite interao Convites devem ser especficos (Ex. Fornea o
CPF, ao invs de Fornea o dado que est faltando); Deve estar prximo
do objeto a que se refere; Diferenciar entradas disponveis das no
disponveis; Colocar o cursor automaticamente no primeiro campo a
ser preenchido no formulrio (numrico -> direita // texto ->
esquerda); Interao Humano Computador
Slide 8
Apoio s aes do usurio Facilitar as aes de entrada de dados e
comandos, por meio de recursos que proporcionem a diminuio da sua
carga de trabalho; Seletores, valores default etc. Fornecer
informaes de status (itens selecionados, botes ativos etc.).
Interao Humano Computador
Slide 9
Feedback das aes do usurio A cada entrada do usurio, o sistema
deve produzir um feedback imediato e perceptvel (ISO 9241:13);
Exemplos de tempos de reao sugeridos pela norma: 150 ms para
visualizao de caracteres digitados; 250 ms para movimentao entre
campos; 100 ms para movimentao do cursor na tela. Caso a execuo de
uma solicitao no seja imediata, o sistema deve emitir uma indicao
de que recebeu a solicitao, de que comeou a execut-la e de que
completou sua execuo. O feedback pode envolver diferentes recursos
como um sinal sonoro, um indicador de progresso, uma mensagem; Deve
ser adequada ao perfil do usurio da aplicao, sendo mais explicativa
para usurios novatos. Interao Humano Computador
Slide 10
Objetos de interao Objetos de software com recursos para gerar
imagens e reagir conforme as aes dos usurios sobre essas imagens;
Representam metforas do mundo no informatizados: janelas, menus,
botes etc.; So construdos a partir de recursos dos sistemas
gerenciadores de janelas, herdando suas principais caractersticas
de apresentao e comportamento Padronizao das interfaces sob mesma
plataforma de operao. Interao Humano Computador
Slide 11
Objetos de interao Painis de Controle: colees de objetos
necessrios para uma ao ou tarefa. Podem ser janelas ou caixas de
dilogo. Janelas Apresentam graficamente os comandos, ferramentas e
dados de uma aplicao. Possuem zonas funcionais ocupadas por uma
estrutura de menus, barra de ferramentas e dados, alm dos comandos
de sua manipulao (redimensionar, fechar etc.) Interao Humano
Computador
Slide 12
Objetos de interao - Janelas Deve possuir um ttulo nico, curto
e significativo, na sua barra superior, centralizado ou alinhado
esquerda. Layout padronizado para toda a aplicao, com diagramao
equilibrada. Para no haver sobrecarga, o contedo deve ser
pertinente, oportuno e limitado. Comandos e informaes principais
devem estar bem vista do usurio. Interao Humano Computador
Slide 13
Objetos de interao - Janelas Em muitas aplicaes, o usurio pode
comandar a criao ou abertura de outras janelas. Nesse caso, vai
existir a competio pelo foco do usurio e a janela ativa deve ser
destacada. Interao Humano Computador
Slide 14
Objetos de interao Caixas de dilogo: destinada a apoiar a
operao de funes especficas. Janela desprovida de estruturas de
comandos como menus e barras de ferramentas; Podem ser do tipo
formulrio ou caixa de mensagens. Interao Humano Computador
Slide 15
Objetos de interao Caixas de dilogo Caixas de dilogo modal:
exige ateno exclusiva, ficando o usurio impedido de realizar
qualquer outra ao no sistema enquanto o usurio no terminar de
interagir com ela. Caixas de dilogo no modal: pode aguardar em
segundo plano enquanto o usurio trabalha sobre outros objetos.
Interao Humano Computador
Slide 16
Objetos de interao Caixas de dilogo Interao Humano Computador
Assim como nas janelas, recomenda-se que os ttulos sejam
centralizados na margem superior ou alinhados esquerda; Da mesma
forma, a distribuio dos componentes deve seguir uma diagramao
equilibrada; Para diminuir a carga de trabalho do usurio, os campos
e seletores devem estar preenchidos com valores default adequados;
Para facilitar a interao em campos com vrias possibilidades de
respostas, devem ser usadas listas de seleo ou grupos seletores
(radio button ou check box);
Slide 17
Objetos de interao Caixas de dilogo Interao Humano Computador
Para comandar a execuo da funo da janela, deve-se incluir opes
integrando sua aplicao imediata e o fechamento da caixa de dilogo
(Boto OK, por exemplo); Em algumas situaes, pode separar as aes,
nas quais sejam possveis visualizar as aes de comando (Boto
Aplicar), antes de fechar a caixa de dilogo (Boto Fechar); Um
comando de anular a entrada tambm pode estar presente, para
desfazer uma alterao (Boto Cancelar); recomendvel tambm conter uma
opo para acionar o sistema de ajuda contextual e especfica para a
funo (Boto ? ou Ajuda).
Slide 18
Objetos de interao Caixas de dilogo Interao Humano Computador
Caixas de controle de acesso que normalmente so equipadas com
recurso que autoriza o sistema a memorizar dados do usurio, devem
ter esse recurso ativado SOMENTE por ao do usurio, jamais devendo
ser ativada automaticamente pelo sistema. O projetista deve definir
adequadamente os grupos de campos e distribu-los sobre a caixa de
dilogo, de maneira a comunicar a lgica da interao do usurio.
Slide 19
Objetos de interao Interao Humano Computador Formulrios: tipo
de caixa de dilogo destinada especificamente entrada de dados, com
opes de comandos especficas para o registro e manuteno desses
dados; Apresentam um ttulo significativo e um layout que agrupe,
diferencie e ordene logicamente as diversas categorias de dados
apresentados. Os campos devem ser distribudos de modo a respeitar a
estrutura lgica dos dados e facilitar a interao com o usurio. As
aes de entrada devem iniciar-se pelo preenchimento do primeiro
campo no alto esquerda, que dever estar com o foco das aes quando
da apresentao do mesmo.
Slide 20
Objetos de interao - Formulrios Interao Humano Computador
Rtulos e os dados devem ser diferenciados visualmente, tambm com
distino visual entre dados informados pelo usurio e valores default
oferecidos pelo sistema; Campos de preenchimento obrigatrio devem
ser diferenciados visualmente e se possvel, colocados nas primeiras
posies do formulrio; Os campos que contenham dados crticos para o
sistema devem ser identificados e protegidos contra acidentes de
operao. Mensagem que advirta sobre os efeitos da ao e solicite a
confirmao do usurio, deve ser apresentada sempre que o campo for
modificado.
Slide 21
Objetos de interao - Formulrios Interao Humano Computador 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; Rtulos devem estar prximos aos campos
(ao lado ou acima); Nos casos de transferncia de informaes de um
documento fsico para um formulrio eletrnico, os layouts de ambos
devem estar compatveis; Um bom formulrio deve minimizar a
necessidade de troca de dispositivo de interao (do teclado para o
mouse e vice-versa), oferecendo recursos de navegao rpida entre os
campos.
Slide 22
Objetos de interao - Formulrios Interao Humano Computador Em um
contexto de uso profissional, alm da tabulao, para navegao para o
prximo campo (TAB), deveriam ser previstos recursos de navegao mais
avanados, a partir de combinaes de teclas; O registro de dados no
deve ser como efeito colateral da ao do usurio e sim a partir da
sua solicitao explcita atravs de boto apropriado (submeter, enviar
ou gravar).
Slide 23
Objetos de interao Interao Humano Computador Caixas de
Mensagens: usadas para informar o usurio sobre: O que fazer nas
interaes; Em que estado se encontra o sistema; A resposta do
sistema a uma ao sua; Uma situao perigosa, de erro ou de
anormalidade; Como recuperar a normalidade de um sistema.
Normalmente so do tipo modais, exigindo que o usurio comunique que
tomou conhecimento de seu contedo; Quando pertinente, um ou mais
botes de comando (por exemplo Sim e No) devem ser previstos nas
caixas para receber a confirmao do usurio.
Slide 24
Objetos de interao Caixas de Mensagens Interao Humano
Computador Quando a mensagem se destina a solicitar a confirmao de
uma ao destrutiva, a opo default deve recair sobre a anulao e no
sobre a confirmao da ao. Caixas de mensagens envolvendo aes
perigosas (formatar disco rgido) devem ser destacadas pelo uso de
cor vermelha, pelo efeito de intermitncia (pisca) ou ainda por um
som.
Slide 25
Objetos de manipulao Interao Humano Computador Cursores dos
dispositivos de entrada: representam os objetos verdadeiramente
manipulveis pelo usurio de uma GUI. So pequenos para facilitar a
designao de pequenos objetos na tela. O cursor associado ao mouse
se desloca sobre os objetos da tela e muda de forma em funo do
posicionamento ou do tipo de tarefa, sendo significativos para o
usurio;
Slide 26
Objetos de manipulao - cursores Interao Humano Computador O
cursor associado ao teclado marca a posio de insero de caracteres
em um campo de edio e pode variar conforme a tarefa ou estado do
sistema; O recurso de intermitncia visual (pisca-pisca) usado para
chamar a ateno e, ao mesmo tempo, no atrapalhar a visualizao do
texto; Em interfaces de telas tteis, os objetos de interao passam a
ser manipulveis e, caso o usurio use o dedo, o tamanho dos objetos
e espaamentos entre eles devem ser aumentados.
Slide 27
Objetos para seleo Interao Humano Computador Facilitam entradas
dos usurios por meio da seleo de uma entre vrias opes disponveis.
Proporcionam a reduo do esforo fsico e cognitivo, para o usurio que
no 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
seleo, grupos seletores exclusivos e botes de comando.
Slide 28
Objetos para seleo estrutura de menus Interao Humano Computador
Conjunto de menus individuais associados aos comandos do sistema;
Um menu principal e diversos painis de menus de ordem inferior, que
so acionados por meio de opes do menu de hierarquia superior; A
estrutura do menu deve ser compatvel com as convenes empregadas
para a realizao da tarefa; Nomes de opes devem ser significativos
aos usurios; Os menus que abrigam grande nmeros de opes devem ser
organizados em grupos ou sub-menus de 05 a 09 opes, no mximo,
inter-relacionadas.
Slide 29
Objetos para seleo estrutura de menus Interao Humano Computador
Deve haver um balanceamento entre a largura e a profundidade de uma
estrutura de menus; Largura mxima recomendada 7 grupos com 7 opes;
Profundidade de at 3 ou 4 nveis; A ordenao das opes em cada grupo
deve seguir um critrio lgico, como a seqncia da tarefa, ou na falta
destes, na ordem alfabtica; As opes devem ter mltiplas formas de
acionamento; Uso de Mnemnicos e teclas de atalhos (Ctrl+C).
Slide 30
Objetos para seleo estrutura de menus Interao Humano Computador
Barra de menu abriga as opes do menu principal; Mesma regra para a
quantidade de opes (7 2) Retirada comandada pelo usurio Painel de
Menu composies de menu vertical; Menus adaptativos (Padro office)
que apresentam opes mais usadas podem causar confuso em usurios
iniciantes; As opes 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
Slide 31
Objetos para seleo Interao Humano Computador Barra de
Ferramentas Opes mais freqentes em forma de cones. Organizadas por
grupos temticos; Personalizveis por usurios mais experientes; Lista
de seleo Menu de valores possveis, conhecidos previamente, para os
dados de entrada dos usurios; Limite de visualizao imediata de 7 2
itens; Limite de itens em uma lista em torno de 50 itens, ordenados
por freqncia de uso, numrica ou alfabtica; Podem haver separadores
para diferenciar valores recentemente escolhidos;
Slide 32
Objetos para seleo Interao Humano Computador Lista de seleo: Em
caso de restrio de espao, listas podem ser apresentadas em painis
pull down, acionados por meio de setas; A largura pode ser
determinada pelo item mais longo, para no informaes no fiquem
escondidas; A seleo pode ser acelerada com a digitao do primeiro
caractere do valor desejado;
Slide 33
Objetos para seleo Interao Humano Computador Grupos de
seletores exclusivos (radio button): Usado para tornar a entrada do
usurio mais rpida e segura; Empregado para escolha simples de
valores conhecidos; Quando os valores possveis forem em grande
nmero, o projetista dever fazer um esforo para subdividir em grupos
lgicos, marcando visivelmente essa diviso, por meio de linhas
simples ou retngulos.
Slide 34
Objetos para seleo Interao Humano Computador Grupos de
seletores no-exclusivos (check box): Usado para que o usurio possa
escolher diversas opes dentre as diferentes possibilidades; Quando
os valores possveis forem em grande nmero, o projetista dever fazer
um esforo para subdividir em grupos lgicos, marcando visivelmente
essa diviso, por meio de linhas simples ou retngulos.