Características Desejáveis

em uma Boa Interface

Cap. 3 - e-Usabilidade
Introdução
Usabilidade
Qualidade da interação de uma interface com os usuários.

● Facilidade de manuseio
● Capacidade de aprendizado rápido
● Dificuldade de esquecimento
● Ausência de erros operacionais
● Satisfação do usuário
● Eficiência na execução de tarefas a que se propõe

(Nielsen, 2000)
Norma ISO 9241
Usabilidade é a capacidade de um produto ser usado por usuários específicos
para atingir objetivos específicos com eficácia, eficiência e satisfação em um
contexto específico.

O projetista deve centrar-se no usuário, atender às suas necessidades.

Requisitos não-funcionais de Usabilidade
1. Requisitos relacionados à Exibição da Informação
a. Consistência
i. Apresentação visual
ii. Uso adequado da combinação de cores
iii. Comportamentos inesperados
iv. Uso de diversos nomes ou ícones para um mesmo assunto
v. Uso de um mesmo nome ou ícone para funções diferentes
b. Feedback
c. Níveis de habilidade e Comportamento Humano
i. Uso de recursos visuais
ii. Uso de outras facilidades
1. Ex: Interfaces com facilidades para usuários experientes e iniciantes
Requisitos não-funcionais de Usabilidade
d. Percepção Humana
e. Metáforas
f. Minimização da Carga de memória
g. Eficiência no diálogo, no Movimento e nos Pensamentos
h. Classificação funcional dos comandos
i. Manipulação Direta
j. Exibição Exclusiva de Informação Relevante
k. Uso de Rótulos, Abreviações e Mensagens claros
l. Uso adequado de janelas
m. Projeto Independente da Resolução do Monitor
Requisitos não-funcionais de Usabilidade
2. Requisitos relacionados com a Entrada de Dados
a. Mecanismos de Ajuda
b. Prevenção de Erros
i. Desabilitação ou inibição de itens inválidos
ii. Orientações adequadas para a entrada correta de dados
iii. Minimização da quantidade de dados de entrada
iv. Interação flexível
v. Customização
c. Tratamento de Erros
Consistência
A consistência reduz a frustração
provocada por comportamentos
inesperados e logicamente
incompreensíveis do sistema.

Permite que a pessoa generalize o

conhecimento de um aspecto do
sistema para outros.
Apresentação Visual
Lida com a apresentação visual das informações
através de terminais de vídeo. Princípios gerais para
a apresentação da informação e se refere tanto a
organização da informação nas telas quanto ao uso
de técnicas de codificação individual.
Suas recomendações referem-se à:

● janelas, áreas de entradas e saídas,

● grupos, listas, tabelas, rótulos,
● campos, cursores,
● aspectos sintáticos e semânticos de códigos
alfanuméricos e abreviaturas,
● codificação gráfica, códigos de cores e outras
técnicas de codificação visual.
Uso adequado da
Combinação de Cores
A cor, elemento fundamental em
qualquer processo de comunicação,
interfere nos sentidos, nas emoções
e no intelecto da pessoa.

Pode-se usá-la deliberadamente

para alcançar um determinado
objetivo.

http://www.mariaclaudiacortes.com/colores/Colors.html
https://vimeo.com/129112056
Comportamentos
Inesperados
Sites e aplicativos que não mantêm
uma coerência de recursos
oferecidos em sua interface.

O Skoob permite a troca de seus

livros entre os usuários. Mas ao
invés de ir no seu livro e procurar
por um botão de ‘troca’, o usuário
deve ir no seu perfil, procurar pela
opção PLUS e lá marcar os livros que
possui e que quer trocar!
 Uso de diversos nomes Uso de um mesmo nome
ou ícones para um ou ícone para funções
mesmo assunto diferentes

Meu computador
Meu computador

Monitor

Meu computador
Feedback
Exemplo de uma
Avaliação de Interface
https://alissonconceicao.wordpress.com/t
ag/comportamentos-inesperados/
Princípios de Design Gráfico
● Proximidade
● Alinhamento
● Repetição
● Contraste
Proximidade
De acordo com Williams (2009), esse princípio
afirma que itens relacionados entre si devem
ser agrupados e aproximados uns dos outros,
a fim de que sejam vistos como um conjunto
conexo e não como um conjunto de partes
que não apresentam ligação alguma.

Dessa forma, itens ou conjunto de

informações que não estão relacionados
entre si não deveriam estar próximos para
que o leitor tenha uma ideia clara da
organização e do conteúdo da página
Alinhamento
Segundo esse princípio, nada deve ser
colocado de forma arbitrária em uma página.
Ou seja, cada item deve ter uma conexão
visual com algo na página.

Essa orientação é importante para obrigar

que o designer seja consciente, pois ele não
poderá jogar as coisas apenas com a
finalidade de ocupar os espaços em branco,
sem a consciência dos outros itens que
existem na página.
Repetição
O princípio da repetição nos fala que algum
aspecto do design do material que está sendo
construído deve repetir-se no material inteiro.

A repetição é o que garante a identidade

visual do trabalho, assim o observador irá
perceber que todos os elementos (folders,
cartazes e panfletos de um mesmo produto,
por exemplo) fazem parte de um único
trabalho gráfico.
Contraste
O contraste é um dos princípios mais eficazes
para chamar a atenção do leitor e o segredo é
simples: se dois itens não forem exatamente
os mesmos, diferencie-os completamente! O
seu propósito é duplo: deixar a página mais
interessante e deixar as informações mais
organizadas para que o leitor seja capaz de
compreender, de forma rápida, a maneira
como os conteúdos estão estruturados e o
fluxo lógico de um item para outro.
https://irlabr.wordpress.com/apostila-de-ihc/parte-1-ih
c-na-pratica/7-principios-de-projeto-de-interacao/