3-DAY SCHEDULE FOR THE SEMINAR - inf.puc-rio.brinf1403/docs/luciana2013_1/3WB-Aula02.pdf · Projeto...
Transcript of 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
INF1403 – Introdução a IHC
Aula 02
06/03/2013
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Objetivos da Aula
• Computação & Informática
• Tecnologias de Informação e Comunicação
2
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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)
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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ê?
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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!
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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ê.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
10
Um exemplo prático Filme: abrirarquivoword.avi
E se aquele documento super importante não
abrir?
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
12
Exemplo: Votação na urna eletrônica e na cédula
impressa
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
13
Instruções do TSE para o eleitor
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
14
O caso do voto involuntariamente nulo
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
15
O caso do voto involuntariamente nulo
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
16
O caso do voto involuntariamente nulo
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
17
E o do voto voluntariamente nulo
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
18
Como votar branco ou nulo na urna eletrônica
Evidente questão de usabilidade
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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)
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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!
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
23
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
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.