IHC-001. Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Me. Álvaro d Arce alvaro@darce.com.br

Transcrição

1 IHC-001 Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Me. Álvaro d Arce alvaro@darce.com.br

2 Introdução 2 Introdução à IHC Introdução Conceitos Básicos Exercícios

3 Introdução 3 Human-Computer Interaction ou Interface Homem-Ma quina Significados: Literal: Processo pelo qual seres humanos interagem com computadores; Técnico: Modos, meios e processos envolvidos no uso de Tecnologias da Informac a o e Comunicac a o em: Computadores; Outros artefatos (eletroeletrônicos, automóveis, prédios, roupas etc).

4 Introdução 4 São sistemas de computac a o compostos de: Hardware; Software; Meios de Comunicac a o. Exemplos: Computadores, Celulares, Sistemas de Telefonia, Internet, Ra dio, entre outros.

5 Introdução 5 Ferramentas essenciais para a economia mundial; Requisito base de inconta veis empresas e empregos, indispensa veis para a produtividade de determinados setores; Utilizadas em todas as infra-estruturas cri ticas atuais, sejam elas de energia, transportes, a gua, sau de, seguranc a ou defesa; Intensamente utilizadas para comunicac a o, para interac a o social e para lazer.

6 Introdução 6 Exemplo: Urna eletrônica Anteriormente, cédulas de papel.

7 Exemplo: Celulares Smartphones Introdução 7

8 Introdução 8 Diante de todo o aparato tecnológico de hoje, como fica a questão da interação das pessoas perante tanta tecnologia?

9 Introdução 9 Para utilizar algum recurso computacional e necessa rio uma interface; Interface mal projetada estressa o usuário; Acessibilidade Digital e lei.

10 Introdução 10 Desenvolver tecnologia para auxiliar a construc a o, o uso e avaliac a o de sistemas para que sejam: Produtivos; Seguros; Pra ticos; Agrada veis; Estimulantes.

11 Introdução 11 Quanto à Natureza da Interac a o: Investigar o que ocorre enquanto as pessoas utilizam sistemas interativos, descrevendo, explicando e prevendo as conseque ncias desse uso na vida das pessoas. Quanto ao Contexto de Uso: Maneira de se realizar as atividades; Influe ncia de questo es culturais e sociais.

12 Introdução 12 Quanto às Caracteri sticas Humanas: Capacidade cognitiva requerida pela interação com novos artefatos; Tende ncia de utilizac a o de interac o es naturais; Caracteri sticas Fi sicas: Visa o; Audic a o; Tato; Locomoc a o.

13 Introdução 13 Quanto à Arquitetura de Sistemas Computacionais: Construir sistemas que favorec am a experie ncia de uso (IA e Computac a o Gra fica); Te cnicas de interac a o, dia logo, e construc a o de interface.

14 Introdução 14 A maneira pela qual um sistema interativo permite que os usuários interajam com ele está diretamente ligada ao seu sucesso ou insucesso.

15 Introdução 15 Desenvolvimento um sistema capaz de: Calcular uma expressa o aritme tica; Informar a previsa o do tempo; Realizar uma conversa o de temperatura; Consultar as horas em qualquer cidade do mundo; Realizar pesquisas na Internet.

16 Introdução 16

17 Introdução 17 Desenvolvimento um sismples cadastro de clientes.

18 Introdução 18 IHC é mais do que simplesmente o desenho de interfaces.

19 Introdução 19

20 Conceitos Básicos 20 Alguns concecitos básicos em IHC Introdução Conceitos Básicos Exercícios

21 Conceitos Básicos 21 Alguns conceitos a serem vistos: Usuário e contexto de uso; Interação; Interface; Affordance.

22 Conceitos Básicos 22 Situação típica de uso Contexto de Uso Inclui tempo e ambientes físico, social e cultural Meio de contado entre o sistema e o mundo exterior Interface Interação Usuário Possui um objetivo Sistema

23 Conceitos Básicos 23 Indivi duo engajado em um processo de interac a o; Busca alcanc ar um objetivo; Está inserido em um contexto de uso.

24 Conceitos Básicos 24 Caracterizado por toda situac a o do usua rio relevante para sua interac a o; Momento de utilizac a o de sistema (quando); Ambiente fi sico, social e cultural em que ocorre a interac a o (onde).

25 Conceitos Básicos 25 Contexto de uso Objetivo Interação Exemplo Sistema de Edição de Slides: No conforto de seu lar, o aluno utiliza o PowerPoint em seu computador para preparar os slides para a apresentação de seu TCC. Ele comec a a preparar os slides de um documento em branco, preenche com conteu do e, por fim, define o layout da apresentac a o. Nos corredores da Faculdade, o aluno repassa a apresentac a o em seu notebook ou smartphone e realiza alguns ajustes. Em sala de aula, o aluno apresenta seu trabalho à banca de TCC.

26 Conceitos Básicos 26 Sistema de Edição de Slides Considerações no Design e na Avaliação: O contexto de uso pode mudar: Conforto do lar (ambiente tranquilo); Corredores do instituto (ambiente com interrupc o es); Sala de aula (situac a o tensa). A interface e o processo de interac a o podem mudar: Computador desktop (mouse, teclado e monitor); Notebook (teclado, touchpad e monitor menor); Smatphone (touchscreen, acelero metros e monitor ainda menor); Monitor ou projetor multimi dia.

27 Conceitos Básicos 27

28 Conceitos Básicos 28 Usua rio e considerado como um sistema computacional Usuário como computador; A interac a o aproxima-se da interac a o entre sistemas Análoga à transmissão de dados; Objetivos: aumentar a eficie ncia e a transmissão correta de dados; Reduzir o tempo de interação e o número de erros. Desvantagem: geralmente requer treinamento e capacidade cognitiva por parte do usuário.

29 Conceitos Básicos 29 Terminal de comandos Planilha Eletrônica (Lotus 1 2 3) Sistema de reserva de passagens aéreas

30 Conceitos Básicos 30 Surgiu na a rea de Intelige ncia Artificial; O sistema assume um papel a altura de um ser humano Computador como pessoa; O sistema é capaz de raciocinar, fazer infere ncias (deduções), tomar deciso es e adquirir informac a o; Interac a o por meio de linguagem natural Uma conversa entre usuário e sistema; Objetivo: aproximar a IHC da interação entre seres humanos; Desvantagem: a construção do sistema não é trivial.

31 Conceitos Básicos 31 Outros exemplos: Google Now (comandos de voz do Android); Siri (comandos de voz do ios).

32 Conceitos Básicos 32 O sistema interativo e considerado uma ferramenta; Interac a o significa aplicar uma ferramenta a algum material e avaliar o resultado Manipulação da ferramenta; Há um encadeamento de ac o es e reac o es executadas de maneira quase automa tica; Objetivo: utilizar o sistema como uma ferramenta para auxiliar na execuc a o de uma tarefa; Desvantagem: o sucesso da interação depende da destreza / habilidade do usuário.

33 Conceitos Básicos 33 CorelDRAW! Pacote Office Gimp

34 Conceitos Básicos 34 O sistema interativo é visto como uma mi dia; Interac a o significa comunicac a o em um contexto coletivo, bilateral ou unilateral Comunicação Usuário Usuário; Comunicação Designer Designer. Objetivo: utilizar o sistema como um mediador entre pessoas; Desvantagem: expressividade da comunicação A interpretação de uma mensagem enviada por um usuário depende de cada usuário que a recebe.

35 Conceitos Básicos 35 Forums Outros exemplos: s; Redes sociais. Chats

36 Conceitos Básicos 36 Perspectiva Significado de Interação Fatores de Qualidade mais Evidentes Sistema Transmissão de dados Eficiência (indicada pelo tempo de uso e número de erros cometidos) Parceiro de Discurso Conversa usuário-sistema Adequação da interpretação e geração de textos Ferramenta Mídia Manipulação de ferramenta Comunicação entre usuários e comunicação designer-usuário Funcionalidades relevantes ao usuário, facilidade de uso Qualidade da comunicação mediada e entretenimento mútuo

37 Conceitos Básicos 37 Interac a o: Processo que ocorre durante o uso de um sistema interativo. Interface: Toda a porc a o do sistema com a qual o usua rio mante m contato Contato fi sico; Contato conceitual. [Moran, 1981] Único meio de contato entre o usuário e o sistema; Alguns usua rios acreditam que a interface e o sistema.

38 Conceitos Básicos 38

39 Conceitos Básicos 39 Ocorre por meio do hardware e do software utilizados durante a interac a o. Dispositivos de entrada: Participac a o ativa: permitem agir sobre a interface; Ex.: Teclado, mouse, controle remoto, microfone e ca mera. Dispositivos de sai da: Participac a o passiva: permitem perceber reac o es; Ex.: Monitor, impressora e alto-falante.

40 Conceitos Básicos 40 O software determina o comportamento do sistema de acordo com as ações nos dispositivos de entrada, com efeito nos dispositivos de saída. Software

41 Conceitos Básicos 41 Interpretac a o do usua rio daquilo que ele percebe por meio do contato físico. Permite: Compreender as respostas do sistema; Planejar os pro ximos caminhos da interac a o. Influências sobre a interpretação da interface: Contexto de uso e objetivos; Características físicas e cognitivas; Formação, conhecimento experiência do usuário.

42 Conceitos Básicos 42 Exemplos: Compra online dividida em passos; Informac a o expressa por cores e formas; Em um jogo online de paintball, seu time possui uma mesma cor. Pressupõe-se que um jogador de outra cor pertence ao time adversário.

43 Conceitos Básicos 43 São confusas São ineficientes Mais atrapalham do que ajudam Tiram o controle do usuário

44 Conceitos Básicos 44 Termo emprestado da psicologia affordance (propiciação); Conjunto das caracteri sticas de uma interface (hardware e software) perceptíveis pelo usuário, capazes de revelar aos seus usua rios as operac o es e manipulac a o que podem fazer com ela Evidenciam o que é possível fazer com a interface. Uma pista visual sobre as funções de um objeto.

45 Conceitos Básicos 45 Exemplos: Um botão é para clicar; Uma caixa de texto é para escrever; Um label é para ler; Uma caixa de combinação é para escrever ou selecionar um item; Uma aba é para agrupar mais controles.

46 Conceitos Básicos 46 Falsas affordances podem dar a impressão errada: Botões placebo dão a falsa impressão de controle; Texto azul sublinhado que na o e um hiperlink. Voce está no terceiro andar e o elevador no quinto. Voce quer subir para o de cimo Qual bota o voce aperta? Quero subir ou Quero que o elevador desc a?

47 Qualidade de Uso 47 Introdução Conceitos Básicos Exercícios

48 Exercícios 48 Para cada uma das quatro perspectivas de interac a o, cite entre dois programas que voce esteja acostumado a utilizar (ou conhece); Cite exemplos de affordance em sistemas que voce mais utiliza no dia a dia; Cite exemplos de falsas affordances nesses mesmos ou em outros sistemas.