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
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]
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
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
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
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
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
Estilos de Interação
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
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
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
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
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
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
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
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
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)
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)
Tendências
Disciplina de Interação Humano Computador
Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br

IHC estilos interacao

  • 1.
    Estilos de interação [interface] [interação] [estilosde interação] Disciplina de Interação Humano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br
  • 2.
    Disciplina de InteraçãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br Estilos de Interação
  • 8.
    Disciplina de InteraçãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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çãoHumano 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 dosEstilos 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çãoHumano Computador Profa Tatiana Aires Tavares – tatiana@lavid.ufpb.br