Projeto de Interface de Usuário

PROJETO DE
INTERFACE DE USUÁRIO
[projeto de interface de usuário]
[perfil de usuário]
[investigação do domínio]
[dispositivos de interação]
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br

O PROJETO…
Software X Interface de usuário

O Projeto de software
• Etapas?
• Atividades?
• Artefatos (entregáveis)?
• Stakeholders?

Projeto de Interface de Usuário
• Como deve ser o desenvolvimento de um projeto de
interface de usuário para um software/sistema?

Projeto de Interface de Usuário
• Para desenvolver um projeto de interface
de usuário deve-se considerar:
• Investigando o Usuário (Para quem?)
• Investigando o Domínio - Tarefas (O
que?/Quando?)
• Dispositivos de Interação (Como?)

PERFIL DE USUÁRIO

Investigando o Usuário
• Usuário
• Usuário  Cliente
• Características:
• Físicas/Ergonômicas
• Cognitivas
• Culturais
• Sociológicas
• Afetivas
• Organizacionais
• Níveis: Ocasional, Iniciante, Experiente
?

Foco da Investigação Informação
O Domínio Conhecimento de um Especialista
Conhecimento Específico de um SO
Os Usuários Quem eles são?
Características dos
Usuários
Idade, Gênero, Cultura, Habilidades Físicas,
Limitações Físicas, Educação, Experiência no
Uso do Computador, Perfil Afetivo, Motivação
Características das Tarefas As tarefas são simples? Complicadas?
Variáveis? Repetitvas? Frequentes? Casuais?
Críticas? Indivíduais? Compartilhadas?
Ambiente Fisico Barulhento, Estressante, Confortável,
Ventilado, Aberto, Equipado.
Ambiente Social Pressão do Trabalho, Trabalho Colaborativo
ou Isolado, Áreas Compartilhadas.
Aspectos de Usabilidade Aprendizado, Intuitividade, Facilidade de Uso,
Prevenção de Erros, Memorização.
Restrições Custos, Prazos, Tecnológicos

• Descrever Características de Usuário
Características Relevantes
Idade
Gênero
Cultura
Habilidades e Limitações Físicas
Formação Profissional
Experiência no Uso do Computador
Motivação
Atitude
?

• Personas
O objetivo da utilização de
personas é examinar o
cenário de uso para
analisar como os usuários
preferem atingir os seus
objetivos. Podemos utilizar
personas que representam
usuários reais ou ficticios.

• Personas

INVESTIGAR O DOMÍNIO

Investigando o Domínio
• O que o usuário quer?
• O que o usuário precisa?
• Como ele prefere atingir suas metas?
metas
ações
tarefas/atividades

• Tarefas (Atividades)
• Fazem parte do fluxo de trabalho
(workflow)
• Desencadeadas por eventos
• Podem ser:
• Manuais
• Automáticas (proativas)
• INTERATIVAS

Interface
de Usuário
1. Meta
2. Metas  Tarefas
3. Planejar Sequência
de Ações
4. Executar Sequência
de Ações
5. Percepção
6. Interpretação
7. Comparação
execução
avaliação
• Ciclo das Ações Humanas

• Ciclo das Ações Humanas

• Como questionar sobre o domínio?
Passo Questões
Formando a META • usuário conhece bem o domínio do problema para
entender suas metas?
• A interface pode ajudar o usuário nessas metas?
Metas  Tarefas • O usuário conhece os detalhes para transformar
suas metas em detalhes?
Tarefas  Ações • usuário conhece bem o domínio de execução para
transformar suas tarefas em ações?
• Como a interface ajuda o usuário na realização das
ações?
Execução das
Ações
• Usuário pode facilmente aprender e usar a
interface?
• As ações providas pelo sistema estão de acordo
com o que o usuário esperava?
• As ações fornecem affordance e visibilidade
adequadas?

• Como questionar sobre o domínio?
Passo Questões
Percepção • Como os usuários percebem o status do sistema?
• A interface oferece feedback suficiente ao usuário
como efeitos de suas ações?
Interpretação • Os usuários são capazes de notar os estímulos de
feedback?
• A divisão das tarefas em ações está de acordo com
a compreensão dos usuários?
Avaliação • Os usuários são capazes de comparar os resultados
gerados com o esperado?

• O Modelo do Designer
FromNormanand
Draper,1986.)
Modelo do Designer
• Estrutura e organização da interface
• Compreensão do domínio e do propósito do sistema e suas funcionalidades
• Compreensão das necessidades, características, tarefas e expectativas do usuário
• Tecnologias Envolvidas
• Plataformas e Dispositivos

DISPOSITIVOS DE
INTERAÇÃO

Dispositivos de Interação
• Dispositivos (Tecnologia)
• Interface: Hardware + Software
• Teclado
• Mouse
• Luvas
• Capacete
• Consoles...
(ENIAC, 1945)

Dispositivos de Interação
• Evolução dos Dispositivos

Dispositivos de Interação Natural
• EyeToy, 2003
• PlayStation 2
• Visão computacional
• Reconhecimento de gestos
• Wii Remote, 2006
• Wii
• Acelerômetros
• PlayStation Eye, 2007
• PlayStation 3
• 4X Resolução EyeToy
24

• PlayStation Move, 2009
• Acelerômetro
• Melhor tratamento de imagem
• EPOC, 2009
• Eletroencefalograma
• 14 sensores
• Pensamentos, sentimentos e expressões do usuário
• Kinect, 2010
• Sensor de profundidade
• Capta todo o corpo
• Requer distância
25

• MindWave, 2011
• Eletroencefalograma
• Biosensores passivos
• Detecta estados de
atenção, meditação e
piscar de olhos
• Leap Motion, 2013
• Sensor de movimentos
• Compacto
• Necessita proximidade
• Foco nas mãos
• Myo, 2014
• Bluetooth
• Sensores musculares
26

Dispositivo Lançamento Fabricante Plataforma
Contato
Físico
Tecnologia Custo
Eye Toy 2003 Sony PlayStation 2 Sim
Visão computacional
Reconhecimento de gestos
$9
Wii Remote 2006 Nintendo Wii Sim Acelerômetro $15
PlayStation Eye 2007 Sony PlayStation 3 Não
Visão computacional
Reconhecimento de gestos
$9
PlayStation Move 2007 Sony PlayStation 3 Sim Acelerômetro $32
Kinect 2010 Microsoft
Windows
Xbox360
Não
Sensor de profundidade
Light Coding
$119 (Xbox)
$216(Windows)
Leap Motion 2013
Leap Motion
Inc.
Windows
MacOS
Não Sensor de movimento $79
Myo 2014 Thalmic
Windows
MacOS
Android
Sim
Sensor muscular
Sensor de movimento
$199
EPOC 2009
Emotiv
Systems
Windows
MacOS
Linux
Sim Eletroencefalograma $399
MindWave 2011 NeuroSky
Windows
MacOS
Sim Eletroencefalograma $79
27

Extra: Assista o vídeo:
https://www.ted.com/talks/james_patten_the_best_computer_interface_maybe_your
_hands

Atividade
Definindo “Personas”
Público-Alvo: Pessoas que passam pelo corredor (definam quantas
personas achar necessário)
Objetivo: Visualizar as informações da linha do tempo da
Computação.

Referências
CAP10: Interaction design (STONE, JARRET, WOODROFE, MINOCHA:
User Interface Design and Evaluation. Ed. Elsevier, 2005 (704p).)
http://booksite.elsevier.com/9780120884360/casestudies/Chapter_10.pdf
CAP3: Finding out about the users
and the domain (STONE, JARRET, WOODROFE, MINOCHA: User
Interface Design and Evaluation. Ed. Elsevier, 2005 (704p).)
http://booksite.elsevier.com/9780120884360/casestudies/Chapter_0
3.pdf

Projeto de Interface de Usuário

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (14)

Similar to Projeto de Interface de Usuário

Similar to Projeto de Interface de Usuário (20)

More from Tatiana Tavares

More from Tatiana Tavares (20)

Projeto de Interface de Usuário

Editor's Notes