Aula 4_Usabilidade_Estacio Ceara
45 pág.

Aula 4_Usabilidade_Estacio Ceara


DisciplinaEngenharia de Usabilidade2.166 materiais4.235 seguidores
Pré-visualização2 páginas
ENGENHARIA DE USABILIDADE
Professor: David Falcão, M.Sc.
davidfalcao@gmail.com
CURSO SUPERIOR DE TECNOLOGIA
DE DESENVOLVIMENTO DE SISTEMAS
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
Heurísticas de Usabilidade \u2013 Jakob Nielsen
Critérios Ergonômicos \u2013 Bastien & Scapin
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Condução
\u2013 Convite
\u2013 Feedback imediato
\u2013 Legibilidade
\u2013 Agrupamento/Distinção de itens
\u2022 Carga de trabalho
\u2013 Concisão
\u2013 Ações mínimas
\u2013 Densidade informacional
\u2022 Controle explícito
\u2013 Ações explícitas do usuário
\u2013 Controle do usuário
\u2022 Adaptabilidade
\u2013 Flexibilidade
\u2013 Consideração da experiência do usuário
\u2022 Gestão de erros
\u2013 Proteção contra os erros 
\u2013 Qualidade das mensagens de erros
\u2013 Correção dos erros
\u2022 Significado dos códigos e 
denominações
 
\u2022 Homogeneidade/Coerência
\u2022 Compatibilidade
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Condução
\u2013 O software deve aconselhar, orientar, informar e conduzir o 
usuário na interação com o computador (mensagens, alarmes, 
rótulos, etc.);
\u2013 Possibilitar a localização do usuário, o conhecimento das 
ações permitidas, bem como suas consequências;
\u2013 Apresentar claramente as informações na tela;
\u2013 Software com uma boa condução proporciona aprendizado 
rápido e fácil utilização.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Convite 
\u2013 O software prestativo deve guiar o usuário e poupar do aprendizado 
de uma série de comandos;
\u2013 Permitir ao usuário identificar o estado ou contexto no qual se 
encontra;
\u2013 Possibilitar ao usuário conhecer as alternativas de ações.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Convite
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Feedback Imediato 
Interface de escolha de fontes Alternativa de interface, com 
melhor feedback
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Legibilidade 
\u2013 Qualidade visual das informações (clareza);
\u2013 Contraste letra / fundo, tamanho da fonte, espaçamento entre 
palavras, espaçamento entre linhas, comprimento da linha, etc...;
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Legibilidade
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Agrupamento/Distinção de Itens 
\u2022 Agrupamento por Formato
\u2022 Agrupamento por Localização
- Organização visual dos itens de informação
- Apresentar os itens organizados 
(Ex: ordem alfabética, freqüência de uso, etc...);
- Formatar ou codificar os itens de maneira a indicar suas 
similaridades ou diferenças.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Agrupamento/Distinção por Formato 
\u2013 Distinção dos itens de informação por meio de características gráficas 
(formato, cor, etc...);
\u2013 Exemplos:
\u2022 Fazer uma distinção visual clara de áreas que têm diferentes 
funções (área de comandos, área de mensagens, etc...);
\u2022 Fazer uma distinção visual clara dos campos de dados e seus 
rótulos.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
\u2022 Agrupamento/Distinção por Formato 
IHC \u2013 Critérios Ergonômicos
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Agrupamento/Distinção por Localização 
\u2013 Distinção dos itens de informação por meio do posicionamento 
relativo dos mesmos;
\u2013 Exemplos:
\u2022 Organizar os itens em listas hierárquicas;
\u2022 Quando várias opções são apresentadas, sua organização deve 
ser lógica, ou seja, a organização deve representar uma 
organização funcional relevante ou significativa (ordem alfabética, 
freqüência de uso, etc...).
Engenharia de Usabilidade \u2013 Prof. David Falcão 
Por que as opções para 
acessar estão 
separadas?
Por que
esta opção
não está
junto com
o texto?
\u2022 Agrupamento/Distinção por Localização 
IHC \u2013 Critérios Ergonômicos
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2013 Quanto menos o usuário for distraído por informações
desnecessárias, mais será capaz de desempenhar suas
tarefas eficientemente e menor será a probabilidade de
cometer erros.
Carga de Trabalho
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Concisão 
\u2013 Quanto menos entradas, menor a probabilidade de erros serem 
cometidos;
\u2013 Quanto mais sucintos forem os itens, menor será o tempo de leitura;
\u2013 Exemplos:
\u2022 Quando uma unidade de medida está associada a um campo, inclua a 
unidade como parte do campo de dados, ao invés de fazer o usuário 
digitá-la;
\u2022 Para dados numéricos, a entrada de zeros à esquerda não deve ser 
necessária.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Concisão
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
- Limitar, tanto quanto possível, o número de passos pelos quais 
o usuário deve passar para realizar determinada tarefa;
Exemplos:
\u2022 Minimize o número de passos necessários para se fazer uma
seleção em menu;
\u2022 Quando várias páginas estiverem envolvidas, possibilitar ir
diretamente para uma página sem ter que passar pelas
intermediárias.
Ações Mínimas
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Ações Mínimas 
Uma boa barra de
ferramentas economiza
as ações dos usuários!
Recursos para diminuir as
ações dos usuários para
encontrar um arquivo!
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Densidade Informacional
\u2013 Carga de trabalho do usuário, com relação ao conjunto total de 
informações apresentadas, e não a cada elemento ou item individual;
 
\u2013 Quando a densidade da informação é muito alta, a ocorrência de erros é 
mais provável.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
Somente as opções
necessárias para a 
tarefa!
\u2022 Densidade Informacional 
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Controle Explícito 
\u2013 Delegar aos usuários o controle sobre as ações 
efetuadas pelo sistema;
\u2013 Os erros diminuem quando os usuários definem 
explicitamente e mantêm controle sobre as suas 
entradas;
\u2013 O sistema é melhor aceito pelos usuários quando 
estes têm controle sobre a interação.
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Ações Explícitas do Usuário 
\u2013 O computador deve processar somente as ações solicitadas pelo 
usuário e somente quando solicitado a fazê-lo;
\u2013 Os usuários aprendem e entendem melhor o funcionamento da 
aplicação, e menos erros são observados;
\u2013 Exemplo:
\u2022 Permita aos usuários controlar a seqüência das transações através de 
ações explícitas; adie o processamento até que uma ação explícita do 
usuário seja comandada. (Ex: Verificação ortográfica do Word).
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
Deve-se
poder
escolher
primeiro e
depois
comandar!
\u2022 Ações Explícitas do Usuário
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Controle do Usuário
\u2013 Os usuários devem estar sempre no controle do processamento do sistema 
(interromper, cancelar, suspender e continuar);
\u2013 O controle sobre as interações favorece a aprendizagem e diminui a 
probabilidade de erros;
\u2013 Exemplos:
\u2022 Possibilitar aos usuários interromper ou cancelar a transação ou processo atual; 
\u2022 Fornecer uma opção CANCELAR a qual tem o efeito de apagar qualquer mudança 
que acabou de ser feita e trazer a tela para seu estado anterior. 
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Controle do Usuário 
Engenharia de Usabilidade \u2013 Prof. David Falcão 
IHC \u2013 Critérios Ergonômicos
\u2022 Adaptabilidade 
\u2013 O sistema deve reagir conforme o contexto, e 
conforme as necessidades e preferências do usuário;
\u2013 Uma interface não pode atender ao mesmo tempo a 
todos os seus usuários em potencial;