3-day schedule for the seminar - inf.puc-rio.brinf1403/docs/luciana2013_1/3wb-aula02.pdf · projeto...

INF1403 – Introdução a IHC

© Profa. Luciana Salgado

1

Conceitos Básicos


Aula 02

06/03/2013



Objetivos da Aula

• Computação & Informática

• Tecnologias de Informação e Comunicação

2



3

Computação & Informática (1/2)

• Informática

– Alguns vêem no termo uma ênfase tecnológica

– Disciplina voltada para a construção de programas e sistemas computacionais, para uma variedade indefinidamente grande de propósitos

– O usuário é quem tem estes ‘propósitos’.

• Qual o desafio da informática?

– Realizar os ‘propósitos’ dos usuários através de computação.



4

Computação & Informática (2/2)

para gente de gente

O papel das interfaces de usuário é ‘contar’ a

computação que existe por trás de todo programa/sistema

de uma forma compreensível e

usável.



5

De gente para gente

• A computação é mecânica, mas o significado é humano.

– Exemplo muito simples

INPUT a

INPUT b

c a * b

OUTPUT “a vezes b é:" c (OUTPUT “multipliquei a por b”)

Interface (externalização do significado interno)



6

O que queremos ouvir do usuário?

• Quem ele é

– Características pessoais relevantes

• Físicas

• Cognitivas

• Sócio-culturais

• Outras

• O que deseja ou precisa fazer

– Necessidades e expectativas

• De que formas preferenciais e por quê.

– Atitudes, gostos, pendores, condições de contorno

Como o nosso conhecimento e

talento profissional pode MELHORAR a vida deste usuário?

Por quê?



7

O que queremos dizer para o usuário?

“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 conseqüentemente elaborei para você,

e esta é a forma como você pode ou deve usá-lo

para realizar um conjunto de objetivos que se enquadram nesta

visão.”

Queremos EXTERNALIZAR significados que FAÇAM

SENTIDO para o nosso usuário. Queremos que ele ache o nosso

produto tão bom quanto nós achamos!



8

Interface – meio de EXTERNALIZAÇÃO de significados

• A interface apresenta uma ‘tradução’ dos significados computados

internamente pelos programas e sistemas.

• Ela COMUNICA o entendimento do programador/desenvolvedor

sobre quem o usuário é, o que ele deseja ou precisa fazer, de que

formas preferenciais e por quê.



9

Mas ... estamos falando de um único usuário?

• Quantos “usuários” há para um mesmo programa ou sistema?

• Que papéis desempenham e que características têm?

• Há conflitos e dilemas entre diferentes tipos e papéis de usuários?

exemplos e comentários.



10

Um exemplo prático Filme: abrirarquivoword.avi

E se aquele documento super importante não

abrir?



11

Tecnologias de Informação e Comunicação

• Estão em toda parte: conectividade, mobilidade, acesso, computação embarcada, etc.

• Transformações Sociais Alguns exemplos selecionados

– No plano mundial:

• Culturas de Participação

• Acesso ao conhecimento (nem sempre autorizado ou confiável)

– No plano brasileiro:

• Mobilização contra Renan Calheiros (petição on-line)

• Projetos de Inclusão Social do Governo



12

Exemplo: Votação na urna eletrônica e na cédula

impressa



13

Instruções do TSE para o eleitor



14

O caso do voto involuntariamente nulo



15




16




17

E o do voto voluntariamente nulo



18

Como votar branco ou nulo na urna eletrônica

Evidente questão de usabilidade



19

A interface da urna pode influenciar os destinos

políticos do Brasil?

Branco Corrige Confirma Corrige Branco Confirma

Confirma Corrige

Branco ou Nulo

Confirma Corrige

Nenhum Qualquer um

Confirma Corrige

Não quero votar (em nenhum)

alternativas de design de interface

expressando intenções de voto pela

interface da urna



20

Diferentes visões e interesses associados a cada

aplicação

O caso de aplicações de comércio eletrônico: quantos e quais os interessados e envolvidos?

Diversos atores (stakeholders)



21

Abordagem de desenvolvimento: construir

sistemas … • … de dentro para fora (tenho dados e computações disponíveis;

quero que as pessoas possam usá-los)

• … de fora para dentro (tenho pessoas com necessidades e

oportunidades para realizar; preciso de dados e computações para

ajudá-las nestas situações)

Primeiro havia o sistema para certas pessoas usarem; depois apareceram mais usuários interessados.

Primeiro havia usuários interessados; para atendê-los foram desenvolvidos sistemas. IDEAL!

CORRIQUEIRO!



Benefícios de IHC (por que estudar IHC?)

• Melhorar a concepção, construção e inserção das TICs na vida das

pessoas, sempre buscando uma boa experiência de uso.

• O aumento da qualidade de uso contribui para:

– Aumentar a produtividade dos usuários;

– Reduzir o número e a gravidade dos erros cometidos pelos usuários;

– Reduzir o custo de treinamento;

– Reduzir o custo de suporte técnico;

– Aumentar as vendas e a fidelidade do cliente;

– ....

22



23



24

IHC: área de conhecimento multidisciplinar

• Conhecer computação

– Técnicas de projeto de sistemas

– Técnicas de desenvolvimento de software

– Domínio de várias tecnologias

– Etc.

• Conhecer pessoas e processos sociais

– Entender de processos cognitivos

– Entender de processos sociais

– Entender aspectos ergonômicos

– Técnicas de comunicação individual e coletiva

– Técnicas de design de produtos

– Etc. “Uma andorinha não faz verão”.

Trabalhar em IHC é trabalhar em grupo.



Projeto de Curso

• Envolverá avaliação, (re) design e prototipação de sistema interativo

para a Web.

– O projeto será feito em grupos de 3 ou 4 alunos.

– Cada grupo poderá escolher o tipo de sistema público que mais lhe

interessar.

• Conhecimentos Técnicos Necessários:

Linguagem HTML (nível intermediário; indispensável)

Linguagem Javascript (nível básico; desejável)

Familiaridade com o iMacros (nível intermediário; desejável)

Familiaridade com o Greasemonkey (nível básico; desejável)

Familiaridade com o Pencil (nível intermediário; indispensável)

25



Exercício de Familiarização com Ferramentas

Fazer o tutorial online da W3C sobre:

HTML (obrigatório)

Endereço do tutorial: http://www.w3schools.com/html/default.asp

Fazer o teste (QUIZ) ao final dos capítulos, imprimir os resultados e trazer

para a aula de 2a-feira dia 11/03.

– Como fazer o teste?

• Na página indicada acima, procurar “HTML QUIZ” e clicar

no link

– Como imprimir os resultados

• Aperte o botão ao final do teste ; quando a página de

resultados for carregada, utilize a função “imprimir” do seu browser.

26

http://www.w3schools.com/html/default.asp



Perguntas?

1. Não entendo inglês suficientemente bem: O que faço?

– Você pode escolher “Português” como idioma na página da W3C.

2. Já sei HTML: Preciso fazer o exercício?

– Se você já sabe HTML, pode fazer direto o QUIZ (não esqueça de imprimir e trazer para a

aula).

– Sugere-se que você passe, em seguida para o curso de CSS (Cascading Style Sheets)

e/ou de Javascript.

3. O exercício é para nota?

– Não, o exercício não é para nota. Porém, ele contribuirá para a avaliação do

seu comprometimento com a disciplina e assim poderá vir a somar alguns

pontos na sua nota final.

27



Referências

• Livro – capítulos 1 e 2 (até pág. 26)

28

BARBOSA, S.D.J.; SILVA, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.

3-day schedule for the seminar - inf.puc-rio.brinf1403/docs/luciana2013_1/3wb-aula02.pdf · projeto...

Documents