Conceitos Básicos

(1)

INF1403 – Introdução a IHC

1

Conceitos Básicos

INF1403 – Introdução a IHC Aula 04

21/08/2013

(2)

Objetivos da Aula

• Recapitulação da Aula passada

• Design de IHC

(3)

3

Recordação: Interface e Interação

• INTERFACE

– Área de fronteira entre dois espaços físicos ou lógicos (definição genérica).

– Parte de um sistema computacional com a qual um agente externo (uma pessoa ou outro sistema, por exemplo) está em contato e a partir da qual pode ativá-lo e comandá-lo

(definição específica, que utilizaremos).

• INTERAÇÃO

– Tecnicamente, é processo de ações e reações, realizado através de interfaces de sistemas ou artefatos computacionais, associado a intenções e disposições dos usuários, por um lado, e à lógica programada no sistema ou artefato, por outro.

(4)

4 Perspectivas sobre a interação humano- computador

J. Kammersgaard, 1988

usuário

computador

SISTEMA PARCEIRO

FERRAMENTA MIDIA

(5)

Qualidades de interfaces de usuário

• A qualidade de uso de sistemas interativos envolve:

– Usabilidade [Nielsen, 1993]

– Acessibilidade [Melo e Baranauskas, 2005]

– Comunicabilidade [Prates et al., 2000]

– Experiência do usuário (user experience) [Preece et al., 2005]

© SERG, 2009

5

(6)

Usabilidade

• Definição informal

– Usabilidade é a qualidade exibida pelos sistemas cuja interface e interação são:

• Fáceis de aprender e memorizar

• Fáceis de manejar e executar

• Flexíveis

• Agradáveis

• Meios eficientes e produtivos para realizar tarefas

• Meios seguros

(7)

7

Acessibilidade

• Definição informal

– Acessibilidade é a qualidade exibida pelos sistemas cuja interface e interação:

• Não discriminam usuários-alvo com necessidades especiais permanentes ou transitórias.

O usuário-alvo pode ser estabelecido por prioridades de negócio do produtor da tecnologia ou por vários outros critérios, entre os quais a lei e a ética.

(8)

Acessibilidade – Legislação

• Brasileira

– http://www.acessobrasil.org.br/index.php?itemid=43

• Americana

– http://www.section508.gov/index.cfm?FuseAction=

Content&ID=3

(9)

Acessibilidade (cont.)

• Capítulo VI

Do Acesso à Informação e Comunicação

Art. 47. No prazo de até doze meses a contar da data de publicação deste Decreto, será obrigatória a acessibilidade nos portais e sítios eletrônicos da administração pública na rede mundial de

computadores (internet), para o uso das pessoas portadoras de deficiência visual, garantindo-lhes o pleno acesso às informações disponíveis.

• (Decreto-lei 5296 de 2 de dezembro de 2004 )

© SERG, 2009

9

(10)

Acessibilidade (cont.)

• Entretanto, recentemente o Brasil assinou a "Convenção

Internacional dos Direitos da Pessoa com Deficiência" na ONU e o Congresso Nacional ratificou, com quórum qualificado, que esta Convenção se tornasse lei brasileira com status constitucional, desde julho de 2008.

• A acessibilidade na internet foi contemplada nos artigos 9 e 21 da Convenção, tornando obrigatória e crime de discriminação qualquer informação na internet não acessível para qualquer tipo de

deficiência e a qualquer categoria de portal ou site, de empresa

privada ou governamental, acabando assim com as restrições

anteriores do decreto.

(11)

11

Comunicabilidade

• Definição informal

– Comunicabilidade é a qualidade exibida pelos sistemas cuja interface e interação:

• Expressam bem a intenção e a lógica de design dos produtores do sistema

• Permitem ao usuário expressar bem a sua intenção de uso

• Respondem às expressões do usuário com comunicações úteis e adequadas ao contexto de uso

(12)

Qualidade da Experiência do Usuário

• Experiência do Usuário

– Determina o sucesso comercial de um produto de software – Determina a produtividade dos usuários

– Determina as oportunidades de mudança de comportamentos, práticas, crenças, disposições, de indivíduos e grupos

– … – … – …

– Determina, em considerável escala, a formação de grupos de usuários que conseguem e que não conseguem, que sabem e que não

sabem, que podem e que não podem, etc.

Dimensão ética da Informática. Nunca

esquecer!

(13)

13

Exemplos de determinação da experiência do usuário

1. Aplicações disponíveis para um único sistema operacional

– Divide os usuários entre os que podem usá-la e os que não podem.

Algum problema?

• Não, se o que a aplicação faz é um produto ‘facultativo’ na sociedade.

• Sim, se o que a aplicação faz é algo que todo cidadão tem de fazer ou deveria poder fazer.

2. Aplicações multi-plataforma (ie. para vários sistemas

operacionais), mas com interface única, não customizável.

– Divide os usuários entre os que conseguem usá-la e os que não conseguem. Algum problema?

• Não e sim, como em [1].

3. Toda aplicação, independente de em quantas plataformas está disponível ou quantas interfaces alternativas oferece:

– Divide os usuários entre os que gostam e os que não gostam dela.

Algum problema?

• Não e sim, como em [1].

(14)

Usabilidade, Comunicabilidade, Acessibilidade

Uma tripla indissociável, pois cada um dos três conceitos:

• está inevitavelmente ligado aos demais;

• afetam a experiência do usuário.

Foto em: http://www.okokchina.com/Files/uppic6/Cartier%20Trinity%20Ring495.jpg

(15)

15

Resumindo...

• Usabilidade (cognição, produtividade, satisfação)

• Acessibilidade (eliminação de barreiras físicas e sócio culturais para o uso de TIC’s)

• Comunicabilidade (comunicação eficaz e eficiente da intenção de

design)

(16)

Para saber mais...

• http://www.acessibilidadelegal.com

"Acessibilidade Legal"

procura reunir alguns destes textos em um só

lugar, facilitando a divulgação, o estudo, a pesquisa e o conhecimento

sobre o tema.” Marco Antonio de Queiroz

(MAQ).

(17)

Referências

• Livro – capítulo 2

17

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

Interação Humano-Computador.

Editora Campus-Elsevier, 2010.

(18)

Design de IHC:

Primeira Aproximação

(19)

19

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.

(20)

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 opção A CommandButton1

(21)

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

21

(22)

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

(23)

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.

23

Oportunidade ou Problema?

•Análise da situação atual

(24)

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.

(25)

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

•Análise da situação atual 25

(26)

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

(27)

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.

•Análise da situação atual 27

(28)

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?

(29)

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.

29

(30)

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

(31)

31

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.

(32)

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

(33)

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

33 33

33

(34)



(35)

35

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

Exemplo

interessante

(36)

Family album: Microsoft's CD players

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

(37)

Referências da Aula

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

37

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

Interação Humano-Computador.

Editora Campus-Elsevier, 2010.