SlideShare uma empresa Scribd logo
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

Mais conteúdo relacionado

Mais procurados

Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
CEULJI/ULBRA Centro Universitário Luterano de Ji-Paraná
 
Informática Básica - Aula 04 - Software
Informática Básica - Aula 04 - SoftwareInformática Básica - Aula 04 - Software
Informática Básica - Aula 04 - Software
Joeldson Costa Damasceno
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
Janynne Gomes
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
leopp
 
Interface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira FrancaInterface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira Franca
Profa. Janaíra França
 
Aula 1 introdução à computação para crianças
Aula 1 introdução à computação para criançasAula 1 introdução à computação para crianças
Aula 1 introdução à computação para crianças
Dorgival Netto
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
Lucas Santos
 
MC - Aula 05 - Memória e Dispositivos de Armazenamento
MC - Aula 05 - Memória e Dispositivos de ArmazenamentoMC - Aula 05 - Memória e Dispositivos de Armazenamento
MC - Aula 05 - Memória e Dispositivos de Armazenamento
Felipe J. R. Vieira
 
Redes de Computadores - Aula 01
Redes de Computadores - Aula 01Redes de Computadores - Aula 01
Redes de Computadores - Aula 01
thomasdacosta
 
Linux
LinuxLinux
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplinaFundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
Helder Lopes
 
Estilos de interacao_em_interfaces_para_dispositivos_moveis
Estilos de interacao_em_interfaces_para_dispositivos_moveisEstilos de interacao_em_interfaces_para_dispositivos_moveis
Estilos de interacao_em_interfaces_para_dispositivos_moveis
Fran Maciel
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básica
Carlos Melo
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
Janynne Gomes
 
1ª aula introdução a informática
1ª aula introdução a informática1ª aula introdução a informática
1ª aula introdução a informática
socrahn
 
Apresentação partes do computador
Apresentação partes do computadorApresentação partes do computador
Apresentação partes do computador
professorajulianafigueirdocamara
 
Oficina de Introdução ao Design de Interação
Oficina de Introdução ao Design de InteraçãoOficina de Introdução ao Design de Interação
Oficina de Introdução ao Design de Interação
Rodrigo Freese Gonzatto
 
Caracteristicas do Computador
Caracteristicas do ComputadorCaracteristicas do Computador
Caracteristicas do Computador
Diego Alexandre da Silva
 
Aula 1 sistema operacional linux
Aula 1 sistema operacional linuxAula 1 sistema operacional linux
Aula 1 sistema operacional linux
Rogério Cardoso
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
André Constantino da Silva
 

Mais procurados (20)

Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Informática Básica - Aula 04 - Software
Informática Básica - Aula 04 - SoftwareInformática Básica - Aula 04 - Software
Informática Básica - Aula 04 - Software
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Prototipação de software
Prototipação de softwarePrototipação de software
Prototipação de software
 
Interface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira FrancaInterface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira Franca
 
Aula 1 introdução à computação para crianças
Aula 1 introdução à computação para criançasAula 1 introdução à computação para crianças
Aula 1 introdução à computação para crianças
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
 
MC - Aula 05 - Memória e Dispositivos de Armazenamento
MC - Aula 05 - Memória e Dispositivos de ArmazenamentoMC - Aula 05 - Memória e Dispositivos de Armazenamento
MC - Aula 05 - Memória e Dispositivos de Armazenamento
 
Redes de Computadores - Aula 01
Redes de Computadores - Aula 01Redes de Computadores - Aula 01
Redes de Computadores - Aula 01
 
Linux
LinuxLinux
Linux
 
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplinaFundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
Fundamentos de Sistemas Operacionais - Aula 1 - Introdução à disciplina
 
Estilos de interacao_em_interfaces_para_dispositivos_moveis
Estilos de interacao_em_interfaces_para_dispositivos_moveisEstilos de interacao_em_interfaces_para_dispositivos_moveis
Estilos de interacao_em_interfaces_para_dispositivos_moveis
 
Material aula informática básica
Material aula informática básicaMaterial aula informática básica
Material aula informática básica
 
Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
 
1ª aula introdução a informática
1ª aula introdução a informática1ª aula introdução a informática
1ª aula introdução a informática
 
Apresentação partes do computador
Apresentação partes do computadorApresentação partes do computador
Apresentação partes do computador
 
Oficina de Introdução ao Design de Interação
Oficina de Introdução ao Design de InteraçãoOficina de Introdução ao Design de Interação
Oficina de Introdução ao Design de Interação
 
Caracteristicas do Computador
Caracteristicas do ComputadorCaracteristicas do Computador
Caracteristicas do Computador
 
Aula 1 sistema operacional linux
Aula 1 sistema operacional linuxAula 1 sistema operacional linux
Aula 1 sistema operacional linux
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 

Semelhante a IHC estilos interacao

Processos para o Design da Interface de Usuário
Processos para o Design da Interface de UsuárioProcessos para o Design da Interface de Usuário
Processos para o Design da Interface de Usuário
Tatiana Tavares
 
Projeto de Interface de Usuário
Projeto de Interface de UsuárioProjeto de Interface de Usuário
Projeto de Interface de Usuário
Tatiana Tavares
 
Design Centrado no usuário
Design Centrado no usuárioDesign Centrado no usuário
Design Centrado no usuário
Tatiana Tavares
 
Usabilidade1
Usabilidade1Usabilidade1
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
Daniele Zandoná
 
Princípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de InterfacesPrincípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de Interfaces
peres marlene
 
Um pouco de engenharia de software
Um pouco de engenharia de softwareUm pouco de engenharia de software
Um pouco de engenharia de software
Alexsandro Pereira
 
Aula 1
Aula 1Aula 1
Curso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem MáquinaCurso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem Máquina
kenethyf
 
Aula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrõesAula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrões
Silvia Dotta
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuário
irlss
 
Projeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoProjeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumo
Gustavo Alcantara
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
André Constantino da Silva
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Monique Tavares
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
Luiz Agner
 
Projeto de Sistemas - Parte001
Projeto de Sistemas - Parte001Projeto de Sistemas - Parte001
Projeto de Sistemas - Parte001
Cláudio Amaral
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
Cleyton Stefanello
 
2014 - Multimídia e Internet - 01 Introdução
2014 - Multimídia e Internet - 01 Introdução2014 - Multimídia e Internet - 01 Introdução
2014 - Multimídia e Internet - 01 Introdução
Willian Magalhães
 
Metasys Solução Educacional
Metasys Solução EducacionalMetasys Solução Educacional
Metasys Solução Educacional
rubensfull
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Luiz Henrique Pinho de Sá
 

Semelhante a IHC estilos interacao (20)

Processos para o Design da Interface de Usuário
Processos para o Design da Interface de UsuárioProcessos para o Design da Interface de Usuário
Processos para o Design da Interface de Usuário
 
Projeto de Interface de Usuário
Projeto de Interface de UsuárioProjeto de Interface de Usuário
Projeto de Interface de Usuário
 
Design Centrado no usuário
Design Centrado no usuárioDesign Centrado no usuário
Design Centrado no usuário
 
Usabilidade1
Usabilidade1Usabilidade1
Usabilidade1
 
Testes de Usabilidade
Testes de UsabilidadeTestes de Usabilidade
Testes de Usabilidade
 
Princípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de InterfacesPrincípios Gerais para o Design de Interfaces
Princípios Gerais para o Design de Interfaces
 
Um pouco de engenharia de software
Um pouco de engenharia de softwareUm pouco de engenharia de software
Um pouco de engenharia de software
 
Aula 1
Aula 1Aula 1
Aula 1
 
Curso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem MáquinaCurso/Aula de Interface Homem Máquina
Curso/Aula de Interface Homem Máquina
 
Aula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrõesAula6 - Estilos, guias, padrões
Aula6 - Estilos, guias, padrões
 
Interface com o usuário
Interface com o usuárioInterface com o usuário
Interface com o usuário
 
Projeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoProjeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumo
 
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuáriosAula 5 -Avaliação de interfaces de usuário - testes com usuários
Aula 5 -Avaliação de interfaces de usuário - testes com usuários
 
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...Apresentação   Exitus- Interface Amigável para Questionários Utilizando Table...
Apresentação Exitus- Interface Amigável para Questionários Utilizando Table...
 
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
EXITUS - Interface amigável para questionários utilizando tablets em entrevis...
 
Projeto de Sistemas - Parte001
Projeto de Sistemas - Parte001Projeto de Sistemas - Parte001
Projeto de Sistemas - Parte001
 
Sistemas operacionais
Sistemas operacionaisSistemas operacionais
Sistemas operacionais
 
2014 - Multimídia e Internet - 01 Introdução
2014 - Multimídia e Internet - 01 Introdução2014 - Multimídia e Internet - 01 Introdução
2014 - Multimídia e Internet - 01 Introdução
 
Metasys Solução Educacional
Metasys Solução EducacionalMetasys Solução Educacional
Metasys Solução Educacional
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
 

Mais de Tatiana Tavares

O Potencial da Experiência Tangível como Prática de Ensino
O Potencial da Experiência Tangível como Prática de EnsinoO Potencial da Experiência Tangível como Prática de Ensino
O Potencial da Experiência Tangível como Prática de Ensino
Tatiana Tavares
 
CONLUBRA 2017 - Recursos em RA para Museu do Doce
CONLUBRA 2017 - Recursos em RA para Museu do DoceCONLUBRA 2017 - Recursos em RA para Museu do Doce
CONLUBRA 2017 - Recursos em RA para Museu do Doce
Tatiana Tavares
 
Museus e jogos digitais o uso das novas tecnologias na promoção cultural
Museus e jogos digitais  o uso das novas tecnologias na promoção culturalMuseus e jogos digitais  o uso das novas tecnologias na promoção cultural
Museus e jogos digitais o uso das novas tecnologias na promoção cultural
Tatiana Tavares
 
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
Tatiana Tavares
 
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
Tatiana Tavares
 
Uma proposta de interatividade para o Memorial Anglo
Uma proposta de interatividade para o Memorial AngloUma proposta de interatividade para o Memorial Anglo
Uma proposta de interatividade para o Memorial Anglo
Tatiana Tavares
 
Tecnologia assistiva uma revisão do tema
Tecnologia assistiva uma revisão do tema�Tecnologia assistiva uma revisão do tema�
Tecnologia assistiva uma revisão do tema
Tatiana Tavares
 
Compreendendo o sentido da visão - Tecnologia Assistiva
Compreendendo o sentido da visão - Tecnologia AssistivaCompreendendo o sentido da visão - Tecnologia Assistiva
Compreendendo o sentido da visão - Tecnologia Assistiva
Tatiana Tavares
 
Compondo um pitch de produto para Tecnologia Assistiva
Compondo um pitch de produto para Tecnologia AssistivaCompondo um pitch de produto para Tecnologia Assistiva
Compondo um pitch de produto para Tecnologia Assistiva
Tatiana Tavares
 
Tecnologia Assistiva aula01
Tecnologia Assistiva aula01Tecnologia Assistiva aula01
Tecnologia Assistiva aula01
Tatiana Tavares
 
Projetando jogo para Crianças com Paralisia Cerebral
Projetando jogo para Crianças com Paralisia Cerebral�Projetando jogo para Crianças com Paralisia Cerebral�
Projetando jogo para Crianças com Paralisia Cerebral
Tatiana Tavares
 
Experiences working without borders: From the Global Laboratory in Brazil to ...
Experiences working without borders: From the Global Laboratory in Brazil to ...Experiences working without borders: From the Global Laboratory in Brazil to ...
Experiences working without borders: From the Global Laboratory in Brazil to ...
Tatiana Tavares
 
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
Tatiana Tavares
 
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
Tatiana Tavares
 
Aula processo de reuso de software
Aula processo de reuso de softwareAula processo de reuso de software
Aula processo de reuso de software
Tatiana Tavares
 
Projeto Final da Disciplina de ES2
Projeto Final da Disciplina de ES2Projeto Final da Disciplina de ES2
Projeto Final da Disciplina de ES2
Tatiana Tavares
 
Mapping Study
Mapping Study�Mapping Study�
Mapping Study
Tatiana Tavares
 
Experiência de Usuário ( É importante? Por que?)
Experiência de Usuário ( É importante? Por que?)Experiência de Usuário ( É importante? Por que?)
Experiência de Usuário ( É importante? Por que?)
Tatiana Tavares
 
Design da Interação
Design da Interação Design da Interação
Design da Interação
Tatiana Tavares
 
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
Tatiana Tavares
 

Mais de Tatiana Tavares (20)

O Potencial da Experiência Tangível como Prática de Ensino
O Potencial da Experiência Tangível como Prática de EnsinoO Potencial da Experiência Tangível como Prática de Ensino
O Potencial da Experiência Tangível como Prática de Ensino
 
CONLUBRA 2017 - Recursos em RA para Museu do Doce
CONLUBRA 2017 - Recursos em RA para Museu do DoceCONLUBRA 2017 - Recursos em RA para Museu do Doce
CONLUBRA 2017 - Recursos em RA para Museu do Doce
 
Museus e jogos digitais o uso das novas tecnologias na promoção cultural
Museus e jogos digitais  o uso das novas tecnologias na promoção culturalMuseus e jogos digitais  o uso das novas tecnologias na promoção cultural
Museus e jogos digitais o uso das novas tecnologias na promoção cultural
 
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
REALIZAÇÃO DE OFICINAS BASEADAS EM PENSAMENTO CRIATIVO PARA CONSTRUÇÃO DE INT...
 
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
Smart Station: Um Sistema Pervasivo de Notificação em Paradas de Ônibus para ...
 
Uma proposta de interatividade para o Memorial Anglo
Uma proposta de interatividade para o Memorial AngloUma proposta de interatividade para o Memorial Anglo
Uma proposta de interatividade para o Memorial Anglo
 
Tecnologia assistiva uma revisão do tema
Tecnologia assistiva uma revisão do tema�Tecnologia assistiva uma revisão do tema�
Tecnologia assistiva uma revisão do tema
 
Compreendendo o sentido da visão - Tecnologia Assistiva
Compreendendo o sentido da visão - Tecnologia AssistivaCompreendendo o sentido da visão - Tecnologia Assistiva
Compreendendo o sentido da visão - Tecnologia Assistiva
 
Compondo um pitch de produto para Tecnologia Assistiva
Compondo um pitch de produto para Tecnologia AssistivaCompondo um pitch de produto para Tecnologia Assistiva
Compondo um pitch de produto para Tecnologia Assistiva
 
Tecnologia Assistiva aula01
Tecnologia Assistiva aula01Tecnologia Assistiva aula01
Tecnologia Assistiva aula01
 
Projetando jogo para Crianças com Paralisia Cerebral
Projetando jogo para Crianças com Paralisia Cerebral�Projetando jogo para Crianças com Paralisia Cerebral�
Projetando jogo para Crianças com Paralisia Cerebral
 
Experiences working without borders: From the Global Laboratory in Brazil to ...
Experiences working without borders: From the Global Laboratory in Brazil to ...Experiences working without borders: From the Global Laboratory in Brazil to ...
Experiences working without borders: From the Global Laboratory in Brazil to ...
 
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
Cientistas sem fronteiras: um relato de experiência do programa brasileiro "...
 
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
ATreVEE IN: Using Natural Interaction in Procedure Simulator for Training in ...
 
Aula processo de reuso de software
Aula processo de reuso de softwareAula processo de reuso de software
Aula processo de reuso de software
 
Projeto Final da Disciplina de ES2
Projeto Final da Disciplina de ES2Projeto Final da Disciplina de ES2
Projeto Final da Disciplina de ES2
 
Mapping Study
Mapping Study�Mapping Study�
Mapping Study
 
Experiência de Usuário ( É importante? Por que?)
Experiência de Usuário ( É importante? Por que?)Experiência de Usuário ( É importante? Por que?)
Experiência de Usuário ( É importante? Por que?)
 
Design da Interação
Design da Interação Design da Interação
Design da Interação
 
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
Apresentação do Projeto Dar o Peixe ou Ensinar a Pescar na Expotec 2015
 

IHC estilos interacao

  • 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