design de ihc: primeira aproximação - puc-rioinf1403/docs/luciana2013_1/3wb-aula05.pdf ·...
TRANSCRIPT
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
1
Design de IHC:
Primeira Aproximação
INF1403 – Introdução a IHC
Aula 05
18/03/2013
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
2
Affordance (1/2)
• Definição do conceito no campo da Psicologia
(Gibson, final da década de 1970)
– Conjunto de características dos objetos físicos que determinam ou
sugerem ao observador que tipo de ação/uso se pode fazer com o
objeto.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
3
Affordance (2/2)
• Adaptação do conceito para o domínio de IHC
(Norman, década de 1980)
– Características de objetos de interface percebidas pelos usuários, as
quais sugerem como tais objetos podem ser manipulados
CheckBox1
Textbox
ToggleButton1
CommandButton1opção A
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
O que é design?
• Projeto (ou design) é “plano ou concepção intelectual que será
executada posteriormente”
• Nosso foco em IHC
– design de “produtos interativos que forneçam suporte às atividades
cotidianas das pessoas, seja no lar ou no trabalho”.
4
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
5
Processo de Design de IHC
• O que é design (de IHC)?
– Uma intervenção na situação atual (para mudar e “melhorar” o estado
corrente das coisas).
• Etapas fundamentais do design
– Análise da situação atual
– Síntese de uma intervenção
– Avaliação da nova situação •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
•Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
Processo Interpretativo e Iterativo
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Análise da Situação Atual
• Estudar e interpretar a situação atual
– Pessoas (usuários e stakeholders),
– Contexto Físico, Social e Cultural de uso,
– Artefatos,
– Processos,
– ...
• Qual o foco?
– Isto dependerá de quais assuntos serão tratados (o domínio), os
objetivos das pessoas envolvidas (usuários e demais stakeholders),
tempo, orçamento, mão-de-obra disponível e até a folosofia de
trabalho.
– Diferentes focos de análise contribuem para diferentes interpretações.
6
Oportunidade ou Problema?
•Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Análise da Situação Atual
• Qual o produto desta etapa?
– Uma interpretação da realidade estudada
– Um enquadramento e um recorte particular dela.
– Necessidades e Oportunidades de melhoria para as quais será
projetada uma intervenção.
• Em IHC representadas por METAS DE DESIGN.
7 •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Análise da Situação Atual
• Objetivos dos usuários e
• Critérios de qualidade de Uso
• Exemplos:
– Situação 1: Usuários gastam muito tempo processando informações.
Um sistema computacional poderia fazer a mesma tarefa mais
rapidamente.
• META DE DESIGN: Aumentar a eficiência das atividades dos usuários
(Usabilidade)
– Situação 2: Vários usuários encontram dificuldades para usar sistemas
semelhantes porque não compreendem como funcionam.
• META DE DESIGN: Comunicar adequadamente através da interface a visão
do designer sobre as operações que o usuário pode realizar com o sistema
(COMUNICABILIDADE).
8 •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Síntese de uma intervenção
• Planejar e executar uma intervenção na situação atual
• Como melhorar a situação atual?
• Possíveis Soluções
– Novo sistema interativo
– Uma nova versão de um sistema
– Mudança nos processos, sem alteração nos sistemas utilizados.
9 •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
SOLUÇÃO
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Síntese de uma intervenção
• O projeto de um sistema interativo deve definir uma solução de IHC
com alta qualidade de uso para impactar a situação atual e a vida
dos usuários conforme pretendido.
10 •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Etapa de Design: Avaliação da nova situação
• Verificar o efeito da intervenção, comparando a situação analisada
anteriormente com a nova situação, atingida após a intervenção.
• Quando avaliar?
– Durante a concepção e desenvolvimento da intervenção
– Logo antes da introdução da intervenção
– Depois da intervenção ter sido aplicada
• O quê avaliar (em IHC)?
– Se interface e interação atendem aos critérios de qualidade de uso
definidos como prioritários na análise da situação atual.
11 •Análise da situação atual
•Síntese de uma intervenção
•Avaliação da nova situação
Onde o custo será menor?
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Perspectivas de Design
• Reflexão em Ação (Schon, 1983)
– Uma situação do cotidiano pode estar associada a um problema, que é
considerado único.
– Cada caso é diferente do outro.
Consequentemente:
• designer não está procurando descobrir dicas [da situação atual que
apontam] para uma solução padrão.
• Designer procura descobrir as características particulares da situação e a
partir desta descoberta gradual, projeta uma intervenção.
12
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
13
A “reflexão em ação” de Donald Schön
• Semelhanças com o processo geral de geração de conhecimento
utilizado na pesquisa científica
(RE)Interpretaçõo da situação atual
(RE)Formulação de um PROBLEMA
a resolver Geração de
alternativas de SOLUÇÃO
Avaliação de alternativas
geradas
Solução, resolução, dissolução, transformação de problemas
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
14
A “reflexão em ação” de Donald Schön
• A manifestação de ideias em alguma representação permite que o
designer converse com as soluções.
(RE)Interpretaçõo da situação atual
(RE)Formulação de um PROBLEMA
a resolver Geração de
alternativas de SOLUÇÃO
Avaliação de alternativas
geradas
O designer conversa, reflete, avalia e aprende sobre o que está fazendo enquando o faz. Este processo influencia suas ações futuras.
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
15
Conhecimentos úteis no processo de design
• Técnicas
– Técnicas de design (e.g. prototipação, storyboarding)
– Técnicas de análise (e.g. etnometodologia)
• Teorias
– Teorias sociais
– Teorias da comunicação e semiótica
– Teorias psicológicas
– Conhecimento de ergonomia
• Cultura Geral
Estudaremos no decorrer do curso:
* Engenharia
Cognitiva * Teoria da Atividade
* Engenharia Semiótica
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Características-chave do processo de design de IHC
1.Manter sempre o foco no usuário
2.Estabelecer objetivos específicos com relação à
experiência que se espera que o usuário tenha
3. Iterar o processo
16 16
16
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Processos de Design: Design Centrado no
Usuário
17
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
18
http://www.crystalxp.net/news/en746-mozilla-firefox-history-interface-toolbar-logo.html
Exemplo
interessante
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Family album: Microsoft's CD players
• http://www.threetix.net/articles/0008.html
19
INF1403 – Introdução a IHC
© Profa. Luciana Salgado
Referências da Aula
• Livro – capítulo 4 até pág. 102
20
BARBOSA, S.D.J.; SILVA, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.