Graduação em Tecnólogo em

ADS – FATEC Taubaté

IHC – Interação Humano
Computador

3º Semestre
 HM – Interface Homem x Máquina
01 – Design de interface H x M

01 – Introdução

02 – Ferramentas

03 – Concepção de Interface

04 – Comunicação

05 – Gestalt
 HM – Interface Homem x Máquina

As vezes um
símbolo diz
01 – Introdução mais ....

❖ È a maneira que desenhamos a interação homem-computador, é

um dos gargalos principais à utilização das ferramentas que o
homem vem construindo na área da informática.

❖ É condição básica para a disseminação do seu uso, em que

pesquisas nesta área, revestem-se de uma grande importância
social e econômica.

❖ O projeto de interfaces com o usuário ainda está muito longe de

tornar simples a comunicação com estas máquinas.

Um bom projeto de interfaces exige aportes de múltiplas áreas de

conhecimento:
 HM – Interface Homem x Máquina

02 – Interface
❖ Não é simplesmente aquilo que se vê na tela do computador

❖ Envolve atividades específicas como as de banco, atividades mais

gerais como as dos portais.

❖ Envolve recursos e ferramentas específicas

❖ Definição de dicionário: o local no qual sistemas diferentes se

encontram e atuam ou se comunicam um com o outro

❖ Os dispositivos de entrada e saída e tudo aquilo que modela a

experiência do usuário, incluindo documentação, treinamento e
serviço de suporte
 HM – Interface Homem x Máquina

03 – Ferramentas
Ferramenta open-source de prototipagem de interfaces

➢ Pencil: é uma ferramenta open-source de prototipagem de

interfaces de usuários, disponível para todas as plataformas.

➢ Pencil: Possui várias coleções/bibliotecas para desenhar vários

tipos de interface que variam de desktop para as plataformas
móveis.

➢ Pencil : Para baixar, acesse http://pencil.evolus.vn/.

Atenção: A ferramenta Balsamiq Mockups, oferece recursos mais

simplificados melhorando assim a idéia da prototipação.
 HM – Interface Homem x Máquina

04 – Concepção de Interface
❖ Aquele que concebe um sistema interativo deve elaborar uma
descrição mais precisa possível do problema e dos processos
cognitivos do usuário", para em seguida concretizar o mais
fielmente possível esta representação no software.
Cognitivo : modo de perceber e interpretar a si mesmo.
✓ Não segue um padrão descritivo de interpretação porque é
subjetivo, ou seja cada qual tem uma forma pessoal de analise,
levando em conta sua capacidade de aprendizado pela
cognição..

✓ Cognição envolve :
▪ atenção percepção,
▪ memória raciocínio,
▪ juízo imaginação
▪ pensamento linguagem e ação.
 HM – Interface Homem x Máquina

04 – Concepção de Interface
❖ O homem se comunica em primeiro lugar com ele mesmo e com
as suas Ferramentas.

❖ Em segundo lugar, com seus companheiros e seus agentes.

❖ Os computadores pessoais têm, até agora, somente se

concentrado na primeira dimensão citada acima.

?
❑ Será que os computadores
pessoas estão substituindo os
amigos ?
❑ O Eu somente EU ?
 HM – Interface Homem x Máquina

05 – Comunicação
❖ As redes de computadores têm facilitado a comunicação dos
homens entre si.

❖ Mas nos computadores, com exceção de alguns poucos

dispositivos, não existe nada atuando eficientemente como agentes
a serviço dos usuários.

❖ Os homens sempre usaram uns aos outros como agentes

prestadores de serviço.

❖ Aplicações de computadores que incluam tais agentes, deixam a

categoria de ferramentas manipuláveis e passam à classe das
ferramentas manejáveis ou administráveis.
 HM – Interface Homem x Máquina

05 – Comunicação

✓AGENTES: devem ser capazes de executar tarefas que exijam:

▪ especialização,
▪ habilidades,
devem, ser sensíveis a ponto de poder perceber e interpretar
corretamente quais são as necessidades, preferências e
dificuldades do usuário.

✓ Espera-se ainda destes agentes que sejam competentes,

possuir um meta-conhecimento do seu domínio de atuação e
devem ser capazes de representar este conhecimento através de
múltiplas formas.
 HM – Interface Homem x Máquina

06 – Gestalt
Utilizado na Informática nos estudos das relações da interface H x Máq..

✓ Imagem estática que nos remete a sensação de movimento

✓ Relação dos processos cognitivos X a forma que percebemos o mundo
 HM – Interface Homem x Máquina

06 – Gestalt

Imagem estática que nos remete a sensação de movimento

 HM – Interface Homem x Máquina

06 – Gestalt - Processo Percepção

✓ Estrutura delimitada pelo
conjunto de tratamento cognitivos
que dão significado as sensações e
estimulos.

✓ Processos perceptivos ou de
discriminação que organizam e
segregam sensações.

✓ Processo que da interpretação do

significado as sensações captadas
pelas etapas anteriores da
percepção influenciadas pelo
contexto.
Vaso ?
Cálice ?
O que é isso ? Pessoas ?
 HM – Interface Homem x Máquina

06 – Gestalt Modelo Mental: Ligada a nossa

experiência de vida e com a nossa
cultura

✓ Capacidade de raciocinar sobre

uma situação hipotética ou real.

✓ Natureza Semântica: refere-se a

conhecimentos conceituais

✓ Procedural: refere-se a forma

como os conhecimentos são
aplicados.

✓ Estrutural:refere-se a consciência
de que modelos mentais não
ocorrem de forma isolada na mente
das pessoas. È a forma estrutural
como estes estão ligados.
 HM – Interface Homem x Máquina

06 – Gestalt – Processo Modelo Interação

✓ É a ação de um objeto sobre o

outro.
 HM – Interface Homem x Máquina

06 – Gestalt - Processo Memória

✓ Capacidade de armazenar,
registrar e evocar informações

✓Com base em nossas

experiências e vivencias com o
mundo ao nosso redor.
 HM – Interface Homem x Máquina

06 – Gestalt – Processo Emoções

✓ Interação das pessoas com o

seu sistema, podem e irão gerar
emoções relevantes a
possibilidade de sucesso do seu
empreendimento.

✓ Também levar o seu produto

na aceitação exposto na WEB.
 HM – Interface Homem x Máquina

06 – Gestalt

Na leitura dinâmica dividimos a linha em 2 ou 3 partes

 HM – Interface Homem x Máquina

06 – Gestalt – Processo Continuidade

 HM – Interface Homem x Máquina

06 – Gestalt – PROCESSO DE FECHAMENTO

Demonstra a nossa capacidade de observar o todo e as partes

isoladamente compreendendo o todo
 HM – Interface Homem x Máquina

06 – Gestalt – Processo de Unificação

▪Imagem sexual ( pq vemos o que vivenciamos ao nosso redor)

▪Seqüência de golfinhos
▪Aplicar a lei da unificação e segregação ( colocar em ordem ) utilizando as cores
▪Todos os conceitos anteriores favorece para o sucesso da nossa interface
 HM – Interface Homem x Máquina

Assista os videos

https://www.youtube.com/watch?v=FhdoP459Vro

https://www.youtube.com/watch?v=ftwBXjZgbeE 6 leis da GESTALT

Dúvidas