Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Projeto de Interface de Usuário

992 views

Published on

Projeto de Interface de Usuário

Published in: Design
  • Be the first to comment

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

×