Aula 5_Usabilidade_Estacio Ceara

Prévia do material em texto

ENGENHARIA DE USABILIDADE
Professor: David Falcão, M.Sc.
davidfalcaoprof@gmail.com
CURSO SUPERIOR DE TECNOLOGIA
DE DESENVOLVIMENTO DE SISTEMAS
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
O que é um objeto de interação (OI)?
Entidade da interface que o usuário pode perceber e manipular 
(através do mouse, teclado, mão..) 
Possui recursos que possibilitam a apresentação de dados e a 
recepção das ações dos usuários. 
Consequentemente, um OI está associado à lógica de utilização do 
sistema.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Interfaces Gráficas
Cada interface gráfica possui um modo particular de utilização e de 
gerência de sua aparência; as principais formas de interfaces
gráficas podem ser subdivididas em:
- Janelas (windows)
- Menus
- Formulários (Forms)
- Caixas (Box)
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Janelas
Fornecem uma arena para apresentação e interação com outros 
objetos de interação.
Janelas primárias: espaço de interação inicial do sistema;
Janelas secundárias: originada da janela primária ou de outras 
janelas secundárias.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Diretrizes para projeto de janelas: 
- Evite excesso de janelas em cada aplicativo;
- Permita que as janelas sejam reposicionadas e redimensionadas;
- Mantenha a consistência da aparência das janelas;
- Use diferentes janelas para diferentes tarefas (independentes).
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus
Lista de itens na qual uma ou mais 
seleções podem ser feitas pelo 
usuário.
- reduz necessidade de memorização
- elimina digitação, reduzindo erros
- reduz necessidade de treinamento 
(?)
Existem diversos tipos de menus;
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Push Button – Botões de apertar
- Botões separados; sempre visíveis;
- Interface possui poucos comandos, por ocupar muito espaço;
- Rótulos dos botões bem claros e precisos;
- Botão default, com aparência diferente;
- Realce quando um botão é escolhido pelo usuário.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Pull Down – menus permanentes
É o estilo de interação mais popular. 
Geralmente são ativados no topo da janela; somente o título do menu 
ocupa espaço permanente na tela. 
São utilizados para se acessar as funções mais importantes do sistema.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus dinâmicos
- Tipo especial de menu pull down;
- Contém opções que são dependentes da execução, sendo montados de 
maneira diferente. 
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Radio Button – botões de opção
- Oferecem escolhas que são mutualmente exclusivas (uma ou outra);
- Aplicado quando a quantidade de opções é pequena;
- Marcações são feitas para indicar a escolha corrente.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Check Button – botões de checar
- Oferecem escolhas que não são mutualmente exclusivas;
- Aplicado quando a quantidade de opções é pequena;
- As opções escolhidas geralmente são marcadas por um indicador visual.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Popup – menus instantâneos 
- Aparecem em diferentes lugares na tela, 
determinado pela posição do cursor;
- Principal vantagem é em relação à utilização de 
espaço, pois não utiliza espaço permanente da 
tela. 
- Geralmente não há indicação de existência do 
menu popup;
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus Combo Box – menus de opções
- Combinação (“combo”) de menus de botão com menu popup, agregando, 
também, suas vantagens de visibilidade aliado à pouca ocupação de espaço 
de tela;
- Usado caso o número de opções seja muito grande.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Menus de Paleta – menus de ícones
- Opções representadas por ícones gráficos;
- Escolhas geralmente mutuamente exclusivas;
- Muito usados em editores gráficos.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Formulários
Um formulário é uma interface contendo diversos campos rotulados 
que podem ser preenchidos pelo usuário, geralmente através de 
digitação ou por escolha em menus.
Existem vários tipos de valores para os campos de um formulário:
- Valores digitados
- Lista de escolhas
- Valores default
- Valores obrigatórios / opcionais
- Valores dependentes
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Formulários
- Valores digitados
 - Digitados pelo usuário e validados pela interface
 
 - Lista de escolhas
 - Todas as opções são apresentadas ao usuário.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Formulários
- Valores default
- Valores dependentes
Formulários
- Valores obrigatórios / opcionais
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Caixas
- Interfaces (ou áreas da interface) usada para mensagens, entrada de 
texto, comandos, seleção e controle;
- Suportam agrupamento visual de diferentes tipos de objetos como botões, 
listas e barras de rolagem.
Existem vários tipos: 
- Caixas de lista;
- Caixas de entrada;
- Caixas de mensagem;
- Caixas de diálogo;
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Caixas de lista (listbox)
- Uma sequência de opções, 
geralmente com scrollbars horizontal 
ou vertical;
- Podem ter um pequeno campo para 
entrada de texto, geralmente na
base da caixa, onde o usuário digita 
um texto para busca nas opções.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Caixas de entrada (input box)
- permite ao usuário entrada de 
texto, além de possibilitar alguma 
ação com este mesmo texto; 
Caixas de mensagem (message 
box)
- apresenta informação ao usuário 
(progresso, perguntas, avisos) ou 
requerendo alguma informação
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Caixas de diálogo modais
- a tarefa realizada não pode ser 
concluída sem um ação do usuário
Caixas de diálogo não-modais
- meramente informa ou aguarda uma 
ação do usuário, caso seja necessário.
Engenharia de Usabilidade – Prof. David Falcão 
Recomendações ergonômicas - Objetos de Interação 
Duas técnicas de apoio ao projeto de interfaces:
Usando guias de estilo para projetar interfaces
Usando padrões de usabilidade 
Engenharia de Usabilidade – Prof. David Falcão 
Referências
• PREECE, J.; ROGERS, Y.; SHARP, H. Design de interação: Além da interação homem-
computador. 1a. Edição. Porto Alegre: Bookman, 2005 (bibliografia principal);
• Bastien, C. & Scapin, D. Human factors criteria, principles, and recommandations for HCI: 
methodological and standardisation issues. (Internal Repport) INRIA, 1993. 
	Slide 1
	Slide 2
	Slide 3
	Slide 4
	Slide 5
	Slide 6
	Slide 7
	Slide 8
	Slide 9
	Slide 10
	Slide 11
	Slide 12
	Slide 13
	Slide 14
	Slide 15
	Slide 16
	Slide 17
	Slide 18
	Slide 19
	Slide 20
	Slide 21
	Slide 22
	Slide 23
	Slide 24