Recomendaes ergonmicas

para IHC

Anderson Rogrio Cunha

Anpolis 16/09/2015

Agenda

Recomendaes ergonmicas para IHC

Comportamentos de uma interface

Comportamentos fundamentais
Comportamentos estruturados

Objetos de interao

Objetos de manipulao

Objetos para seleo

Referncias

Interao Humano Computador

Recomendaes ergonmicas
para IHC

Interao Humano Computador

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 organizao do
trabalho no qual existe interaes entre
seres humanos e mquinas.

Interao Humano Computador

O que fazer para evitar isso?

E isso?

Interao Humano Computador

Comportamentos de uma
interface

Interao Humano Computador

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

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

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

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

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.

Interao Humano Computador

Feedback das aes do usurio

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

Comportamentos estruturados
Dilogos que se estabelecem entre sistema e

usurios;
Seguem estruturas ou estilos repetindo dois
padres gerais de comportamento:
Sequncia rigida de interaes;
Sequncia livre (mais frequente):

O usurio pode escolher entre aes ou

caminhos concorrentes

Interao Humano Computador

Comportamentos estruturados
Dilogos com caminho concorrnte:
Dilogos por menus;
Dilogos por linguagem de comando;
Dilogos por preenchimento de formulrios;
Dilogos por manipulao direta;
Dilogos sequenciais:
Dilogos passo a passo;
Dilogos questes versus respostas

Interao Humano Computador

Objetos de interao

Interao Humano Computador

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
plataforma de operao.
Interao Humano Computador

sob

mesma

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

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

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

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

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

Objetos de interao
Caixas de dilogo
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);
Interao Humano Computador

Objetos de interao
Caixas de dilogo
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).
Interao Humano Computador

Objetos de interao
Caixas de dilogo
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.
Interao Humano Computador

Objetos de interao
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.
Interao Humano Computador

Objetos de interao - Formulrios

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.
Interao Humano Computador

Objetos de interao - Formulrios

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.

Interao Humano Computador

Objetos de interao - Formulrios

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).
Interao Humano Computador

Objetos de interao

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.

Interao Humano Computador

Objetos de interao
Caixas de Mensagens
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.

Interao Humano Computador

Objetos de manipulao

Interao Humano Computador

Objetos de manipulao
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;

Interao Humano Computador

Objetos de manipulao - cursores

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.
Interao Humano Computador

Objetos para seleo

Interao Humano Computador

Objetos para seleo

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.
Interao Humano Computador

Objetos para seleo

estrutura de menus
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.
Interao Humano Computador

Objetos para seleo

estrutura de menus
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).
Interao Humano Computador

Objetos para seleo

estrutura de menus

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
B Indicador
C Indicador
D Teclas de
aceleradoras

de sub-menu
de status ativado
de continuidade
Atalho ou

Interao Humano Computador

Objetos para seleo

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;
Interao Humano Computador

Objetos para seleo

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;

Interao Humano Computador

Objetos para seleo

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.

Interao Humano Computador

Objetos para seleo

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.

Interao Humano Computador

Referncias
Caps. 1 e 2 do Livro Ergonomia e

Usabilidade. Cybis, W.
Referncias complementares:

Critrios - (Bastien & Scapin, 1993), Captulo

1do livro Ergonomia e Usabilidade .

Material disponibilizado pela Prof Cynara
Carvalho

http://slideplayer.com.br/slide/1746089/
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

anderson.cunha@alfa.br

Interao Humano Computador