[email protected] [email protected]
DSC/CCT/UFCG
Prof.: José Eustáquio Rangel de Queiroz
Carga Horária: 60 h
Princípios de Projeto
DSC/CCT/UFCG
 Interface
 Espécie de extensão do usuário
[email protected] [email protected]


Hardware e software refletem as habilidades do usuário,
respondendo às suas necessidades

Utilidade

Rapidez

Facilidade de aprendizado/ (des)aprendizado

Facilidade de uso

Satisfação
Agente de conexão/ separação

Elo de ligação com as potencialidades do sistema

Minimizador de danos das partes interagentes (usuário-sistema)
2
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Sensação de prazer estético

Contraste perceptível entre elementos

Agrupamentos

Alinhamento de elementos e grupos

Representação tridimensional

Uso eficaz e simples de cores e gráficos
3
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Clareza visual, conceitual e frasal

Elementos visuais

Funções

Metáforas

Palavras e texto
4
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
 Compatibilidade
[email protected] [email protected]



Usuário

Necessidades e expectativas

Ponto de vista
Tarefas x trabalho

Facilidade de transição entre tarefas (estrutura e fluxo das
funções do sistema)

Facilidade de navegação entre aplicações/ telas
Produto (versões e/ou concorrentes)

Compatibilização com sistemas existentes

Minimização de aprendizado adicional
5
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Compreensibilidade

Facilidade de aprendizado

Facilidade de compreensão

O QUE olhar/fazer

QUANDO fazer

ONDE fazer

PORQUE fazer

COMO fazer
6
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Facilidade de configuração/ reconfiguração

Intensificação da sensação de controle do usuário

Encorajamento do papel ativo no entendimento do processo

Concessão a preferências pessoais (diferenças em graus de
experiência)
7
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
 Consistência
[email protected] [email protected]

Similaridade de componentes

Aparência

Uso

Operação

Mesma ação  Mesmo resultado

Inalterabilidade na função/ posição de elementos
8
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Controle do processo interativo

Ações resultantes de solicitações explícitas do usuário

Ações executadas o mais rapidamente possível

Ações passíveis de interrupção/ cancelamento

Eliminação/minimização de interrupções nas ações do
usuário devido a erros cometidos

Manutenção do contexto na perspectiva do usuário

Compatibilidade/flexibilidade entre metas a atingir
competências, experiências, hábitos e preferências
e
9
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Capacidade de execução direta de ações

Visibilidade das alternativas disponíveis

Visibilidade do efeito
correspondentes
das
ações
sobre
os
objetos
10
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
 Eficiência
[email protected] [email protected]


Minimização de movimentos oculares/manuais e ações de
controle em geral

Facilidade/Liberdade de transição entre os diversos controles do
sistema

Abreviação das rotas de navegação (sempre que possível)

Obviedade e seqüenciamento do movimento ocular
Antecipação das necessidades e desejos do usuário (sempre
que possível)
11
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Familiaridade

Emprego de conceitos e uso de linguagem habituais ao
usuário

Manutenção da “naturalidade”
comportamentais do usuário)

Uso de metáforas do mundo real
da
interface
(padrões
12
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Indulgência

Tolerância face a erros humanos comuns e inevitáveis

Prevenção de erros (sempre que possível)

Prevenção de erros catastróficos possíveis

Formulação de mensagens construtivas em situações de erro
13
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
 Previsibilidade
[email protected] [email protected]


Oferecimento de mecanismos que possibilitem ao usuário a
antecipação da progressão natural de cada tarefa

Disposição de elementos distintos e reconhecíveis na tela

Oferecimento de pistas/dicas para o resultado de ações
executadas pelo usuário
Preenchimento das expectativas do usuário de modo
completo e uniforme
14
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Facilidade de recuperação

Permissão de reversão de comandos e ações

Permissão de retorno a determinados pontos, caso ocorram
dificuldades

Asseguramento do trabalho do usuário face a erros humanos
ou problemas de hardware, software ou comunicação
15
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Presteza na resposta

Resposta imediata às solicitações do usuário

Resposta imediata a todas as ações do usuário, de modo
visual, textual, audível, etc.
16
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
[email protected] [email protected]
 Simplicidade

Apresentação progressiva de mecanismos ocultos, até que
se façam necessários

Oferecimento de valores defaults

Minimização de pontos de alinhamento na tela

Manutenção da uniformidade e consistência

Facilitação das ações comuns em relação àquelas incomuns
17
Princípios de Projeto
DSC/CCT/UFCG
 Princípios Gerais
 Transparência
[email protected] [email protected]

Permissão da focalização do usuário na tarefa/trabalho, sem
considerar os mecanismos da interface

Invisibilidade do trabalho computacional interno
18
DSC/CCT/UFCG
Princípios de Projeto
 Obstáculos e “Deslizes”
 Ninguém acerta da primeira vez
 Desenvolvimento é um processo cheio de surpresas
[email protected] [email protected]
 Bons projetos implicam séries de alterações
 Ignorar alterações não elimina sua necessidade
 Por mais que se implemente o que se imagina ser o melhor
produto, falhas ainda serão apontadas durante o uso
 Projetistas necessitam de boas ferramentas
 Deve-se estabelecer metas para o projeto
19
DSC/CCT/UFCG
Princípios de Projeto
 Obstáculos e “Deslizes”
 Falta de análise e entendimento das necessidades e
expectativas do usuário
 Não implementação de protótipos
[email protected] [email protected]
 Não realização de testes de usabilidade
 Divergência de pontos de vista da equipe de projeto sobre
as metas de projeto da interface com o usuário
 Falta de comunicação entre membros da equipe de
desenvolvimento
20
DSC/CCT/UFCG
Processo de Projeto
 Projeto para Indivíduos
 Conhecimento o mais completo possível dos usuários e
sua tarefas
 Envolvimento dos usuários no projeto desde os estágios
[email protected] [email protected]
preliminares
 Inclusão
de atividades
processo de projeto
de
prototipagem
rápida
no
 Realização de testes de usabilidade
 Alterações e iterações sucessivas do projeto (conforme a
necessidade)
 Integração do projeto de TODOS os componentes do
sistema
21
DSC/CCT/UFCG
Processo de Projeto
 Usabilidade
 Bennett (1979) – surgimento do termo
 Efetividade do desempenho humano
[email protected] [email protected]
 Shackel (1981) e Bennett (1984) – iniciativas para
formalização do termo
 Shackel (1991)
 Capacidade de uso fácil e efetivo por humanos
 Facilidade – relativa a um nível especificado de análise
subjetiva
 Efetividade – relativa a um nível especificado de
desempenho humano
22
DSC/CCT/UFCG
Processo de Projeto
 Problemas Comuns de Usabilidade
 Mandel (1994)
 Menus e ícones ambíguos
[email protected] [email protected]
 Linguagens
que só permitem a
unidirecional ao longo de um sistema
 Limitações
nos
mecanismos
manipulação direta
de
“navegação”
entrada
e
 Limitações nos mecanismos de destaque e seleção da
informação
 Carência
de clareza em seqüências de passos
integrantes de tarefas
23
DSC/CCT/UFCG
Processo de Projeto
 Problemas Comuns de Usabilidade - WUI
 Congestionamento visual
 Comprometimento da legibilidade da informação
[email protected] [email protected]
 Uso de componentes incomprensíveis
 Uso de mecanismos irritantes na apresentação da
informação
 Estruturação confusa do processo de navegação
 Ineficiência do processo de navegação
24
DSC/CCT/UFCG
Processo de Projeto
 Problemas Comuns de Usabilidade - WUI
 Rolamento de página excessivo ou ineficiente
 Sobrecarga de informações
[email protected] [email protected]
 Ineficiência de operações
 Inconsistência do projeto
 Desatualização da informação visualizada
 Projeto
ultrapassado devido à emulação
documentos impressos e sistemas obsoletos
de
25
DSC/CCT/UFCG
Processo de Projeto
 MITO
[email protected] [email protected]
Usabilidade nada mais é do que senso
comum.
26
DSC/CCT/UFCG
EC1: Ultrapassado x Atual
1 Mau Uso do
[email protected] [email protected]
Espaço em
Tela
2Limitação do
Número de
Itens
ENTREGA AUTOMÁTICA DE COMPRAS
SISTEMA DE SERVIÇOS AO CONSUMIDOR
MANUTENÇÃO E ENTRADA DE PEDIDOS
PEDIDO N•:
0134-9-3214
DATA: 03-DEZ-96
HORA: 16:10:05
DO
SR(A).:______________________________
_____________________________________
PARA
SR(A).:______________________________
_____________________________________
RUA/AV.:_____________________________
_______________________ N•: _________
CIDADE: __________________ UF: ______
CEP: ____________
CP: _____________
RUA/AV.:_____________________________
_______________________ N•: _________
CIDADE: __________________ UF: ______
CEP: ____________
CP: _____________
FONE: ___________
FONE: ___________
FAX: ____________
STATUS/RAZÃO DA COMPRA: _________________________
FAX: ____________
5 Ausência de
Restrições na
Entrada de
Dados
#PEDIDO: ________________
FONE: _______________________
TIPO CC: ______________
#CERT: ________________
ID
#CC: _______________________
QUANT. CERT.: _______
PRODUTO
QTDE
DISPONÍVEL
DATA VENC.: ____________
PREÇO
FRETE
TOTAL
3Processo de
Busca
Confuso
F1 BUSCA CONS.
F2 NOME/END/FONE
F3 CTRL. PED.
F4 BUSCA PROD.
F5 INFO CONS.
TRANSAÇÃO COMPLETADA COM ÊXITO
Ausência de
um Mecanismo de
Visualização dos
Itens
4
27
DSC/CCT/UFCG
 Exercício 03
Processo de
Projeto
 Exemplificar cada aspecto enunciado nos slides
23 a 25
[email protected] [email protected]
a partir de aplicações não hipotéticas com interfaces
gráficas (GUI/WUI)
 Discutir a afirmação do slide
26, destacando tanto
aspectos que reforçam o “mito” quanto aspectos que o
destroem.
 Ler e sintetizar o texto Know Your User or Client,
destacando os aspectos considerados
relevantes para o projeto de uma interface.
como
mais
28