![Page 1: Interface, Interação, ‘Affordance’ - Departamento de ...inf1403/docs/clarisse2014_2/Aula02-Interface... · 1. INF1403 – Introdução a IHC ... • Discussão dos resultados](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/1.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/2.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/3.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/4.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/5.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/6.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/7.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/8.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/9.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/10.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/11.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/12.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/13.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/14.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/15.jpg)
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](https://reader031.vdocument.in/reader031/viewer/2022022110/5c1076f409d3f254228c9a49/html5/thumbnails/16.jpg)
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.