Projeto de Interfaces com o Usuário
CIn-UFPE
1
Objetivos

Propor princípios gerais de projeto de interface

Descrever estilos de interação

Discutir fatores relevantes para a apresentação de
informações

Descrever o apoio ao usuário que deve ser oferecido
pelas interfaces

Introduzir atributos de usabilidade e abordagens de
avaliação
CIn-UFPE
2
Contexto


A interface com o usuário é freqüentemente um dos
principais parâmetros pelo qual muitos sistemas são
julgados.
De uma certa forma, a interface é a embalagem do
software
 Se ela for amigável, o usuário tem mais chance
de fazer melhor uso do software
 Uma interface mal projetada pode fazer o usuário
cometer muitos erros.
CIn-UFPE
3
Contexto




Existem muitos sistemas cujas interfaces são mal
projetadas
Frustração e ansiedade por parte dos usuários é
uma conseqüência comum
Mas alguém gastou tempo e energia para projetar e
construir cada uma destas interfaces?
Por que isto acontece?
 Aspectos tecnológicos
 Aspectos humanos
CIn-UFPE
4
Aspectos humanos:
Que fatores são importantes?

Legibilidade

Diferenças entre os usuários
 Formação
 Nível
de habilidade
 Experiência
 Distinções
comportamentais baseadas em
variações de personalidade
CIn-UFPE
5
Interface gráfica (GUI)

Características
 Grande
capacidade gráfica
 Baseada
no uso de janelas, com possibilidade de
usar várias simultaneamente.
 Uso
do mouse para seleção de comandos,
seleção e transferência de informações, ativação
de rotinas, navegação entre as janelas, etc.
 Vários
tipos de menus
 Hipertexto
CIn-UFPE
6
Vantagens das Interfaces Gráficas

São fáceis de aprender e de usar

Os usuários podem interagir com mais de uma tarefa
ao mesmo tempo

Podem ser usadas em conjunto com interfaces de
comandos.
CIn-UFPE
7
Princípios de Projeto

A interface deve ser consistente

Facilidade de implementação não deve ser
considerada inicialmente

O usuário não deve ser surpreendido pelo sistema

O usuário deve participar das decisões

A interface deve usar termos e conceitos com os
quais os usuários estejam familiarizados
CIn-UFPE
8
Princípios de Projeto

A interface deve prever mecanismos que permitam
aos usuários recuperarem seus erros
 Pedir
 Ter

confirmação de ações destrutivas
opções para desfazer ações já concluídas
A quantidade de informação que precisa ser
memorizada deve ser minimizada

Esforço de digitação e movimentação do mouse
também devem ser minimizados
CIn-UFPE
9
Interação Usuário-sistema
Interface baseada em Manipulação Direta



A informação é apresentada e modificada diretamente
Ex: Editores de texto, formulários
Vantagens
 Usuários se sentem no controle
 Tempo de aprendizado baixo
 Efeito das ações é óbvio
CIn-UFPE
10
Interação Usuário-sistema
Sistemas baseados em Menus

Várias formas de seleção

Vantagens
 Comandos
não precisam ser aprendidos
 Baixo
esforço de digitação
 Erros
são minimizados
 Ajuda
dependente de contexto pode ser mais
facilmente provida

Desvantagem: dificuldade de estruturação de
grandes menus
CIn-UFPE
11
Interação Usuário-sistema
Interfaces de Linha de Comando

Vantagens:
 Técnicas
de processamento de linguagens já são
bem entendidas
 Implementação
 Interação
é simples e barata
bastante rápida para usuários
experientes
CIn-UFPE
12
Interação Usuário-sistema
Interfaces de Linha de Comando

Desvantagens
 Os
usuários precisam aprender a linguagem de
comandos antes de poder começar a usar o
sistema
 Usuários
 Toda
cometem erros com freqüência
a interação é, em geral, feita pelo teclado
 Em
geral não é adequada para usuários
inexperientes e/ou ocasionais
CIn-UFPE
13
Apresentação da Informação



Requer conhecimento sobre o usuário
Projeto de software: separar manipulação e
apresentação de dados
Texto ou gráfico? Depende de:
 Nível de detalhe requerido
 Taxa de mudança
 Necessidade de manipulação
 Tipo de informação
CIn-UFPE
14
Apresentação da Informação - exemplos
Jan
2842
Feb
Mar
2851 3164
April
2789
May
1273
June
2835
May
June
4000
3000
2000
1000
0
Jan
CIn-UFPE
Feb
Mar
April
15
Apresentação da Informação - exemplos
1
4
0
2
10
20
3
Dial with needle
CIn-UFPE
Pie chart
Thermometer
Horizontal bar
16
Uso de Cores




As cores podem ser usadas para chamar a atenção
No caso de sistemas que lidam com informações
muito complexas, o uso de cores é fundamental
Por outro lado, o uso inadequado pode levar a
 Interfaces que induzem os usuários a erros
 Interfaces que perturbam os usuários
Erros mais comuns
 Uso de um número excessivo de cores
 Uso inconsistente das cores
CIn-UFPE
17
Uso de Cores
Algumas Diretrizes

Não usar cores demais

Usar as cores de maneira consistente

Permitir que o usuário controle o padrão de cores

Usar cores para ajudar o usuário em suas tarefas
Usar a mudança de cores para enfatizar mudanças
no status do sistema
Ser cuidadoso com a combinação de cores


CIn-UFPE
18
Ajuda ao Usuário

Além da documentação formal do sistema, a
interface deve fornecer
 Mensagens
 Help
CIn-UFPE
de erro
online
19
Mensagens de Erro


Educadas, concisas, consistentes e construtivas
Boas mensagens de erro
 Descrevem o problema de maneira direta e numa
linguagem profissional
 Não colocam a culpa no usuário
 Não são associadas a sons que possam colocar o
usuário em situação embaraçosa
 Sempre que possível, oferecem opções de como
o usuário pode prosseguir para se recuperar do
erro
CIn-UFPE
20
Help Online

Devem prover vários pontos de entrada

Estrutura complexa

Uso de múltiplas janelas

Não deve ser uma mera cópia do manual do usuário

Construído com ajuda de especialistas no domínio
de aplicação
CIn-UFPE
21
Avaliação de Interfaces

Usabilidade é a principal preocupação

Atributos
 Facilidade
 Tempo
de aprendizado
de resposta
 Robustês
 Adaptabilidade
CIn-UFPE
22
Avaliação de Interfaces

Alternativas
 Usar questionários para obter feedback dos
usuários
 Filmar o usuário usando o sistema para posterior
análise
 Incluir rotinas de coleta de dados sobre o uso das
funções mais utilizadas no sistema
 Incluir opção que permita ao usuário fazer
comentários sobre o sistema
CIn-UFPE
23
Pontos Principais




O projeto de interface deve ser baseado nos
usuários
Informação deve ser mostrada graficamente sempre
que possível
Cores devem ser usadas com cuidado
Mensagens de erro devem ser educadas e úteis
CIn-UFPE
24