TA1 Interfaces

Prévia do material em texto

Interação Humano 
Computador
TA1
Interfaces
Descrever os conceitos iniciais de IHC, trazendo uma 
visão geral de aplicações e soluções utilizados no 
diálogo das interfaces computacionais, de forma 
adequada ao usuário.
Objetivos da Aula
� Celular
� Controle Remoto
� Relógios
� Computador
Você já pensou em com quantos produtos 
interativos convivemos todos os dias?
Você já pensou em com quantos produtos 
interativos convivemos todos os dias?
� Cafeteira
� Cx Eletrônico
� Máq.Refrigerantes
Máquina de 
café
REFLEXÃO
Até aqui estamos dentro de nosso 
cotidiano....Mas observamos que 
estes produtos interativos muitas 
vezes são ruins de usar, de 
trabalhar.... afinal quem desenha, 
inventa ou projeta estes dispositivos?
Fonte: www.google.com.br/imagens
Interação: Processo de comunicação entre pessoas 
e sistemas interativos (Preece et Preece et al., 1994).
DEFINIÇÕES IMPORTANTES
Estilos de Interação
� Físico
� Perceptico
� Conceitual
Interface: Parte de um sistema computacional com a qual 
a pessoa entra em contato – física, perceptiva ou 
conceitualmente (Moran, 1981). 
� A interface atua como uma espécie de tradutor, mediando 
entre as duas partes, tornando uma sensível para a outra. 
(Johnson Steven ).
Fonte: www.google.com.br/imagens
Usuários: São pessoas que não são especialistas em 
informática e não tem obrigação de ser. 
DEFINIÇÕES IMPORTANTES
São impacientes; 
Têm necessidades diferentes;
Trazem consigo experiências 
passadas;
Fonte: www.google.com.br/imagens
Quando alguém utiliza uma ferramenta, e interage com um 
sistema, costuma existir "algo" entre ele e o objeto de 
interação.
� Num automóvel, o "algo" podem ser os pedais. 
� Num elevador os botões. 
� Num computador consiste no 
teclado, na tela, o mouse e o 
resto de periféricos.
O que é interface?
O conceito de interfaces tornou-se importante desde que 
se percebeu a necessidade de uma área comum de 
interação homem-máquina para a navegação nos 
hiperdocumentos.
• Isto é interface! 
É ao mesmo tempo, um limite e um espaço comum 
entre ambas as partes.
Interface
Este "algo" informa-nos sobre as ações que são possíveis, 
o estado atual do objeto e as mudanças produzidas e 
permite-nos, ainda, atuar sob o sistema ou a ferramenta.
A interface não é só o programa ou 
o que se vê na tela. Desde o 
momento que o usuário abre a 
caixa, começa interagir com o 
produto e portanto, começa a sua 
experiência.
No início o estudo sobre IHC a 
consideração era sobre os 
aspectos que envolviam 
somente o hardware e o 
software com o qual o ser 
humano e o computador podiam 
se comunicar. 
No entanto, com a evolução desse 
conceito, foi introduzido nos 
estudos abordagens que levam 
em consideração aspectos
multidimensionais, tais como os 
cognitivos e emocionais do 
usuário durante a comunicação 
(ROCHA; BARANAUSKAS, 2000).
Fonte: www.google.com.br/imagens
� as propriedades físicas das partes que interagem;
� as funções a serem executadas;
� balanço entre poder e controle.
Interface
Uma interface é uma superfície de contato que reflete:
Cientista usa games em robô com nova tecnologia de tele 
presença
Vídeo
Outra definição de interface...
... se aplica em IHC é a definição de Mitch Kapor em 
Winograd (1996, p.01), cuja definição é onde você fica 
com o pé em dois mundos – o mundo da tecnologia e o 
mundo das pessoas e objetivos humanos – e você tenta 
juntar os dois.
Exemplos de Interface - antigamente
Caixas eletrônicos
Exemplos de Interface
Exemplos de Interface
Jogo de Computador
Exemplos de Interface - entretenimento
Exemplos de Interface - entretenimento
Exemplos de Interface - acessórios
Funções adicionais do 
relógio:mensagens, 
músicas, siri
(lembretes), wallet 
(ingressos, cupons..), 
calendário, mail, 
mapas e telephone.
Exemplos de Interface – Aplicações médicas
Medição precisa de Força e Torque
Sistemas de calibração Células de carga personalizadas Loadpins Acessórios
Exemplos de Interface – Aplicações médicas
Exemplos de Interface – Aplicações médicas
Exemplos de Interface – Aplicações médicas
Design de Interfaces
Observar e analisar as características de design do
ambiente cotidiano é um modo de desenvolver uma
sensibilidade ao mundo desenhado em que vivemos e
trabalhamos.
Fonte: www.google.com.br/imagens
Dessa forma, ao criar uma 
interface com boa qualidade de 
interação, devem ser 
analisados além da proposta de 
software e hardware, os 
aspectos que envolvem a ação 
e interpretação do ser humano.
Princípios
O primeiro princípio do design de interfaces, tanto para uma
maçaneta quanto para um computador, é manter em
mente o ser humano que quer usá-la. 
A tecnologia é subserviente àquele objetivo.
….menos ênfase em “interfaces” e mais em ferramentas
apropriadas para a tarefa. Mais ênfase em design 
centrado no usuário. Menos em tecnologia; mais nas
pessoas, e grupos, e interações sociais. E tarefas. 
(Norman, D)
Atividade em Sala
Segundo Moran (1981, p.7), “a interface de usuário deve ser 
entendida como uma parte do sistema computacional com a 
qual uma pessoa entra em contato físico, perceptiva e 
conceitualmente”.
A interface afetiva consiste em: 
a) Conduzir estados emocionais.
b) Fortalecer planejamento e cronograma.
c) Compreender o perfil do usuário.
d) Beneficiar a interface de acessibili-
dade.
Você tem alguma dúvida?
Me mandou?
Porque é necessário estabelecer um bom nível
de conversação entre o usuário e o sistema
computacional
CONFORTO 
(Confiabilidade)
DESEMPENHO
(Custo do trabalho)
Porque estudar interfaces?
Fonte: www.google.com.br/imagens
1ª geração: Unix, ms-dos, onde a comunição é feita 
de modo textual, escrevendo os comandos.
Evolução das Interfaces
Fonte: www.google.com.br/imagens
2ª geração: acesso via comandos(menu simples).
Evolução das Interfaces
Fonte: www.google.com.br/imagens
3ª geração: Traz o conceito de mesa de trabalho 
(desktop).
Evolução das Interfaces
Fonte: www.google.com.br/imagens
4ª geração: hipertextos e multitarefas.
Evolução das Interfaces
Fonte: www.google.com.br/imagens
Avaliador Instantâneo Audi
Vídeo
Fonte: http://youtu.be/yK5nws1vQGw
Acesso em: 29 Jan 2019.
Exemplos de Interfaces de 4ª geração
Realidade aumentada
Fonte: www.google.com.br/imagens
Exemplos de Interfaces de 4ª geração
Interfaces tangíveis
Fonte: www.google.com.br/imagens
Exemplos de Interfaces de 4ª geração
Tecnologias usáveis
Fonte: www.google.com.br/imagens
IIMAS – Integração de Interfaces Multitouch em 
ambientes sociais
Vídeo
Fonte: http://youtu.be/cYVjG8ziZ14
Acesso em: 29 Jan 2019.
Educação
• EAD
• Softwares educativos
• E-books
• Artigos
Segurança
• Controle de trafego
• Simuladores
• Treinamentos 
• Usinas nucleares
Entretenimento
• Arte, música e esportes 
são atualmente auxiliadas 
e suportadas por sistemas 
computacionais
• Games
Interfaces no cotidiano
Fonte: www.google.com.br/imagens
Dessa forma, ao criar uma interface 
com boa qualidade de interação, 
devem ser analisados além da 
proposta de software e hardware, 
os aspectos que envolvem a ação 
e interpretação do ser humano.
REFLEXÃO
Fonte: www.google.com.br/imagens
Para Preece et al (1994 apud 
Interacting with Computers, 1989, p. 
3), essas metas podem ser resumidas 
em desenvolver ou melhorar 
segurança, utilidade, efetividade, 
eficiência, e usabilidade de sistemas 
no meio computacional. 
REFLEXÃO
Fonte: www.google.com.br/imagens
Nesse caso, para alcançar as metasestabelecidas, é necessário que o 
processo de interação humano-
computador passe por um processo 
de avaliação, a fim de identificar 
possíveis problemas, bem como servir 
de retroalimentação para o 
desenvolvimento.
REFLEXÃO
Fonte: www.google.com.br/imagens
• O ideal seria ter uma interface tão simples e fácil de 
utilizar, que as pessoas iriam, naturalmente, interagir 
com ela, sem se preocupar em entender toda a 
complexidade das funcionalidades.
• Nielsen (2000), Rocha e Baranauskas (2003) e Norman (2006),
Qual a interface ideal?
“O objetivo é deixar as pessoas realizarem suas 
atividades, com a tecnologia aumentando sua 
produtividade, seu poder, e seu divertimento, cada 
vez mais por ser invisível, fora de 
vista, fora da mente.”
Interfaces e Tecnologia
“O sistema ideal esconde tanto a tecnologia que o usuário
nem nota sua presença.”
Estamos vivendo um momento vital e estratégico para
os desenvolvedores de interfaces. Pode-se dizer que a
Tecnologia está pronta. Temos portanto as pontes e
túneis construídos e agora as estradas precisam ser
pavimentadas e as sinalizações pintadas para tornar
possível o pesado tráfico da grande leva de usuários
(Schneiderman, 1998).
Fonte: www.google.com.br/imagens
Você tem alguma dúvida?
Me mandou?
IHC é a disciplina preocupada com o design, avaliação e 
implementação de sistemas computacionais interativos 
para uso humano e com o estudo dos 
principais fenômenos ao redor deles.
O que é IHC?
É área de estudo que está na interseção das ciências da
computação e informação e ciências sociais e
comportamentais e envolve todos os aspectos relacionados
com a interação entre usuários e sistemas (Preece et al.,
1994; Carroll, 2003).
Histórico de IHC
Geração Entradas Saídas
Início Cabeamentos, cartões 
perfurados; Teclados.
Leds,
Papéis
Hoje Mouse,Reconhecimento de 
voz, Tecnologias usáveis.
Monitores,Projetores.
Futuro Linguagem próxima à 
natural
Computação 
onipresente
Adaptado de Nielsen, 1993
Histórico de IHC
Geração Tecnologias Interface Usuários
Antes de 
60
Mecânica ou 
Transistores
Luzes, 
terminais de 
linhas
Especialistas e 
Profissionais da 
Computação
Entre 60 e 
90
Circuito 
integrado
Displays 
gráficos
Profissionais de 
todas áreas
Atualidade Integração em 
alta escala
Multimídia e 
portabilidade
Todas as 
pessoas
Conceito de IHC
Interface Aplicação
Sistema
ação
interpretação
Usuário
É parte de um sistema computacional com a 
qual uma pessoa entra em contato física, 
perceptual e conceitualmente. [Moran, 1981]
Fonte: www.google.com.br/imagens
Conceito de IHC
Quando o conceito de interface surgiu, ela era
geralmente entendida como o hardware e o software
com o qual homem e computador podiam se
comunicar. A evolução do conceito levou à inclusão dos
aspectos cognitivos e emocionais do usuário durante a
comunicação.
Fonte: www.google.com.br/imagens
Interface mudam a vida de pessoas – Londrina,Pr.
Vídeo
Entende-se por design de interação, que é o design de :
Atividade em Sala
a) objetos decorativos que são usados no cotidiano em 
ambientes profissionais.
b) produtos interativos que fornecem suporte às 
atividades cotidianas das pessoas, seja no lar, seja 
no trabalho.
c) sistemas computacionais que são desenvolvidos em 
ambientes multidisciplinares. 
d) produtos impressos que são 
desenvolvidos em sistemas 
interativos.
Objetivos de IHC
Objetivos de ihc
Segundo Zuasnábar et al.(2003) é o de propiciar o
desenvolvimento de sistemas mais amigáveis e úteis, e
prover aos usuários de experiências, ajustando seus
conhecimentos e objetivos específicos.
Fonte: www.google.com.br/imagens
Objetivos de ihc
O desafio num mundo rico em informação não é
somente o de tornar a informação disponível às
pessoas em qualquer tempo, lugar ou forma,
mas, especificamente, o de dizer as coisas
corretas, no tempo correto e da maneira correta.
Fonte: www.google.com.br/imagens
Objetivos de ihc
Apresentar recomendações para o projeto de 
interfaces que facilitem a interação;
Fornecer explicações e 
previsões para fenômenos de 
interação usuário-sistema e 
resultados práticos para o 
projeto da interação.
Fonte: www.google.com.br/imagens
Objetivos de ihc
Testar a facilidade de uso de 
aplicações computacionais; Relatar os problemas 
encontrados e apresentar 
possíveis soluções.
É a produção de sistemas 
usáveis, seguros e funcionais.
Fonte: www.google.com.br/imagens
Desafios em IHC
Será possível agregar conforto e facilidades de uso em 
relação ao desempenho da aplicação?
Desafios IHC
Será possível projetar sistemas que atendam diferentes 
perfis de usuários?
Será possível manter-se atualizado em relação a todas as 
tecnologias que estão surgindo diariamente?
Desafios IHC
Será possível agregar conforto e facilidades de uso em 
relação ao desempenho da aplicação?
Será possível projetar sistemas que atendam diferentes 
perfis de usuários?
Desafios IHC
Será possível manter-se atualizado em relação a todas as 
tecnologias que estão surgindo diariamente?
Será possível que o novo design ofereça boa IHC em 
relação à funcionalidade da nova tecnologia?
Desafios IHC
Será possível agregar conforto e facilidades de uso em 
relação ao desempenho da aplicação?
Será possível projetar boas interfaces em aplicações mais
complexas nas quais há diversas funções? Por exemplo
em um carro.
Basicamente podemos dividir em 
quatro tipos de aplicações: sistemas 
críticos e de segurança; sistemas 
comerciais; sistemas de 
entretenimento. 
Fonte: www.google.com.br/imagens
Interdiciplinaridade
Interdisciplinaridade
O estudo da IHC envolve profissionais de várias áreas
(engenharia de software, ciência comportamental,
lingüística, ergonomia, psicologia cognitiva, etc) e seus
resultados certamente serão de grande importância para a
"sobrevivência" da Web no futuro, pois mostrarão as
diretrizes a serem seguidas para garantir uma eficiente
interação com a Web.
Disciplinas que contribuem em IHC
Interdisciplinaridade
FATORES HUMANOS 
OU ERGONOMIA
PSICOLOGIA 
COGNITIVA
CIÊNCIA DA 
COMPUTAÇÃO
PSICOLOGIA SOCIAL 
E ORGANIZACIONAL
INTELIGÊNCIA 
ARTIFICIAL
ANTROPOLOGIA
ENGENHARIA
FILOSOFIA
DESIGN
LINGUÍSTICA
SOCIOLOGIA
Interdisciplinaridade
Uma equipe multidisciplinar 
significa muito mais ideias 
sendo geradas, novos métodos 
sendo desenvolvidos e designs 
mais criativos e originais sendo 
produzidos.
Fonte: www.google.com.br/imagens
Quais as alternativas corretas, abaixo:
Atividade em Sala
I. Equilibrar conforto e facilidades de uso com 
desempenho da aplicação ;
II. Projetar sistemas que atendam diferentes perfis de 
usuários;
III. Projetar boas interfaces em aplicações
complexas, que normalmente possuem um grande 
número de funções.
(Exemplo: carro)
Interdisciplinaridade
O campo de IHC está relacionado à 
qualidade de um sistema de 
computador, ou seja, à qualidade de 
uso de um software. 
Fonte: www.google.com.br/imagens