Post on 10-Nov-2018
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
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)
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
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
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
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.
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)
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.
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.
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.
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
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
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