Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre

Tamanho: px

Começar a partir da página:

Download "Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre"

Vasco Coradelli
5 Há anos
Visualizações:

1 Faculdade de Tecnologia SENAC Pelotas Interface Homem Computador 3º Semestre Material 2 Aspectos tecnológicos de interfaces Aspectos psicológicos da interação humana Prof. Luthiano Venecian

2 Aspectos tecnológicos de interfaces 2

3 Evolução das interfaces 3

4 Evolução das interfaces 4

5 Evolução dos dispositivos 5

6 Evolução dos dispositivos 6

7 Evolução dos dispositivos 7

8 Por que estudar interfaces? o Porque é necessário estabelecer um bom nível de conversação entre o usuário e o sistema computacional CONFORTO (confiabilidade) DESEMPENHO (custo do trabalho) 8

9 O que é uma interface? o Alan Kay: Para os usuários, a interface é o programa ou ainda: o Parte do sistema com a qual (percebe) o usuário (aprende) entra em contato físico, perceptivo e cognitivo (Moran 83) o Ambiente virtual para a interatividade (Laurel 93) o Mensagem do designer para o usuário (Souza 93) 9

10 O que é interação? o É a capacidade do sistema em dar respostas ao usuário. o Ao mesmo tempo, envolve a capacidade do usuário se comunicar com o sistema. 10

11 Quem são os usuários? o Precisamos conhecer muito sobre eles o Quem realmente eles são? o Quais tarefas eles estão tentando realizar? o Como eles usam os computadores? o Exemplo: Teclado virtual por voz 11

12 Interface e Interação (1/2) o Interface o Aquilo que interliga dois sistemas o Software e hardware para comunicação entre usuário e sistema. o Interação o Processo de comunicação usuário-sistema o Processo que engloba as ações dos usuários no sistema e interpretações dos resultados. 12

13 Interface e Interação (2/2) o Usuário deve aprender a interagir com o sistema o De que forma? o Como podemos interagir com o sistema? 13

14 Como podemos interagir com o sistema? o Menus o Teclas rápidas (atalhos) o Preenchimento de formulários o Linguagem de Comando o Questão/Resposta o Linguagem Natural o Manipulação direta o Realidade virtual 14

15 Menus o Lista de opções o Organização o Favorecem usuários pouco treinados ou ocasionais 15

16 Atalhos o Combinação de teclas para acionar diretamente uma função do sistema o CTRL + C o CTRL + V o Agilidade o Usuários experientes 16

17 Formulários o Baseado na digitação e preenchimento de campos de um formulário o Entrada de dados 17

18 Linguagem de comando o Interação baseada em comandos o Demanda tempo de aprendizagem o Desempenho bom com usuários experientes o Ex. shell 18

19 Questão / Resposta o Usuário interage através de respostas dadas aos questionamentos feito pelo sistema o Interação totalmente conduzida pelo sistema o Ex. programas de instalação 19

20 Linguagem Natural o Forma ideal da comunicação entre humanos, porém isso também vale para homem e computador??? o Sistema reconhece padrões, vocabulários (gramática) do usuário. o Pode exigir treinamento do sistema e do usuário o Pode ser via voz (reconhecimento de fala) ou via gestos (LIBRAS) o Manda SMS para... 20

21 Manipulação direta o Estilo GUI (Graphical User Interface) ou WIMP (Windows, icons, mouse) o Manipulação direta de objetos visíveis o Usuário visualiza objetos interativos 21

22 Realidade Virtual o Forma mais avançada de interação o Uso de dispositivos para aumentar o envolvimento dos usuários e sistema o Usuário faz parte do sistema o Interação em universo 3D o Usuário entra na aplicação 22

23 Tendências o Vestir sistemas (Google Glass?) o Utilizar sistemas computacionais sem perceber (Computação Ubíqua) o Utilizar diversos dispositivos para controlar diversos sistemas (convergência) 23

24 Interface de usuário Como deve ser o desenvolvimento de um projeto de interface de usuário para um sistema? 24

25 Interface de usuário o Para desenvolver um projeto de interface de usuário deve-se considerar: o Perfil do usuário (para quem?) o Dispositivos de Interação (como?) o Tarefas (O que? Quando?) 25

26 Interface de usuário o Perfil do usuário o Usuário # cliente o Características o Físicas o Cognitivas o Culturais o Sociológicas o Organizacionais o Diferentes Níveis: o Ocasional, Iniciante, Experiente 26

27 Interface de usuário o Dispositivos de Interação o Dispositivos (tecnologia) o Hardware (acesso) o Software o Ferramenta para desenvolvimento da interface: o Toolkits o Estilos de interação o Objetos de interação 27

28 Interface de usuário o Tarefas o Fazem parte do fluxo de trabalho o Desencadeadas pelos usuários o Podem ser: o Manuais o Automáticas o Interativas 28

29 Demais considerações o Uma interface bonita não consegue maquiar um produto mal projetado, com problemas de funcionalidade; o Os usuários querem uma interface agradável visualmente e funcional - ajude-os a cumprir suas tarefas; o Uma interface amigável encoraja o usuário a navegar e explorar o ambiente de trabalho. 29

30 Atividade Avaliativa I o Procure exemplos de problemas de interface e interação o Registre os exemplos utilizando um software para captura de tela/gravador de interação o Anote os aspectos que mais lhe chama a atenção. 30 o Mínimo 2 problemas de interface e 2 problemas de interação.

Exercícios o As duas imagens são de computadores antigos. Uma delas é de uma geração mais antiga que a outra e foram relatadas dificuldades de uso por usuários.

31 Exercícios o As duas imagens são de computadores antigos. Uma delas é de uma geração mais antiga que a outra e foram relatadas dificuldades de uso por usuários. Imagine o contexto da época e responda: 31 o Qual a interface mais antiga? o Com a resposta da questão anterior, qual seria possíveis dificuldades relatadas e que foram melhoradas?

32 Aspectos psicológicos da interação humana 32

33 Affordance (1/2) o Definição no campo da Psicologia (Gibson, final década de 1970). o Características dos objetos físicos que determinam ou sugerem ao observador que tipo de ação/uso se pode fazer com o objeto. 33

34 Affordance (2/2) o Características de um objeto que evidenciam o que um usuário deve fazer com ele. 34

35 Falsa Affordances (1/2) o Objeto da interface que não condiz com o que deveria representar 35

36 Falsa Affordances (2/2) o Outros exemplos: o Botão defeituoso para travessia de pedestres o Texto azul sublinhado que não é um hiperlink 36

37 Exemplo Considere as partes circuladas: A) Quantas affordances? B) Quantas falsa affordances? 37

38 Exercícios o Cite alguns exemplos de affordances no Facebook o Para curtir algo, existem duas opções. Você já se perguntou qual a razão? o O que poderia ser melhorado? 38

39 Atividade Avaliativa II o Encontre um site e um software e cite: o Exemplos de affordances o Exemplos de falsas affordances 39

40 Material de Apoio o Profa. Dra. Tatiana Aires Tavares lavid.ufpb o Prof. Dr. Paulo Roberto Gomes Luzzardi o 40

Documentos relacionados

Tema: Por que estudar IHC (Interação Humano Computador)?

Profa. Tatiana Aires Tavares tatiana@lavid.ufpb.br Tema: Por que estudar IHC (Interação Humano Computador)? Criar desejos... Resolver problemas do nosso dia-a-dia Facilitar a vida da gente Tornar possível...