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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
O Projeto de software
• Etapas?
• Atividades?
• Artefatos (entregáveis)?
• Stakeholders?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Projeto de Interface de Usuário
• Como deve ser o desenvolvimento de um projeto de
interface de usuário para um software/sistema?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Usuário
• 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
?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Usuário
• 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.
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Usuário
• Personas
INVESTIGAR O DOMÍNIO
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Domínio
• Tarefas (Atividades)
• Fazem parte do fluxo de trabalho
(workflow)
• Desencadeadas por eventos
• Podem ser:
• Manuais
• Automáticas (proativas)
• INTERATIVAS
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Domínio
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Domínio
• Ciclo das Ações Humanas
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Domínio
• 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?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Investigando o Domínio
• 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?
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
• O Modelo do Designer
Investigando o Domínio
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação
• Dispositivos (Tecnologia)
• Interface: Hardware + Software
• Teclado
• Mouse
• Luvas
• Capacete
• Consoles...
(ENIAC, 1945)
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Dispositivos de Interação
• Evolução dos Dispositivos
Minority Report (2002)
23
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
Dispositivos de Interação Natural
• 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
Dispositivos de Interação Natural
• 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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Extra: Assista o vídeo:
https://www.ted.com/talks/james_patten_the_best_computer_interface_maybe_your
_hands
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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.
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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

  • 1.
    PROJETO DE INTERFACE DEUSUÁ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
  • 2.
    O PROJETO… Software XInterface de usuário Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 3.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br O Projeto de software • Etapas? • Atividades? • Artefatos (entregáveis)? • Stakeholders?
  • 4.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Projeto de Interface de Usuário • Como deve ser o desenvolvimento de um projeto de interface de usuário para um software/sistema?
  • 5.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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?)
  • 6.
    PERFIL DE USUÁRIO Disciplinade Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 7.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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 ?
  • 8.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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
  • 9.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Usuário • 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 ?
  • 10.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Usuário • 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.
  • 11.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Usuário • Personas
  • 12.
    INVESTIGAR O DOMÍNIO Disciplinade Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 13.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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
  • 14.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio • Tarefas (Atividades) • Fazem parte do fluxo de trabalho (workflow) • Desencadeadas por eventos • Podem ser: • Manuais • Automáticas (proativas) • INTERATIVAS
  • 15.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio 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
  • 16.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio • Ciclo das Ações Humanas
  • 17.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio • 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?
  • 18.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio • 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?
  • 19.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br • O Modelo do Designer Investigando o Domínio 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
  • 20.
    DISPOSITIVOS DE INTERAÇÃO Disciplina deInteração Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 21.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Dispositivos de Interação • Dispositivos (Tecnologia) • Interface: Hardware + Software • Teclado • Mouse • Luvas • Capacete • Consoles... (ENIAC, 1945)
  • 22.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Dispositivos de Interação • Evolução dos Dispositivos
  • 23.
  • 24.
    Dispositivos de InteraçãoNatural • 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
  • 25.
    Dispositivos de InteraçãoNatural • 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
  • 26.
    Dispositivos de InteraçãoNatural • 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
  • 27.
    Dispositivo Lançamento FabricantePlataforma 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
  • 28.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Extra: Assista o vídeo: https://www.ted.com/talks/james_patten_the_best_computer_interface_maybe_your _hands
  • 29.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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.
  • 30.
    Disciplina de InteraçãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br 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

Notas do Editor