TA1 Interfaces

Prévia do material em texto

Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
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
 Cafeteira
 Cx Eletrônico
 Máq.Refrigerantes
Você já pensou em com quantos produtos 
interativos convivemos todos os dias?
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?
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 ).
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;
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).
 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:
Outra definição de interface...
... é 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.
Cientista usa games em robô
https://www.youtube.com/watch?v=fUArQh_7f80
Vídeo
Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
TA2
Exemplos de Interfaces
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
Exemplos de Interface – apple whatch series1
Exemplos de Interface – apple whatch series1
Exemplos de Interface – apple whatch series1
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
Trânsito de motos em Saigon
http://www.youtube.com/watch?v=dNdh3swOOD
w&feature=related
Vídeo
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.
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
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) Fortalecer planejamento e cronograma.
b) Compreender o perfil do usuário.
c) Beneficiar a interface de acessibili-
dade.
d) Conduzir estados emocionais.
Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
TA3
Porque estudar interfaces?
INTERFACE HOMEM-MÁQUINA PROFESSOR SAMUKA
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?
1ª geração: Unix, ms-dos, onde a comunição é feita 
de modo textual, escrevendo os comandos.
Evolução das Interfaces
2ª geração: acesso via comandos(menu simples).
Evolução das Interfaces
3ª geração: 
Traz o conceito 
de mesa de 
trabalho 
(desktop).
Evolução das Interfaces
4ª geração: hipertextos e multitarefas.
Evolução das Interfaces
Avaliador Instantâneo Audi
https://www.youtube.com/watch?v=yK5nws1vQGw
Vídeo
Exemplos de Interfaces de 4ª geração
Realidade aumentada
Exemplos de Interfaces de 4ª geração
Interfaces tangíveis
Exemplos de Interfaces de 4ª geração
Tecnologias usáveis
IIMAS – Integração de Interfaces Multitouch em 
ambientes sociais
https://www.youtube.com/watch?v=cYVjG8ziZ14
Vídeo
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
PROFESSOR SAMUKA
Interfaces no cotidiano
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
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
Nesse caso, para alcançar as metas 
estabelecidas, é 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çãopara o 
desenvolvimento.
REFLEXÃO
PROFESSOR SAMUKA
Interfaces no cotidiano
PROFESSOR SAMUKA
Interfaces no cotidiano
Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
TA4
Interfaces e tecnologia
• 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 vezmais
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).
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]
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.
https://www.youtube.com/watch?v=1jrIGkE5dgo
Realidade aumentada
Vídeo
Entende-se por design de interação, que é o design de :
Atividade
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.
Tecnologia dos videogames dentro da sala cirúrgica
https://www.youtube.com/watch?v=e6iSKgVjTUI
Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
TA5
Objetivos e desafios
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.
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.
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.
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.
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. 
Profª.Me.Merris Mozer
Tecnologia em Análise e 
Desenvolvimento de Sistemas
TA6
Interdiciplinaridade
Interdisciplinaridade
Uma equipe multidisciplinar 
significa muito mais ideias 
sendo geradas, novos métodos 
sendo desenvolvidos e designs 
mais criativos e originais sendo 
produzidos.
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.
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.