I.

1 Apresentao e Introduo

Introduo s
Interfaces Pessoa-Mquina
(IIPM)
2011/2012

Joaquim Jorge
jaj@inesc-id.pt!

I INTRODUO
I.1 APRESENTAO E INTRODUO
Interaction Design,
Jenny Preece
Captulo 1

I.1 Apresentao e Introduo

Interfaces ?

Interfaces ?

I.1 Apresentao e Introduo

Interfaces ?

Interfaces ?

I.1 Apresentao e Introduo

Interfaces ?

Melhor e Pior?

I.1 Apresentao e Introduo

Informao Bsica da Cadeira

oIntroduo s
Interfaces Pessoa-Mquina
oPgina no Fenix
Vitrina da disciplina
Toda a informao relevante

Enunciados
Projectos e Laboratrios
9

Corpo Docente

o Joaquim Jorge
Tericas

o Mrio Rui Gomes

Prticas

10

I.1 Apresentao e Introduo

Bibliografia
o Livro de Texto

Alan J. Dix et al,

Human-Computer Interaction,
3 ed. Prentice Hall, 2004, 834 pp.
(ISBN: 0-13-046109-1)

o Livro Complementar
Jenny Preece et al,
Interaction Design beyond Computer Interaction,
John Wiley 2002, 519 pp.
(ISBN: 0-471-49278-7)

11

Avaliao
Peso

Nota
Minma

Exames

40%

9,5

Projecto

35%

9,5

Laboratrios

25%

Componente

1 valor de bnus pela frequncia das aulas tericas

Todos comeam com 1 valor!!
12

I.1 Apresentao e Introduo

Programa Tericas
I-Introduo
Apresentao + Sistemas Interactivos e Eng. de Usabilidade

II-Utilizadores e Tarefas
Anlise de Utilizadores e de Tarefas + Factores Humanos

III-Desenho de Sistemas Interactivos

Modelos Mentais e Conceptuais + Estilos de Interaco + Desenho de
Ecrs + Prototipagem (PBFs)

IV-Avaliao
Por Peritos (Aval. Heurstica) + Preditiva (GOMS, CCT, KLM)
Com Utilizadores + Anlise dos Dados da Avaliao

V-Documentao e Dispositivos de Interaco

Documentao e Ajudas + Dispositivos de Interaco

VI-WWW
Desenho de Pginas + Padres + Personalizao e Standards
13

Aulas Laboratrio
o Avaliao + Redesenho de Projectos
o Questionrios
o Modelos Conceptuais (Prtica)
o Modelo Conceptual do projecto
o Prottipo de baixa fidelidade
o Avaliao Heurstica
o Prottipo funcional
o Avaliao Heurstica do prottipo
o Avaliao com utilizadores do proto. final
14

I.1 Apresentao e Introduo

Projecto
o Realizado nas Aulas Laboratrio
o Projecto = Prottipo + Relatrio
o Avaliao com Utilizadores
o Entregam 1 semana depois do final
Concluso do Relatrio (Importante!!)

o Discusses de 30min

Apresentao + Discusso
15

Melhor e Pior ?

16

I.1 Apresentao e Introduo

Melhor e Pior ?

17

Definio de IPM
o Interfaces Pessoa-Mquina (Interaco)
Human Computer Interaction - HCI

o Disciplina interdisciplinar que trata

O projecto (desenho)
A realizao
A avaliao

de sistemas interactivos
a serem usados por seres humanos
o Disciplina que estuda a troca de informao
entre Pessoas e Mquinas
18

I.1 Apresentao e Introduo

Interface Utilizador (IU)

o Parte visvel de uma aplicao/sistema
o Permite ao utilizador
Interagir com a aplicao
Realizar as suas tarefas

o Deveria ser sempre:

Resultado da aplicao do processo a estudar
em IIPM
19

Porqu Estudar IIPM ?

20

10

I.1 Apresentao e Introduo

Porqu Estudar IIPM?

50%

60%

preo total de um produto

21

Porqu Estudar IIPM?

Programas Reais
Utilizadores
pessoas para alm de vocs

22

11

I.1 Apresentao e Introduo

Porqu Estudar IIPM?

Ms interfaces tm custos
Dinheiro
Vidas

(5% satisfao -> at 85% lucros)

(Therac-25 ver a seguir)

23

Porqu Estudar IIPM?

Difcil acertar
com a Interface Utilizador

Interface o sistema
para os utilizadores

M Interface = Fracasso!
24

12

I.1 Apresentao e Introduo

Therac-25
o Therac-25:

Tratamento cancro com raios-X

o Aconteceram coisas estranhas a vrios pacientes

por excesso de radiao :
Vrias queimaduras
Trs mortes

o Esta Overdose de radiao deveu-se

convergncia de vrios factores incluindo:
Erros de programao bsicos
Inadequada engenharia de segurana

Fraco desenho da interaco pessoamquina

Falta de cultura firme de segurana no fabrico

25

O que Ganham com IIPM?

26

13

I.1 Apresentao e Introduo

O que Ganham com IIPM?

Oportunidades de emprego

Nova perspectiva
Orientada ao utilizador
Diferente de outras cadeiras

27

O que Ganham com IIPM?

Anlise e Pensamento crtico

sobre design

Conhecimentos para avaliar

interaco
Baseados em teoria e factos

28

14

I.1 Apresentao e Introduo

O que Ganham com IIPM?

Conhecimentos para
desenvolver
IU mais usveis
GUIs, Web e no s

29

Objectivos a Atingir

30

15

I.1 Apresentao e Introduo

Objectivos a Atingir

Saber o significado de
Bom e Mau desenho
Melhor e Pior

Conhecer
Linhas-mestras (guidelines)
Modelos
Saber como se aplicam no desenho de interfaces
31

Objectivos a Atingir

Ser Perito em Usabilidade

Avaliao Heurstica

Experincia no desenho e
desenvolvimento de IUs
Prottipo

Tecnologias para prototipagem

das IUs
32

16

I.1 Apresentao e Introduo

Resultado
o Sistemas
Fceis de utilizar
Eficazes
Agradveis de usar
Minimizam os erros
Aumentam a satisfao
Diminuem a frustrao
Tornam mais produtivas as tarefas
Escondem a tecnologia do utilizador
33

Quem Faz IUs ?

o Uma equipa de especialistas

(idealmente)

Designers grficos
Designers de interao / interfaces
Escritores tcnicos
Vendedores / Marketing
Engenheiros de teste
Engenheiros de software
Utilizadores
34

17

I.1 Apresentao e Introduo

Porqu vir s
Aulas Tericas ?

35

Porqu vir s aulas tericas?

80% do relatrio
examinado com base em
conhecimentos tericos

36

18

I.1 Apresentao e Introduo

Porqu vir s aulas tericas?

80%

da nota do prottipo

baseada em teoria
Desenho de ecrs, navegao, ajudas, etc.

37

Porqu vir s aulas tericas?

Perguntas dos exames

incidem sobre matria discutida nas aulas
de exposio
(no aparece no livro NEM nos slides)

No perdem o Bons!
38

19

I.1 Apresentao e Introduo

Comentar!
Dentro de pouco tempo, no teremos
que nos preocupar mais com
interfaces: basta falar para o
computador.

39

Reflexes...
Tarefas complexas podem exigir interfaces
complexas, mas isso no desculpa para
complicar as tarefas simples.
Jef Raskin(*)

Do ponto de vista do utilizador/cliente, a

interface o produto.
Jef Raskin(*)

(*) Jef Raskin, criador do macintosh em conjunto com Steve Jobs.

40

20

I.1 Apresentao e Introduo

Novas IUs
o AudioPad
Instrumento de composio e execuo de msica
electrnica
Segue a posio de objectos numa superfcie
converte os movimentos em sons.

Desenvolvido por
James Patten e Ben Recht,
Tangible Media Group, MIT Media Lab (2003)

41

AudioPad

42

21

I.1 Apresentao e Introduo

Multi-Toque

43

Asus WaveFace

44

22

I.1 Apresentao e Introduo

Para a prxima aula

o Engenharia da Usabilidade
o Ler captulo 1 Jenny Preece
o Consultar www.useit.com

45

23