O documento discute os conceitos de interface e interação, bem como diferentes estilos de interação entre usuários e sistemas computacionais. Ele define interface e interação e apresenta estilos como linha de comando, menus, atalhos, formulários, questão/resposta, manipulação direta e linguagem natural. O documento também discute tendências futuras como computação vestível, pervasiva e convergência de dispositivos.

1. Estilos de interação
[interface]
[interação]
[estilos de interação]
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br

2. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
O que é Interface?
• Para Alan Kay “Para os usuários, a interface é o programa”
ou ainda:
• “Parte do sistema com a qual o usuário entra em contato
físico, perceptivo e cognitivo.” [Moran 83]
• “Imagem do sistema.” [Norman 86]
• “Ambiente virtual para interatividade.”
[Laurel 93]
• “Mensagem do designer para o
usuário.” [de Souza 93]

3. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Interface Amigáveis
• Interface deve ser “invisível”
• Usuário possa se concentrar nas tarefas
• Deve ser fácil de usar e de aprender
• Reduzir o custo de treinamento e uso diário dos usuários
• Previnir ou minimizar taxa de erros do usuário

4. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Interação
• É um tipo de ação que ocorre entre duas ou mais entidades.
• Ação - Reação
• É a capacidade do sistema em dar respostas ao usuário.
• Capacidade do usuário se comunicar com o sistema e vice-
versa.
Fonte: Cynthia, Gabriel Gonçalves, George Nunes e Savio Fonseca

5. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Interface e Interação
• Interface
• aquilo que interliga dois sistemas
• software e hardware para comunicação entre usuário e sistema
• Interação:
• Processo de comunicação usuário-sistema
• Processo que engloba as ações dos usuários no sistema e
interpretações dos resultados

6. Interface e Interação
• Sentidos da Interação
• Usuário -> Sistema
• Sistema -> Usuário
• Usuário -> Usuário
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br

7. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Estilos de Interação

8. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Linha de Comando
• Interação baseada em comandos (linguagem)
• Demanda tempo de aprendizagem
• Desempenho bom com usuários experientes
Linha de
Comando

9. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Menu
• Listas de Opções
• Organizãção
• Objeto-Ação
• Ação-Objeto
• Favorecem usuários pouco treinados ou ocasionais
• Fácil treinamento
Menus

10. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Atalhos
• Combinação de teclas para acionar diretamente uma
função do sistema
• CTRL + C  copiar
• CTRL + V  colar
• Usuários experientes
• Agilidade
Teclas de
Atalho

11. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Formulários
• Baseado na digitação e preenchimento de campos de
um formulário
• Entrada de dados
• Formulário eletrônico similar ao modo em papel
• Geralmente é complementado por menus
Formulários

12. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
Questão/Re
sposta

13. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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
Manipulaçã
o Direta

14. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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 Não-Imersivo
• Ambiente Imersivo
Realidade
Virtual

15. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
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 (gramática) do usuário
• Pode exigir treinamento do sistema e do usuário
• Pode ser via voz (reconhecedores de fala) ou via gestos (LIBRAS)
Linguagem
Natural

16. Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Tendências...
• “Vestir” sistemas (Werable Computing)
• Utilizar sistemas computacionais sem perceber
(computação pervasiva)
• Utilizar diversos dispositivos para controlar diversos
sistemas (convergência)

17. Leitura: Evolução dos Estilos de
Interação
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
• Radical Atoms: Beyond Tangible Bits, Toward Transformable
Materials
(http://web.media.mit.edu/~ishii/RadicalAtoms_ACM_Interactios.pdf)

18. Tendências
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br