design de ihc: primeira aproximação - puc-rioinf1403/docs/luciana2013_1/3wb-aula05.pdf ·...

INF1403 – Introdução a IHC

© Profa. Luciana Salgado

1

Design de IHC:

Primeira Aproximação


Aula 05

18/03/2013



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.



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



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



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



Processo Interpretativo e Iterativo



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






• 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






• 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).






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.




SOLUÇÃO



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.






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.




Onde o custo será menor?



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



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



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.



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



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



Processos de Design: Design Centrado no

Usuário

17



18

http://www.crystalxp.net/news/en746-mozilla-firefox-history-interface-toolbar-logo.html

Exemplo

interessante
















Family album: Microsoft's CD players

• http://www.threetix.net/articles/0008.html

19

links/CDPlayer Evolution.html



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.

design de ihc: primeira aproximação - puc-rioinf1403/docs/luciana2013_1/3wb-aula05.pdf ·...

Documents