INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

INF1403 – Introdução a IHC

Projeto de InteraçãoIntrodução e Definição de Projeto de Curso

03/11/2014

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

1

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Referência de Leitura Obrigatória

• O material desta seção da disciplina presume que os alunos terão lido o Capítulo 7 do livro-texto: Interação Humano-Computador (Simone Barbosa e Bruno Silva, 2010)

Cap. 7 Design de IHC (páginas 207 a 262)

• Leitura complementar sugerida:Leitão, C.F.; Silveira, M.S.; de Souza, C.S. (2013) Uma introdução à engenharia semiótica: conceitos e métodos. In Proceedings of the 12th Brazilian Symposium on Human Factors in Computing Systems (IHC '13). Brazilian Computer Society, Porto Alegre, Brazil, Brazil, 356-358. Online em:

2

http://www2.serg.inf.puc-rio.br/docs/Leitao-Silveira-deSouza-Tutorial-IHC2013.pdf

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Objetivos do Design de Interação

• “O design de IHC [para o desenvolvimento de software] visa

elaborar um modelo conceitual de entidades e atributos do

domínio e do sistema, estruturar as tarefas e projetar a interação

e a interface de um sistema interativo que apoie os objetivos do

usuário.” (Barbosa e Silva, 2010 p. 208)

3

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Representações Utilizadas no Design/Projeto de IHC

Fonte: Barbosa e Silva, 2010

4

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Cenários

• Cenários são narrativas ricas e expressivas de situações constatadas no domínio corrente (em que o sistema em construção ainda não existe) e/ou imaginadas no domínio futuro (em que o sistema em construção existirá).

• Eles servem para orientar a interpretação, comunicação e negociação com os usuários a respeito do que é (no momento) o seu contexto de atuação e do que ele será (no futuro), quando a tecnologia sendo projetada estiver em uso.

5

Entre os requisitos para se fazer bons cenários estão:• Ter empatia com os usuários;• Ser perspicaz na observação e análise do que se passa;• Ter boas ideias e boa imaginação para vislumbrar como as coisas

poderiam ser;• Ter boa capacidade de expressar-se por escrito.

Entre os requisitos para se fazer bons cenários estão:• Ter empatia com os usuários;• Ser perspicaz na observação e análise do que se passa;• Ter boas ideias e boa imaginação para vislumbrar como as coisas

poderiam ser;• Ter boa capacidade de expressar-se por escrito.

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Utilidade de Cenários no Processos de Design de IHC

6

Avaliaçãopautada emCenários eUsuários

Concepção Inicial

Modelagem

PrototipaçãoDesenvolvimento

Implantação

“Modelo Estrela”(Hartson & Hix)

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

O papel dos cenários no projeto de IHC (outra forma de ver, contextualizada na disciplina)

7

Identificação dos Usuários

Visados

Critério de Recrutamentoe Convite para

Entrevista

Recrutamento de

Entrevistados

Elaboração do Objetivo daEntrevista

Elaboração do Roteiro daEntrevista

Elaboração do Termo de

Consentimento da Entrevista

Realização daEntrevista

Registros da Entrevista

(Áudio/Notas/etc)

Análise daEntrevista

Revisão 2 do Projeto

Modelagem deTarefas

Modelagem deInteração

Avaliação/Ajuste dos Modelos com Base nos Cenários de Projeto

(Revisão 2)

Revisão 3 do Projeto

Construçãodo Protótipo

Cenário 1

Cenário 2

Cenário 3

Cenário 4

Avaliação Final

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Exemplo de Cenário de interação para “design”

8

Isto é então o que você faz• pega uma música em MP3 que você já selecionou e salvou no desktop de seu computador;• usa uns pedaços dela para compor um ringtone com mais ou menos 1 minuto de duração;• aproveita para 'se exibir' e adicionar sua própria voz falando no ringtone de dois jeitos diferentes:primeiro, dizendo ‘Atende aí, Julião!’ enquanto a música vai tocando ao fundo; e depois, lá para o final do 'tone', interrompendo a música, dizendo 'Anda, Julião! Atende este telefone, cara!‘. Você reinicia a gravação da música no trecho final para encerrar do 'tone'.• deixa seu ‘tone’ no desktop de seu computador, prontinho para ser enviado como um arquivo em MP3 para seu amigo e aí abre o Gmail e manda para ele.Mesmo sem ter tanta paciência quanto Julião, você conseguiu! Levou menos de 30 minutos para fazer tudo!

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Exemplo de Cenário de interação para “avaliação”

9

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Ingredientes de “Comunicabilidade” no Cenário

10

“Eis a minha visão de quem você é,o que aprendi que você deseja ou precisa fazer,de que formas preferenciais e por quê.

Este é o sistema que consequentemente elaborei para você,e esta é a forma como você pode ou deve usá-lopara realizar um conjunto de objetivos que se enquadramnesta visão.”

INF1403 – Introdução a IHC

© SERG 2014SEMIOTIC ENGINEERING RESEARCH GROUP

Definição do Projeto de Curso

• Da Ficha de Autoaprendizado no. 13

11