![Page 1: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/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
17/02/2014
www.inf.puc-rio.br/~inf1403
1
![Page 2: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/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
• A importância do Estudo de IHCDiscussão dos resultados do auto estudo/aprendizado
• Definições BásicasInterface, Interação, ‘Affordance’
• Perspectivas sobre IHC
• Tema para próxima sessão de auto estudo/aprendizado
2
![Page 3: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/3.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
TIC’s: Tecnologias de Informação e Comunicação
• Variedade– Tecnologias estacionárias– Tecnologias móveis– Tecnologias ‘ambientes’ (computação ubíqua)– Tecnologias embutidas
3
![Page 4: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/4.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
ideias, design & computação
TICs
4
![Page 5: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/5.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
ideias, design & computação
TICs
5
![Page 6: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/6.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
ideias, design & computação
TICs
6
![Page 7: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/7.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Definições
• 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
7
![Page 8: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/8.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Objetos de Estudo de IHC
8
![Page 9: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/9.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Perspectivas sobre a Interação Humano-Computador
• Proposta de Kammersgaard, 1988Ver Barbosa e da Silva, pp. 21-25
perspectiva de sistemaIHC = entrada/saída de dados
9
![Page 10: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/10.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Perspectivas sobre a Interação Humano-Computador
• 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
10
![Page 11: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/11.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Perspectivas sobre a Interação Humano-Computador
• 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
11
![Page 12: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/12.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Perspectivas sobre a Interação Humano-Computador
• 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
12
![Page 13: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/13.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Perspectivas sobre a Interação Humano-Computador
• 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
13
![Page 14: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/14.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Ilustração das perspectivas
• Vídeos exibidos em sala
14
![Page 15: Interface, Interação, ‘Affordance’inf1403/docs/clarisse2014_1/... · Perspectivas sobre a Interação Humano-Computador • Proposta de Kammersgaard, 1988 Ver Barbosa e da Silva,](https://reader034.vdocuments.com.br/reader034/viewer/2022042912/5f48981e2b740c1b4968bd05/html5/thumbnails/15.jpg)
INF1403 – Introdução a IHC
© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP
Tema para a próxima sessão de auto estudo/aprendizado
• Exemplos de interfaces de aplicações “online” na perspectiva de parceiro de diálogo.– pontos fortes– pontos fracos
15