Aula 5_Usabilidade_Estacio Ceara
24 pág.

Aula 5_Usabilidade_Estacio Ceara

Disciplina:Engenharia de Usabilidade1.913 materiais3.867 seguidores
Pré-visualização1 página
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