serg

11

(c) SERG, 2010

11

INF1403 INF1403 –– IntroduIntroduçção a Interaão a Interaçção ão HumanoHumano--Computador (IHC)Computador (IHC)

Turma 3WATurma 3WAProfessora: Clarisse Sieckenius de SouzaProfessora: Clarisse Sieckenius de Souza

Trabalho de CursoTrabalho de Curso

Data de DivulgaData de Divulgaçção: ão: 31/Mar/201031/Mar/2010

serg

22

(c) SERG, 2010

Visão Geral do Trabalho: Projeto PedagVisão Geral do Trabalho: Projeto Pedagóógicogico

Matériada

Disciplina

Estágio Final

Matériada

Disciplina

Estágio …

Matériada

Disciplina

Estágio 2

Matériada

Disciplina

Estágio 1

SketchUp(SKP)

Websitedo NPJ*

ImagensGeoRefUsuário=

Pop. de baixarenda

OutroWebsite

para NPJ* com

AvaliaçãoInformal

Usuários =própriosalunos

Qualidade deUso do SKP:

Usuários Tec++

AvaliaçãoFormal SKPUsuários =própriosalunos

Relatório deAvaliação doSKP para

Usuários Tec++

AvaliaçãoNPJ

Usuários =pop. de

baixa renda

Relatório deAvaliação doNPJ para

Usuários visados

Design deProtótipo

Novo NPJ*

serg

33

(c) SERG, 2010

AvaliaAvaliaçção Formativa e Redesignão Formativa e Redesign

•• O objetivo do projeto pedagO objetivo do projeto pedagóógico gico éé que os alunos:que os alunos:– exercitem métodos e técnicas de avaliação de IHC em contextos

concretos;– reflitam sobre as necessidades de usuários de baixa renda e

levantem questões de acessibilidade;– exercitem técnicas de modelagem e prototipação de websites

contendo informações de interesse para a população de baixa renda, caracterizados por exibir níveis adequados de:

• acessibilidade• usabilidade• comunicabilidade

serg

44

(c) SERG, 2010

Prazo de Conclusão das Etapas de ProjetoPrazo de Conclusão das Etapas de Projeto

•• 19/0419/04 AvaliaAvaliaçção Informal do SketchUpão Informal do SketchUp

•• 17/0517/05 AvaliaAvaliaçção Formal do SketchUpão Formal do SketchUp

•• 31/0531/05 AvaliaAvaliaçção Formal do NPJão Formal do NPJ

•• 21/0621/06 AvaliaAvaliaçção e Design do Novo Site do NPJão e Design do Novo Site do NPJEsta data Esta data continua continua

sincronizada com sincronizada com a data de a data de PROVA.PROVA.

AtenAtençção: ão: mudou!mudou!

serg

55

(c) SERG, 2010

Etapa 1: AvaliaEtapa 1: Avaliaçção Informal do SketchUpão Informal do SketchUp•• O que fazer? Cada grupo deve:O que fazer? Cada grupo deve:

1. Baixar e utilizar livremente o SketchUp para aprender suas funções básicas

2. Assistir aos filmes tutoriais da página: http://sketchup.google.com/training/videos/new_to_gsu.html

3. Assistir aos filmes tutoriais da página: http://sketchup.google.com/training/videos/gsuge.html

4. Criar modelos 3D dos principais prédios do campus da PUC-Rio, associados à sua posição no Google Earth (veja exemplo no slide seguinte)

5. Capturar (em telas estáticas ou filmes AVI) aspectos importantes (positivos/negativos) da SUA interação com o SketchUp

6. Redigir um relatório conclusivo sobre a qualidade da interação com este software

serg

66

(c) SERG, 2010

Etapa 2: AvaliaEtapa 2: Avaliaçção Formal do SketchUpão Formal do SketchUp•• O que fazer? Cada grupo deve:O que fazer? Cada grupo deve:

1. Estudar 3 métodos de inspeção apresentados em aula: Avaliação Heurística, Percurso Cognitivo e Inspeção Semiótica.

2. Selecionar DUAS tarefas (compostas ou simples) relacionadas à modelagem dos prédios do campus da PUC no SketchUp. São exemplos de tarefas: (a) simples – importar a imagem do campus da PUC do Google Earth para o SketchUp; (b) simples – marcar sobre a imagem importada o perímetro básico para um prédio do campus; (c) simples – montar, a partir de um perímetro traçado, o modelo de um prédio regular, como o RDC ou Frings; (d) composta – montar um modelo de prédio do campus em separado e depois posicioná-lo sobre a imagem; (e) composta – importar um modelo do 3D Warehouse e posicioná-lo sobre a imagem do campus; etc.

3. Realizar uma INSPEÇÃO SEMIÓTICA das duas tarefas selecionadas.4. Realizar OU UMA AVALIAÇÃO HEURÍSTICA, OU UM PERCURSO COGNITIVO das

duas tarefas selecionadas.5. Redigir um relatório reportando os achados e as conclusões de cada uma das duas

inspeções6. Entregar relatório redigido E filmes com clips das evidências de problemas

mencionados no relatório em um CD no dia 17/05/2010, respeitando as mesmas indicações de formatos estabelecidos para a Fase 1 do trabalho.

serg

77

(c) SERG, 2010

Exemplo de Modelo 3D de prExemplo de Modelo 3D de préédios da PUCdios da PUC--RioRio

Assista também afilmes exibidos emaulas da disciplina,

mostrando interaçõescom este modelo.

serg

88

(c) SERG, 2010

Etapa 3 e 4 combinadasEtapa 3 e 4 combinadas

•• A Etapa 3 do trabalho era, originalmente, uma avaliaA Etapa 3 do trabalho era, originalmente, uma avaliaçção formal do ão formal do site do NPJ, cujo relatsite do NPJ, cujo relatóório deveria ser entregue em 31/05/2010.rio deveria ser entregue em 31/05/2010.

•• Ela foi porEla foi poréém combinada com a etapa 4, devendo o resultado m combinada com a etapa 4, devendo o resultado de uma avaliade uma avaliaçção do NPJ ser ão do NPJ ser entregue JUNTO COM o relatentregue JUNTO COM o relatóório rio final do trabalhofinal do trabalho, antes da , antes da úúltima provaltima prova..

•• AtenAtençção: qualquer atividade que os grupos realizem com PESSOAS ão: qualquer atividade que os grupos realizem com PESSOAS representantes da classe de usurepresentantes da classe de usuáários beneficirios beneficiáários ou da classe de rios ou da classe de desenvolvedores do website que estdesenvolvedores do website que estáá sendo analisado e sendo analisado e reprojetado TEM DE SER ANALISADA PREVIAMENTE E reprojetado TEM DE SER ANALISADA PREVIAMENTE E AUTORIZADA PELA PROFa Clarisse.AUTORIZADA PELA PROFa Clarisse.

serg

99

(c) SERG, 2010

Etapas 3 e 4 Etapas 3 e 4 -- EnunciadoEnunciado•• AvaliaAvaliaçção da (meta)comunicaão da (meta)comunicaçção no website do NPJão no website do NPJ

– http://www.jur.puc-rio.br/npj.html

1.1. Identificar Identificar ““Quem estQuem estáá falando com/para quem sobre o quêfalando com/para quem sobre o quê””??((veja o esquema a ser analisadoveja o esquema a ser analisado))– O Dep de Direito está falando com:

• os Alunos Atuais sobre:– Matrícula em Estágio– …, etc.

• Alunos Potenciais sobre:– o que o curso de Direito na PUC-Rio oferece– …, etc.

• …• o Público em Geral sobre:

– serviços prestados pelo NPJ– …, etc.

– …, etc.

serg

1010

(c) SERG, 2010

Etapas 3 e 4 Etapas 3 e 4 -- EnunciadoEnunciado

2.2. Focalizar nas mensagens sobre ou dirigidas a beneficiFocalizar nas mensagens sobre ou dirigidas a beneficiáários de rios de serviserviçços comunitos comunitáários prestados pelo NPJrios prestados pelo NPJ• Quais são estas mensagens?• O que estão dizendo?• Como estão dizendo?

• A comunicação chega ao beneficiário?• Chega completa?• Existe uma ‘conversa’ (i.e. o beneficiário pode ‘falar de volta’ ou interagir com o

site para realizar as seguintes tarefas:a) Descobrir que serviços o NPJ oferece à população de baixa rendab) Descobrir, para cada serviço, o que o interessado tem de fazer, isto é:• Onde ir?• Em que horário?• Com quem falar?• O que levar consigo?

serg

1111

(c) SERG, 2010

Etapas 3 e 4 Etapas 3 e 4 -- EnunciadoEnunciado

3.3. Requisitos de Usabilidade e Comunicabilidade Requisitos de Usabilidade e Comunicabilidade →→AcessibilidadeAcessibilidade– Elabore um modelo de usuário para uma fração dos

beneficiários dos serviços do NPJ, identificada no site como:• população carente• com renda familiar de até quatro salários mínimos mensais

– AVALIE quais requisitos de usabilidade, comunicabilidade e acessibilidade devem ser atendidos por um website que seja especificamente destinado a estes beneficiários.• Esta avaliação é o equivalente à ETAPA 3 do trabalho.

serg

1212

(c) SERG, 2010

Etapas 3 e 4 Etapas 3 e 4 -- EnunciadoEnunciado

4.4. ElaboraElaboraçção de Cenão de Cenááriosrios• Com os conhecimentos adquiridos nos passos anteriores,

elabora ao menos 3 (três) cenários diferentes, onde beneficiários do conjunto visado são os personagens centrais de uma interação com um NOVO website do NPJ que o seu grupo vai projetar, visando realizar estas atividades (ou variações delas, em contextos específicos distintos):• Descobrir que serviços o NPJ oferece à população de baixa renda• Descobrir, para cada serviço, o que o interessado tem de fazer,

isto é:• Onde ir?• Em que horário?• Com quem falar?• O que levar consigo?

Os cenários deverão prever o uso de

recursos de comunicação de informação através de IMAGENS que os

grupos exploraram com o SketchUp e GoogleEarth.

serg

1313

(c) SERG, 2010

Etapas 3 e 4 Etapas 3 e 4 -- EnunciadoEnunciado

5.5. ElaboraElaboraçção de Modelos de IHCão de Modelos de IHCa) Modelo de Tarefasb) Modelo de Interaçãoc) Protótipo da Interface

6.6. AvaliaAvaliaçção FORMATIVA do protão FORMATIVA do protóótipo de interfacetipo de interface• Escolha do método a ser discutida com cada grupo

7.7. ElaboraElaboraçção de relatão de relatóório conclusivo sobre o trabalho.rio conclusivo sobre o trabalho.

serg

1414

(c) SERG, 2010

Examine a comunicação que é feita aqui ou a

partir daqui…

… aqui ou a partir daqui…

… aqui ou a partir daqui…… e aqui ou a

partir daqui.

serg

1515

(c) SERG, 2010

GruposGruposGRUPO A:GRUPO A:FELIPE, IAN, THIAGO JFELIPE, IAN, THIAGO J

GRUPO B:GRUPO B:DANIEL, JESSICA, GUSTAVO, MIGUEL DANIEL, JESSICA, GUSTAVO, MIGUEL

GRUPO C:GRUPO C:MEI, RAPHAEL, THYAGO V, VITORMEI, RAPHAEL, THYAGO V, VITOR

GRUPO G1:GRUPO G1:ANDRE, DAVI, LUCASANDRE, DAVI, LUCAS

GRUPO G2:GRUPO G2:ANA CAROLINA, ANNA CRISTINA, IGOR, AMANDA, MARINA ANA CAROLINA, ANNA CRISTINA, IGOR, AMANDA, MARINA

GRUPO G3:GRUPO G3:LEONARDO, MAURICIO, RODRIGO RLEONARDO, MAURICIO, RODRIGO R

GRUPO G4:GRUPO G4:ERICO, GABRIEL A, RODRIGO G, THIAGO RERICO, GABRIEL A, RODRIGO G, THIAGO R

GRUPO G5:GRUPO G5:ALESSANDRO,ALESSANDRO, ALLAN, FERNANDA, GABRIEL R, JAMALLAN, FERNANDA, GABRIEL R, JAM

GRUPO G6:GRUPO G6:BRUNO, FABIO, FELIX, DOUGLAS, MARCELOBRUNO, FABIO, FELIX, DOUGLAS, MARCELO

serg

Este arquivo Este arquivo éé atualizado ao longo do projeto.atualizado ao longo do projeto.

Data da Data da úúltima atualizaltima atualizaçção ão de seu contede seu conteúúdo no Website:do no Website:

26/05/201026/05/2010