Projeto de Interface de Usuário

853 visualizações

Publicada em

Projeto de Interface de Usuário

Publicada em: Design
0 comentários
2 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
853
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
52
Comentários
0
Gostaram
2
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide
  • 3
  • 5
  • 7
  • 9
  • 14
  • 15
  • 21
  • Projeto de Interface de Usuário

    1. 1. 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
    2. 2. O PROJETO… Software X Interface de usuário Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
    3. 3. Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br O Projeto de software • Etapas? • Atividades? • Artefatos (entregáveis)? • Stakeholders?
    4. 4. 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?
    5. 5. 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?)
    6. 6. PERFIL DE USUÁRIO Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
    7. 7. 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 ?
    8. 8. 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
    9. 9. 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 ?
    10. 10. 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.
    11. 11. Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Usuário • Personas
    12. 12. INVESTIGAR O DOMÍNIO Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
    13. 13. 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
    14. 14. 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
    15. 15. 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
    16. 16. Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Investigando o Domínio • Ciclo das Ações Humanas
    17. 17. 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?
    18. 18. 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?
    19. 19. 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
    20. 20. DISPOSITIVOS DE INTERAÇÃO Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
    21. 21. 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)
    22. 22. Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Dispositivos de Interação • Evolução dos Dispositivos
    23. 23. Minority Report (2002) 23
    24. 24. 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
    25. 25. 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
    26. 26. 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
    27. 27. 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
    28. 28. 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
    29. 29. 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.
    30. 30. 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

    ×