Transcript of Profa. Cynara Carvalho cynaracarvalho@yahoo.com.br Critérios e Recomendações Ergonômicas para...
- Slide 1
- Profa. Cynara Carvalho cynaracarvalho@yahoo.com.br 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.