Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As...
Transcript of Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As...
![Page 1: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/1.jpg)
1
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
1
InteraInteraçção Humanoão Humano--Computador: Computador: Conceitos BConceitos Báásicossicos
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHCAula 03Aula 03
13/03/201313/03/2013
![Page 2: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/2.jpg)
2
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Sobre esta aula• O conteúdo desta aula refere-se aos capítulos 1 e 2
do livro-texto da disciplina, de SDJ Barbosa e BS SilvaInteração Humano-Computador (Elsevier, 2010)
• Em sala de aula elaboramos, ilustramos eexercitamos pontos selecionados deste conteúdo.
• Para casa:– Leitura dos 2 capítulos completos– Exercícios indicados (ver último slide)
• Dúvidas?– Tirar com a professora (em sala de aula ou por email)
![Page 3: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/3.jpg)
3
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Desenvolvimento de Sistemas Interativos
interface
lógica
dados
interface
lógica
dados
[…variações…]
De dentro para fora De fora para dentro
Cf. Barbosa & Silva, 2010 p. 9
![Page 4: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/4.jpg)
4
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Objetos de Estudo em IHC (1/2)
ErgonomiaErgonomia
DispositivosDispositivosde In/Outde In/Out
Humano Computador
Usos e seu Contexto
ProcessamentoHumano deInformações
Linguagem,Comunicação e
Interação
Processamento eGeraçãode Sinais
(imagem, som,movimento, etc.)
Controle deDiálogo (turnos
de In/Out)
Racionalização doTrabalho
Organização Social
Valores Culturais
…
Aproximação eAdaptação entre
Usuários e Sistemas
…
Cf. Barbosa & Silva, 2010 p. 10
![Page 5: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/5.jpg)
5
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Objetos de Estudo em IHC (2/2)
TTéécnicas decnicas deAvaliaAvaliaççãoão
Abordagens deAbordagens deDesignDesign
Boas PrBoas Prááticasticas(Heur(Heuríísticas)sticas)
FerramentasFerramentase te téécnicas decnicas de
implementaimplementaççãoão
Processos de Desenvolvimento
Cf. Barbosa & Silva, 2010 p. 10
![Page 6: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/6.jpg)
6
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Exercício em sala• Tendo o website de INF1403 como referência:
1. Tome por usuário uma única pessoa (mesma identidade, mesmas capacidades, mesmos gostos e interesses) e cenarize dois contextos de uso diferentes (objetivos, tarefas, condições de interação) em que ela poderia se encontrar ao interagir com o website da disciplina.
2. Tome por contexto de uso uma mesma situação (objetivos, tarefas, condições de interação) e cenarize o que se passa com dois usuários distintos (diferentes identidades, capacidades, gostos e interesses) ao interagirem com o website da disciplina.
![Page 7: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/7.jpg)
7
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Interação, Interface e Affordance• Interação
– Sobre perspectivas distintas a respeito do processo de interação
• Interface– Sobre a variedade das características físicas dos componentes mais
externos dos artefatos computacionais interativos
• Affordances– Sobre o que se pode fazer com os artefatos, dadas as características
de interface (físicas e simbólicas)
![Page 8: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/8.jpg)
8
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Interação
Processo alternado de entrada esaída (“diálogo”) entre o usuário eo sistema: modos, meios, duração,
efeitos, etc.
Contrastes de “interação”nas tarefas de anotação de textos
Nota de uso das imagens:As imagens deste slide estão disponíveis na Web e são
reproduzidas aqui estritamente para fins didáticos.
![Page 9: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/9.jpg)
9
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Interface
Características físicasde dispositicos de entradae saída (controle) desinais
Nota de uso das imagens:As imagens deste slide estão disponíveis na Web e são
reproduzidas aqui estritamente para fins didáticos.
![Page 10: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/10.jpg)
10
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Affordances
Nota de uso das imagens:As imagens deste slide estão disponíveis na Web e são
reproduzidas aqui estritamente para fins didáticos.
Espectro de possibilidades demanipulação, contato, uso,determinado por característicasfísicas do objeto e agente queo manipula, contata ou usa.
![Page 11: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/11.jpg)
11
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Quatro perspectivas sobre a interação
J. Kammersgaard, 1988J. Kammersgaard, 1988
usuusuáárioriocomputadorcomputador
SISTEMASISTEMA PARCEIROPARCEIRO
FERRAMENTAFERRAMENTAMIDIAMIDIA
![Page 12: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/12.jpg)
12
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Eficiência, eficácia e conforto da comunicação
Comunicação entre pessoas (usuários, desenvolvedores, etc)
MÍDIA (meio de comunicação)
Funcionalidades relevantes, facilidade, eficácia e eficiência
Manipulação (direta) das ferramentas
FERRAMENTA
Adequação da linguagem, interpretação e geração de textos
Conversa entre usuário e sistema
PARCEIRO DE DISCURSO/DIÁLOGO
Eficiência (tempo que leva, número de erros)
Entrada de dadosSISTEMA
Fatores de qualidade Fatores de qualidade evidenciadosevidenciados
Significado de interaSignificado de interaççãoãoPerspectivaPerspectiva
Vantagens de cada perspectiva
![Page 13: Interação Humano-Computador: Conceitos Básicosinf1403/docs/clarisse2013_1/3WA-Aula03.pdf · As imagens deste slide estão disponíveis na Web e são reproduzidas aqui estritamente](https://reader034.fdocumentos.tips/reader034/viewer/2022052407/5be6d3d709d3f27e3c8b7624/html5/thumbnails/13.jpg)
13
INF1403 INF1403 –– IntroduIntroduçção a IHCão a IHC©© Profa. Clarisse S. de SouzaProfa. Clarisse S. de Souza
Exercícios para casa• Tendo um website de sua escolha como referência:
1. Indique seu endereço na Internet.
2. Tome por usuário uma única pessoa (mesma identidade, mesmas capacidades, mesmos gostos e interesses) e cenarize dois contextos de uso diferentes (objetivos, tarefas, condições de interação) em que ela poderia se encontrar ao interagir com o website da disciplina.
3. Tome por contexto de uso uma mesma situação (objetivos, tarefas, condições de interação) e cenarize o que se passa com dois usuários distintos (diferentes identidades, capacidades, gostos e interesses) ao interagirem com o website da disciplina.
• Encontre ao menos um exemplo de interação em cada uma das perspectivas apresentadas nos slides anteriores e, para cada exemplo:– Descreva (textualmente) e ilustre (com imagens) o contexto da interação; e– Justifique por que o caso em questão ilustra a perspectiva escolhida