IHC-Aula02-Estilos e Paradigmas de Interação

Prévia do material em texto

Interação Humano-Computador Eudisley Anjos – CI/UFPB eudisley@ci.ufpb.br
In t e ra ção Humano -Compu tado r
Unidade 01 
Aula 02: Estilos e Paradigmas de 
Interação 
Centro de Informática – UFPB
Aulas adaptatdas do Prof. Eudisley
Anjos (eudisley@ci.ufpb.br)
Roteiro
Estilos de Interação
Paradigmas de Interação
Atividade
ESTILOS DE INTERAÇÃO
MENUS
ATALHOS
FORMULÁRIOS
LINHA DE COMANDO
QUESTÃO/RESPOSTA
LINGUAGEM NATURAL
MANIPULAÇÃO DIRETA
• Listas de Opções
• Organização
– Objeto-Ação
– Ação-Objeto
• Favorecem usuários pouco 
treinados ou ocasionais
• Fácil treinamento
MENU
Atalhos
• Combinação de teclas para acionar 
diretamente uma função do sistema
– CTRL + C ➔ copiar (cmd + c➔mac)
– CTRL + V ➔ colar
• Usuários experientes
• Agilidade
Formulários
• Baseado na digitação e 
preenchimento de campos 
de um formulário
• Entrada de dados
• Geralmente é 
complementado por menus
• Formulário eletrônico 
similar ao modo em papel
Linha de Comando
• Interação baseada em 
comandos (linguagem)
• Demanda tempo de 
aprendizagem
• Desempenho bom com 
usuários experientes
• Ex.: shell MSDOS
Questão / Resposta
• Usuário interage através de respostas dadas aos 
questionamentos feitos pelo sistema.
• Interação totalmente conduzida pelo sistema.
• Ex.: programas de 
instalação, wizards
Linguagem Natural
• Forma da ideal da comunicação entre humanos, porém 
isso tbm vale para humanos e computadores???
• Sistema reconhece (padrões) vocabulário do usuário
• Pode exigir treinamento do 
sistema e do usuário
• Pode ser via voz 
(reconhecedores de fala) 
ou via texto
Manipulação Direta
• Estilo GUI (Graphical User Interface) ou WIMP (Windows, 
icons, mouse, pointers)
• Manipulação direta de objetos visiveis
• Usuário visualiza objetos interativos
WIMP
• WIMP ( Windows, Icons, Menus 
and Pointers)
– Acrônimo para janelas, ícones, 
menus e apontadores
• Implementação de vários estilos 
(manipulação direta, 
formulários, etc)
• Diminui a distância cognitiva 
entre a intenção e a execução 
desta intenção.
– O usuário foca a tarefa não a 
tecnologia
Atividade
• Vá em nosso fórum e cite pelo menos 
uma vantagem e uma desvantagem 
para cada elemento de interface. 
Vamos debater sobre eles para 
entendermos melhor! ☺
– Menus
– Teclas de Atalho
– Preenchimento de Formulários
– Linguagem de Comando
– Questão/Resposta
– Linguagem Natural
– Manipulação Direta
Paradigmas de Interação
Realidade Virtual
• Forma mais avançada de interação
• Uso de dispositivos para aumentar o 
envolvimento dos usuários e sistema
• Usuário faz parte do sistema
• Interação em universos 3D
– Ambiente Imersivo x Ambiente Não-Imersivo 
• Ubíquo significa aquilo que está em toda parte 
ao mesmo tempo.
• Tecnologia calma
• Não é produzido nada totalmente novo
• Ex.: Lâmpadas
Computação Ubíqua
Computação Pervasiva
• Pervasivo: que infiltrase, penetra.
• Computação Ubíqua avançada
• Ex.: Catch Bob
Computação Vestível
• Dispositivos completamente funcionais, auto carregáveis e auto 
recursivo (independe de outros dispositivos) que são utilizado junto ao 
corpo.
• A praticidade para alcançar os recursos é parte importante deste 
paradigma.
• Trata-se ainda de uma área encontrada muito em laboratórios de 
pesquisa e poucas aplicações práticas.
Bits Tangíveis
• utilização de tecnologia digital oferecendo serviços que simulem 
experiências muito reais.
• A realidade aumentada é a combinação da realidade virtual e do 
ambiente real.
Workaday World
• Envolve explorar questões 
cotidianas e sociais.
• É o estudo do cenário da 
computação tangível.
• SixthSense desenvolvido 
pelo MediaLab do MIT 
http://www.pranavmistry.com/projects/sixthsense/
http://www.pranavmistry.com/projects/sixthsense/
Atividade
Projetar um sistema utilizando um 
dos paradigmas vistos para realizar 
compra de entradas para metrô. 
Depois de explicar como o seu 
sistema funciona responda as 
seguintes questões:
Porque escolheram este 
paradigma?
Qual seria o pior paradigma para 
este sistema?
Vídeo Complementar
Zx<
Leitura Complementar
Links Interessantes
http://saudebusiness.com/noticias/computac
ao-vestivel-invadira-o-mundo-corporativo/
http://oglobo.globo.com/sociedade/tecnologi
a/computacao-vestivel-tecnologia-do-futuro-
ainda-nao-seduz-consumidor-14922062
3 ways good design 
makes you happy
Don Norman
• Link está no ambiente da disciplina, 
no site é possível escolher a 
legenda em portugês☺
http://saudebusiness.com/noticias/computacao-vestivel-invadira-o-mundo-corporativo/
http://oglobo.globo.com/sociedade/tecnologia/computacao-vestivel-tecnologia-do-futuro-ainda-nao-seduz-consumidor-14922062
Fim da aula 02
Duvidas???
Utilizem o nosso fórum tira-dúvidas!