Interface

Interface Homem- • Deve ser entendida como sendo a parte de um

Computador sistema computacional com a qual uma pessoa entra

em contato física, perceptiva e conceitualmente
[MORAN 81].
(IHC)
• IHC é a parte de um artefato que permite a um
usuário controlar o funcionamento deste artefato
através de dispositivos sensíveis às suas ações e
Profª. Leticia Lopes Leite capazes de estimular sua percepção.
Software Educacional I

IHC Perspectivas em IHC

• Tem por objetivo principal fornecer aos
pesquisadores e desenvolvedores de sistemas,
explicações e previsões para fenômenos interação
usuário-sistema e resultados práticos para o
design da interface de usuário.
Usuário como máquina Máquina como pessoa

• Considerar 4 elementos básicos: sistema, usuários,

desenvolvedores e ambiente de uso (domínio da
aplicação) Trabalho
ou produto

• Objetivo do software: atingir usabilidade e

aplicabilidade, oferecendo ao usuário ferramentas
Computador como ferramenta
fáceis de usar, aplicar e comunicar. Computador como mídia

Perspectivas em IHC Usabilidade

Foco no Usuário
• Se refere à qualidade da interação de
sistemas com os usuários.

Trabalho
ou produto

Computador como ferramenta

Computador como mídia
 Usabilidade Design de Interface
Modelo de Tarefas
+
Modelo de Usuários
• Fatores que influenciam: =
Modelo de Design
– facilidade de aprendizado do sistema
– facilidade de uso
– satisfação do usuário
– flexibilidade
– produtividade

Designer

Comunicabilidade Interação
• Inclui todas as formas como os
• Transmitir ao usuário de forma eficaz usuários se comunicam ou interagem
e eficiente as intenções e princípios em sistemas computacionais.
de interação que guiaram o seu design.
• Estilos:
• Linguagem Natural
• Linguagens de Comando
• Menus
• Formulários
• WIMP (Windows, Icons , Menus and Pointers)
• Manipulação Direta

Linguagem Natural Linguagem de Comando

• Permite aos usuários utilizar a Língua • Proporcionam ao usuário enviar

(português, inglês,…) como forma de
comunicação com o computador.
LExpressão de palavras, construção
gramaticalmente incorreta, etc...
instruções diretamente ao sistema
através de comandos específicos.
JSão poderosas
LAprendizado do sistema: comandos e
sintaxe devem ser lembrados
 Menus
• Podem ser de seleção múltipla ou
simples.
• Observar nomes dados aos grupos do
menu devem refletir a função.
LOcupam muito espaço na tela
Alternativa menus popup
WIMP
• Junção de vários estilos.
• Implementado com o auxílio de
ferramentas gráficas.
Ergonomia
• Segundo Wisner, a ergonomia pode
ser definida como sendo o conjunto
de conhecimentos científicos
relativos ao homem e necessários à
concepção de instrumentos, máquinas
e dispositivos que possam ser
utilizados com o máximo de conforto,
segurança e eficiência.
Formulários
• Utilizados para entrada de dados.
• Layout semelhante ao formulário impresso.
• Utilização:
• Diferentes categorias de informações são solicitadas
• Dados digitados repetidas vezes
• Observar:
• Clareza no tipo de dado que deve ser inserido
• Formato dos dados
Manipulação Direta
• Permitem ao usuário interagir
diretamente sobre os objetos da
aplicação sem a necessidade de
comandos de uma linguagem específica.
Ergonomia
• No caso da tarefa informatizada, onde os
processos cognitivos da atividade mental são
preponderantes, apresenta-se a ergonomia
cognitiva, que segundo Falzon, tem por domínio, o
conjunto de atividades mentais dos sujeitos
engajados na realização de uma tarefa.
• Para obtenção de um produto de software com
qualidades ergonômicas, ou seja, adaptado ao
usuário em sua atividade, a concepção de
interfaces deve estar baseada nos pilares
fundamentais: usuário e trabalho.
 Modelagem de Usuários Modelagem de Usuários

• Papel (função): diferentes tarefas que eles

irão realizar • Freqüência de uso da aplicação:
• Familiaridade com computadores: – ocasional
proeficiência no uso de dispositivos – freqüente
– experiente
– iniciante • Contexto sócio-cultural: observar
• Nível de conhecimento do domínio da problemas de línguas, dialetos e
aplicação: tradições culturais.
– novato
– especialista

Avaliação de Interfaces Métodos de Avaliação

• Possibilita a avaliação do sucesso ou • Maior parte :

insucesso das hipóteses do designer – observação e monitoração de usuários;
sobre a solução que está propondo. – coleta de opinião dos usuários;
– experimentos;
Formativa – testes de benchmark;
Somativa – interpretação de interações;
– predição.

Métodos de Avaliação Métodos de Avaliação

• Observação e Monitoração: • Experimentos e Benchmark:

• feito informalmente; • determina variáveis a serem analisadas,
• no laboratório ou ambiente de trabalho; envolvendo interações complexas com seres
• dados coletados através de nota do humanos;
observador ou algum tipo de gravação (filme) • técnicas rigorosamente controladas.

• Coleta de opinião: • Métodos Interpretativos:

• usuários que não gostam das aplicações não a • dados coletados informalmente e
utilizarão posteriormente interpretados pelo designer.
 Métodos de Avaliação
• Métodos de Predição:
• buscam prever os tipos de problemas que os
usuários terão ao usar o sistema, sem a
necessidade de testá-lo com usuários de
fato.
• Envolvem técnicas de modelagem psicológicas
dos usuários ou métodos de inspeção.
Testes de Usabilidade
• Etapas:
– coleta de dados (desenvolvimento de uma
tarefa pelo aluno, gravação/filmagem);
– atribuição de interjetições às ações;
– análise de dados (através de uma tabela
que identifica os problemas relacionados
a interjeição).
Testes de Usabilidade
– Epa! / Onde estou?
• Usuário executa uma ação indesejada, percebe e
imediatamente desfaz a ação.
– Por que não funciona? / Ué, o que houve?
• Usuário executa uma ação, e não percebe porque o
resultado não foi alcançado. Muitas vezes repete a
ação para conferir o resultado.
Testes de Usabilidade
• Objetivo: medir quantitativamente o
valor alcançado pelo sistema em cada
um dos fatores de usabilidade de
interesse.
– Realização de experimentos com os
usuários
– interpretação dos valores obtidos
• Técnica: Engenharia de Usabilidade
[Nielsen93]
Testes de Usabilidade
• Interjeições:
– Cadê / E agora?
• Usuário procura por uma função específica que ele
deseja executar, procurando no menu, dicas , etc., sem
executar nenhuma ação.
– Que é isso?
• Usuário tenta descobrir o que significa um objeto da
interface, colocando o cursor sobre um ícone,
esperando uma dica, procura o help,...
Testes de Usabilidade
– Para mim está bom…
• Usuário dá uma tarefa por terminada, sem perceber
que não alcançou o resultado desejado.
– Não dá.
• Usuário não consegue executar uma ação por
problemas com os recursos ou porque ele não sabe.
– Deixa pra lá… / Não, obrigado.
• Usuário não entende as soluções e resolve seu
problema de uma outra maneira.
Testes de Comunicabilidade

• Objetivo: avaliar a sua interface com Alguma Características a

relação à sua prioridade de
comunicabilidade. Observar na
Construção de um
• Método: propõe um conjunto de
interjeições que o usuário potencialmente
Software
pode usar para se exprimir em uma situação
onde acontece uma ruptura na sua
comunicação com o sistema.

“Quanto maior for a carga de trabalho
congnitivo para o usuário, maior a
probabilidade de erro, quanto menos o
usuário for distraído por informação
desnecessária, mais será capaz de
desempenhar suas tarefas
eficientemente, pois quanto menos
ações necessárias, mais rápidas vão
ser as interações.”
Feedback Imediato
• Respostas do sistema às ações do
usuário.
– Deve ser rápido
– Demora ou ausência de feedback podem
fazer com que o usuário suspeite de
falha do sistema, tomando atitudes
prejudiciais ao andamento da ação.

Agrupamento/Distinção de Itens Consideração da Experiência do

Usuário

• Agrupar por ordem alfabética, • Níveis de utilização

freqüência de uso, etc… • Comandos e opções não precisam ser
• Facilita a compreensão da tela. visíveis o tempo todo.
– Agrupamento/Distinção por Localização • Utilização de atalhos
(posição em um menu)
– Agrupamento/Distinção por Formato (cor
e formato de um ícone)

Erros
• Preferível detectar os erros no
momento da digitação que no momento
da validação.
• Indicação do que foi executado de
maneira errada, e como fazer para
corrigir.
• Facilidade na correção de erros
Homogeneidade/Coerência
• Procedimentos, rótulos, comandos,
etc, são conservados idênticos em
contextos idênticos e diferentes para
contextos diferentes.
• Tornam o sistema mais previsível, e a
aprendizagem mais generalizável, além
de reduzir os erros.