interface, interação, ‘affordance’ - departamento de...

16
INF1403 – Introdução a IHC © SERG 2014 SEMIOTIC ENGINEERING RESEARCH GROUP INF1403 – Introdução a IHC Interface, Interação, ‘Affordance’ Diferentes Perspectivas sobre a Interação 18/08/2014 www.inf.puc-rio.br/~inf1403 1

Upload: ngodang

Post on 12-Dec-2018

216 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

INF1403 – Introdução a IHC

Interface, Interação, ‘Affordance’Diferentes Perspectivas sobre a Interação

18/08/2014

www.inf.puc-rio.br/~inf1403

1

Page 2: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

INF1403 – Introdução a IHC

Roteiro da Aula

• Discussão dos resultados do auto estudo/aprendizado

• Definições BásicasInterface, Interação, ‘Affordance’

• Perspectivas sobre IHC

• Tema para próxima sessão de autoaprendizado

2

Page 3: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Discussão da Atividade de Autoaprendizado

3

• Montagem de um gráfico para representar a resposta a uma consulta feita.

• Interações para fazer consultas à tabela do PNAD

Page 4: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

TIC’s: Tecnologias de Informação e Comunicação

4

• Variedade– Tecnologias estacionárias– Tecnologias móveis– Tecnologias ‘ambientes’ (computação ubíqua)– Tecnologias embutidas

Page 5: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

5

ideias, design & computação

TICs

Page 6: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

6

ideias, design & computação

TICs

Page 7: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

7

ideias, design & computação

TICs

Page 8: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Definições

8

• Interface:– “toda a porção do sistema com a qual o usuário mantém contato

físico (motor ou perceptivo) ou conceitual durante a interação. [...] A grande maioria dos usuários acredita que ela é o sistema.”Barbosa e da Silva, p. 25

• Interação:– “podemos considerar a interação usuário-sistema como sendo um

processo de manipulação, comunicação, conversa, troca, influência, e assim por diante.”Barbosa e da Silva, p. 20

• “Affordance”– “um conjunto de operações que podem ser realizadas com o

sistema interativo, bem como [...] as formas de realizá-las manipulando os elementos da interface.” Barbosa e da Silva, p. 27

Page 9: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Objetos de Estudo de IHC

9

Page 10: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Perspectivas sobre a Interação Humano-Computador

10

• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25

perspectiva de sistemaIHC = entrada/saída de dados

Page 11: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Perspectivas sobre a Interação Humano-Computador

11

• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25

perspectiva de sistemaIHC = entrada/saída de dados

perspectiva de parceiro de diálogoIHC = conversa entre 2 pessoas

Page 12: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Perspectivas sobre a Interação Humano-Computador

12

• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25

perspectiva de sistemaIHC = entrada/saída de dados

perspectiva de parceiro de diálogoIHC = conversa entre 2 pessoas

perspectiva de ferramentaIHC = usar uma ferramenta

Page 13: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Perspectivas sobre a Interação Humano-Computador

13

• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25

perspectiva de sistemaIHC = entrada/saída de dados

perspectiva de parceiro de diálogoIHC = conversa entre 2 pessoas

perspectiva de ferramentaIHC = usar uma ferramenta

perspectiva de mídiaIHC = comunicação mediada por computador

Page 14: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Perspectivas sobre a Interação Humano-Computador

14

• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25

perspectiva de sistemaIHC = entrada/saída de dados

perspectiva de mídiaIHC = comunicação mediada por computador

perspectiva de parceiro de diálogoIHC = conversa entre 2 pessoas

perspectiva de ferramentaIHC = usar uma ferramenta

Page 15: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Ilustração das perspectivas

15

• Vídeos e demonstrações em sala

Page 16: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

16

Ficha de Autoaprendizado desta Aula

• Será enviada pela professora por email através do PUC-Online.