Ferramentas para a Engenharia

de Usabilidade
Qualidades Ergonmicas para IHC;
Ergonomia: a disciplina
cientfica relacionada ao
entendimento das interaes
entre seres humanos e outros
elementos de um sistema (IEA,
2000)
Ergonomia Cognitiva
Critrios Ergonmicos
1990 Dominique Scapin e Christian Bastien:
Pesquisadores do INRIA (Institut Nacional de
Recherche en Informatique et en Automatique da
Frana);
Estudo visando a organizao dos conhecimentos
sobre interao humano-computador;
Definiram um sistema de critrios que visa facilitar a
recuperao de conhecimento sobre usabilidade;
1993 Definiram uma Lista de Critrios:
Critrios Principais;
Sub-Critrios:
Critrios Elementares.
Critrios Principais
Conduo
Carga de Trabalho
Controle Explcito
Adaptabilidade
Gesto de Erros
Consistncia
Significado dos Cdigos
Compatibilidade
Bom Exemplo
Mau Exemplo
Legenda:
Critrios Principais
Conduo:
Aconselhar, orientar o usurio
Atravs de mensagens, rtulos, alarmes, etc
Carga de Trabalho:
Reduzir a quantidade de elementos desnecessrios nas
interfaces
Reduzir o nmero de aes do usurio
Controle Explcito:
Interromper, cancelar, suspender e continuar
Obedecer ao Usurio
Usurio pode controlar os processamentos do sistema
Presteza/Convite
Agrupamento/Distino de
Itens
Localizao e Formato
Feedback Imediato
Legibilidade
Brevidade
Concio
Aes Mnimas
Densidade Informacional
Aes Explcitas
Controle do Usurio
Critrios Principais
Adaptabilidade:
Capacidade do sistema reagir conforme o contexto, necessidades e
preferncias dos usurios
Atravs de procedimentos, opes, comandos diferentes para alcanar um
mesmo objetivo
Gesto de Erros:
Evitar ou reduzir a ocorrncia de erros
Favorecer a correo dos erros
Atravs de entrada de dados incorretas, entradas com formatos
inadequados, entradas com sintaxes incorretas
Consistncia:
Mantm as escolhas, na concepo das interfaces, idnticas em contextos
idnticos e diferentes para contextos diferentes
Padronizao dos objetos na apresentao das interfaces e na navegacao
entre elas
Atravs de cdigos, denominaes, formatos, procedimentos
Flexibilidade
Experincia do Usurio
Proteo Contra Erros
Mensagens de Erro
Correo de Erros
Critrios Principais
Significado e Denominaes:
Adequao entre o objeto ou a informao apresentada ou
pedida, e sua referncia
Utilizao de termos expressivos para o usurio
Compatibilidade:
Acordo que possa existir entre as caractersticas do usurio e
das tarefas com a organizao das entradas, das sadas e do
dilogo de uma dada aplicao
Grau de similaridade entre diversos ambientes e aplicaes
Atravs de memria, percepo, hbitos, competncias, idade,
expectativas
Presteza/
Convite
Projeta um sistema que informa e conduz o
usurio na interao
Presteza/Convite
Indica o caminho da navegao
do usurio!
Deve indicar onde o usurio se
encontra (mudar o item de menu de
cor).
Presteza/Convite
Indica no menu onde o usurio se encontra!
Indica no menu para
onde o usurio poder ir!
Idem para os demais links
da pgina.
Presteza/Convite
Indica no menu onde o usurio j esteve!
Indica o caminho navegao do usurio!
1/2
Presteza/Convite
Indica o caminho navegao do usurio!
2/2
Presteza/Convite
Orientaes gerais sobre o preenchimento do formulrio
de identificao no sistema de currculos Lattes.
Presteza/Convite
Indicao do estado dos
componentes de uma
apresentao Power Point
Presteza/Convite
As bolhas de ajuda somente
sero elementos efetivos na
interao com o usurio se
complementam, detalham ou
antecipam a informao.
Presteza/Convite
A primeira pgina no se parece com
uma pgina de Universidade, mas sim de
um portal de notcias (1/2)
Presteza/Convite
A primeira pgina desperdia a
oportunidade de mostrar uma viso
ampla da Universidade e seus caminhos
(2/2).
Feedback
Imediato
Fornece feedback imediato e de qualidade s aes do
usurio
Feedback Imediato
Caixa de dilogo informando sobre a evoluo da transferncia de um CV
Curriculum Vitae ( esquerda) e de seu resultado ( direita) no
sistema de currculos Lattes.
Feedback Imediato
Legibilidade
Garante a legibilidade das informaes
apresentadas nas telas do sistema
Legibilidade
A tela apresenta contraste positivo, menos sensvel reflexo,
com blocos de textos e linhas curtas para as pessoas de viso normal
(site Acessibilidade Brasil).
Legibilidade
O passar do mouse sobre as notcias faz com que
elas se tornem sublinhadas, o que causa rudo e
prejudica a legibilidade.
Corpo do texto das chamadas para as notcias pequeno demais para uma
leitura confortvel
Legibilidade
Falta hierarquia visual entre as notcias
mais importantes e as menos importantes
Graas aos submenus as duas barras de navegao somam juntas mais de 75 links,
uma quantia impossvel de ser administrada por qualquer usurio.
Agrupamento
/Distino de Itens
por Localizao
Certifica que a distribuio espacial dos itens
nas telas conduz o usurio na interao
Agrupamento/Distino de Itens por
Localizao
Painel de Menu e Formulrio com opes e campos espacialmente
organizados no sistema de Currculos Lattes.
Apresenta grupos e opes de menu
definidos logicamente (em
funo dos objetos e das aes que a
eles se aplicam)
Agrupamento/Distino de Itens
por Localizao
O usurio possui duas barras de ferramentas posicionadas em
locais distintos dificultando o acionamento e memorizao
Agrupamento/
Distino de Itens por
Formato
Usa os formatos dos itens como meio de transmitir
associaes e diferenas
Permite ao usurio perceber rapidamente as
similaridades ou diferenas entre as informaes a
partir da forma grfica de componentes da interface
(Figura a seguir)
Agrupamento/Distino de Itens
por Formato
Tela do sistema webmail Horde explorando o formato (cores,
cones e formato de caracteres) para distinguir os diferentes estados das
mensagens.
Agrupamento/Distino de Itens
por Formato
Conciso
Dimensiona adequadamente os cdigos e
termos apresentados e introduzidos no sistema
O software conciso minimiza a carga
perceptiva, cognitiva e motora associada
realizao de sadas e entradas individuais
(Figura a seguir)
Conciso
Caixa de dilogo com recursos que proporcionam conciso nas entradas por meio
da seleo de valores e do oferecimento de valores default do MS Word.
Conciso
Na entrada de dados numricos, o usurio no liberado do preenchimento
do ponto decimal desnecessrio
Aes Mnimas
Dimensiona adequadamente os dilogos
propostos para a realizao dos objetivos do
usurio
Minimiza e simplifica um conjunto de aes
necessrias para o usurio alcanar uma meta
ou realizar uma tarefa (Figura a seguir)
Aes Mnimas
Tela do gerenciador de arquivos do MS Windows, com recursos
(rea de Trabalho, Voltar e Visualizar) que permitem ao usurio economizar na
navegao em busca de um arquivo.
Aes Mnimas
Nesta tela h um campo
de seleo (no
selecionvel e que leva o
usurio a outra janela
atravs da tecla TAB)
para opes de dia de
vencimento de
pagamento de boleto de
matricula
Densidade
Informacional
Garante uma adequada densidade
informacional das telas apresentadas pelo
sistema
Densidade Informacional
Painel de Menu do sistema de currculos Lattes apresentando somente as
opes de comando disponveis para o contexto do usurio
Densidade Informacional
Pgina inicial do servio de busca Google apresentando uma densidade
informacional adequada.
Densidade Informacional
Pgina inicial com
excesso de
informaes
Aes
Explcitas
Certifica-se que o usurio que comanda
explicitamente as aes do sistema
Separa as aes de seleo de uma opo e de
ativao dessa opo quando se referir a um
tratamento demorado (Figura a seguir)
Aes Explcitas
Telas do MS Windows para a seleo de tipo de tratamento a aplicar a um
arquivo antes de comandar sua transferncia ( esquerda) e para a seleo do
tipo de conexo de rede antes de comandar sua criao ( direita).
Aes Explcitas
Os botes esto com
aparncia de
desabilitados
A msica que est
tocando est
evidenciada pela cor
branca, porm essa
informao se confunde
com a linha azul sobre
qualquer outra msica
de escolha do usurio.
Pode-se entender que a
msica em andamento
a que est evidenciada
por esta linha.
Fora o usurio a dar duplo clique na nova msica que deseja ouvir.
Enquanto ativar o Play continur tocando a msica (na cor branca).
A linha azul serve
apenas para
navegar pela lista
de msicas
evidenciando-as,
porm isto no fica
explcito.
Controle do
Usurio
Fornece possibilidade do usurio controlar o
encadeamento e a realizao das aes
Verifica se o usurio encontra as opes para
comandar o avano, o recuo, a interrupo, a
retomada ou a finalizao de um dilogo
seqencial (Figura a seguir)
Controle do Usurio
Dilogo passo a passo com a possibilidade de
o usurio avanar e recuar seqencialmente,
cancelar ou pular para determinada etapa
simplesmente clicando sobre seu nome na
lista direita da tela do Lattes.
Controle do Usurio
Cada boto de navegao provoca a abertura de um submenu (drop-down), mas
s possvel ver um menu de cada vez, impedindo o usurio de ter uma viso
ampla das possibilidades antes de clicar
Flexibilidade
Permite que o usurio consiga personalizar as
apresentaes e os dilogos
Verifica diferentes opes de formato de
arquivos e de unidades para os dados
(Primeira Figura a seguir)
Personalizar as telas, inserindo ou retirando
cones, dados ou comandos (Segunda Figura a
seguir)
Flexibilidade
Telas de configurao de cores no MS Office, nas quais o usurio pode
selecionar uma cor padronizada ( esquerda) ou definir uma outra
personalizada ( direita) clicando sobre um ponto na rea de cores ou
digitando seu valor em diferentes sistemas (RGB ou TSL).
Flexibilidade
Telas de personalizao do MS Office, nas quais o usurio pode escolher
os cones presentes na rea de trabalho.
Flexibilidade
Permite a alterao da forma de exibio da informao apresentada pelo
gerenciador de arquivos do MS Office.
Flexibilidade
No existe agrupamentos das informaes de acordo com os perfis mais comuns
de usurios do site, tais como estudantes, professores, aspirantes, etc.
A primeira pgina d destaque demais s
notcias que s interessam a determinados
segmentos do pblico.
Experincia do
Usurio
Permite a interao para usurios com
diferentes nveis de experincia
Fornece aos usurios totalmente inexperientes
dilogos sob a iniciativa do computador (Figura
a seguir)
Experincia do Usurio
Telas da urna eletrnica brasileira cuja seqncia de dilogo (a > b > c > d > e)
controlada explicitamente pelo sistema. O usurio passa de uma cdula
eletrnica a outra medida que confirma suas intenes de voto.
Proteo
Contra Erros
Oferece as oportunidades para o usurio
prevenir eventuais erros
Detecta os erros j no momento da digitao
de uma entrada individual em vez de faz-lo
apenas no momento da validao do
formulrio inteiro (Figura a seguir)
Proteo Contra Erros
Recurso de proteo contra erros do sistema de currculos Lattes,
apresentando o erro de preenchimento do campo de CPF no momento
da digitao do dado equivocado. Este recurso evita a ocorrncia de um erro
maior, o de submeter o formulrio com um CPF invlido.
Proteo Contra Erros
O caminho para conhecer os cursos que a UFSC oferece (sua principal funo)
est mal-rotulado como "Ensino" e um link da barra de navegao sem
destaque.
Proteo Contra Erros
Ao digitar o ano/semestre e cdigo do aluno o usurio recebe uma mensagem
de alerta referente aos Prazos de Matrcula, porm permite que a matricula
seja efetuada fora dos prazos determinados. A maneira como a informao da
mensagem est disposta tambm no facilita a rpida visualizao e
memorizao do usurio
Mensagens de
Erros
Garante a qualidade das mensagens de erro
enviadas aos usurios em dificuldades
Indica ao usurio a razo ou a natureza do
erro cometido, o que ele fez de errado, o que
deveria ter feito e o que deve fazer para sair
da situao de erro (Figura a seguir)
Mensagens de Erros
A mensagens de erro acima um bom exemplo de uma mensagem com
qualidade e bem explicativa, informa sobre o erro e sugere uma correo
automtica pelo sistema. Se o usurio no quiser aceitar...
Ir clicar em No e receber uma nova mensagem fornecendo mais
informaes sobre o que fazer para corrigir manualmente.
Mensagens de Erros
A mensagem de erro no ajuda a resolver o problema do usurio, no
fornece com preciso o local e a causa especfica ou provvel do erro, bem
como as aes que o usurio poderia realizar para corrigi-l o.
Correo de
Erros
Oferece facilidades para que o usurio possa
corrigir os erros cometidos
Correo de Erros
Fornece ligao direta entre o relatrio de erro e o local onde ele se produz
Indica a natureza dos erros cometidos e as aes possveis para sua correo
no Currculo Lattes
Correo de Erros
Apenas fornece a opo de Salvar, no entanto no fornece funes desfazer
e refazer a digitao de Notas. Somente possvel atravs de seleo do
campo Nota e atravs de sua redigitao.
Consistncia
Garante a coerncia do projeto de cdigo, telas
e dilogos com o usurio
A distribuiao, a apresentao e a
denominao dos objetos nas telas so
padronizadas (Figura a seguir)
Consistncia
Consistncia entre os diferentes tipos de formulrios do sistema de currculos
Lattes (Orientao Concluda).
Consistncia
Consistncia entre os diferentes tipos de formulrios do sistema de currculos
Lattes (Software).
Consistncia
Em ambas as telas o
usurio est navegando
no site da instituio,
porm o layout entre
elas est inconsistente.
Aes idnticas, porm em
interfaces com layout
diferentes. Inconsistncia
entre Opes de Menu
Lista de Seleo X Botes
Significados
Certifica-se que os cdigos e denominaes
so claros e significativos para os usurios do
sistema
Os nomes de funes e objetos de interao
so familiares para os usurios (Figura a
seguir)
Significados
Webmail Horde emprega o nome Lista Negra, que bastante representativo
da funo que filtra as mensagens indesejveis.
Significados
Se o usurio deve digitar seu Cdigo Pessoa e no o seu Nome, ento o
rtulo label deve inform-lo.
Significados
Nesta interface de Matrcula, a denominao
do ttulo no est clara.
Compatibilidade
Garante a compatibilidade do sistema com as
expectativas e necessidades do usurio em
sua tarefa
Compatibilidade
Referencias documentao so minimizadas (A tela compatvel com o
documento em papel.
Compatibilidade
Uso freqente de siglas no
familiares.