Design de IHC: Primeira Aproximação

(1)

INF1403 – Introdução a IHC

Design de IHC:

Primeira Aproximação

INF1403 – Introdução a IHC 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

CommandButton1 opção A

(4)

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”.

(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

•Avaliação da nova situação

Processo Interpretativo e Iterativo

(6)

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.

Oportunidade ou Problema?

(7)

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.

(8)

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

(9)

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

(10)

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.

(11)

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?

(12)

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.

(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

(16)

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

(17)



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

(19)

Family album: Microsoft's CD players

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

(20)

Referências da Aula

• Livro – capítulo 4 até pág. 102

BARBOSA, S.D.J.; SILVA, B.S.

Interação Humano-Computador.

Editora Campus-Elsevier, 2010.