Interface, Interação, Navegação e suas Implicações em...
Transcript of Interface, Interação, Navegação e suas Implicações em...
![Page 1: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/1.jpg)
Interface, Interação, Navegação e Interface, Interação, Navegação e suas Implicações emsuas Implicações emRealidade VirtualRealidade Virtual
Judith Kelner <[email protected]>Veronica Teichrieb <[email protected]>
![Page 2: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/2.jpg)
2 - 54Centro de Informática - UFPE
Este Tutorial…
� IHC� Interface de realidade virtual
– O que é– Como: tecnologia– Porque: aplicações
� Interação 3D– Técnicas– Dispositivos
� Considerações finais
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 3: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/3.jpg)
3 - 54Centro de Informática - UFPE
IHC
� IHC: interação homem-computador(HCI – human-computer interaction)
� computador: qualquer sistema interativo com componentes de computação digitais
� interação: comunicação entre dois componentes
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 4: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/4.jpg)
4 - 54Centro de Informática - UFPE
Sistema Interativo
� Sistemas interativos auxiliam o homem nas suas atividades
� Qualquer dispositivo cuja ação ocorre em conseqüência das ações do usuário e cuja ação é pelo menos parcialmente aparente para o usuário
� Comunicação em duas vias
Usuário Sistema
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 5: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/5.jpg)
5 - 54Centro de Informática - UFPE
Interface do Usuário
� As partes visíveis de um sistema interativo através das quais o usuário e o sistema se comunicam
Sistema
Dispositivosde Saída
SW IU
Dispositivosde Entrada
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 6: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/6.jpg)
6 - 54Centro de Informática - UFPE
Fatores Humanos em IHC
� Fatores humanos geralmente se referem à– Psicologia dos usuários (visão)– Fisiologia dos usuários (ergonometria)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 7: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/7.jpg)
7 - 54Centro de Informática - UFPE
Realidade Virtual (RV)
� A forma mais avançada de interface� Visualização e interação
– Ambiente sintético, gerado por computador– Tridimensional (3D)– Canais multi-sensoriais (visão, audição, tato)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 8: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/8.jpg)
8 - 54Centro de Informática - UFPE
Ambiente Virtual (AV): Conceito Popular
The Matrix
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 9: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/9.jpg)
9 - 54Centro de Informática - UFPE
Problemas do Conceito Popular de AV
� Baseado na fantasia e na hipodermatomia (!!!)
� Implica que os mundos virtuais, para serem eficazes, devem ser realistas– Aparência– Leis físicas
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 10: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/10.jpg)
10 - 54Centro de Informática - UFPE
Tecnologia de RV Atual
� Mundo 3D no monitor e interação com mouse e teclado
� Mundo 3D no capacete (HMD – Head Mounted Display) ou em telas grandes e interação com dispositivo 3D
� Sistemas de rastreamento� “Haptics” bastante limitado� Hardware e software gráficos sofisticados
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 11: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/11.jpg)
11 - 54Centro de Informática - UFPE
Características de AV
� Sintéticos, gerados por computador� 3D� Interativos� Renderização em tempo real� Visualizados do ponto de vista do usuário (usuário está “dentro” do AV)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 12: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/12.jpg)
12 - 54Centro de Informática - UFPE
Imersão
� Também chamada presença� Sensação de “estar no AV”� Criada por
– Ambiente que circunda o usuário– Interação natural (ver, manipular)– Realismo do ambiente x desempenho– Resposta (responsiveness) do ambiente???
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 13: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/13.jpg)
13 - 54Centro de Informática - UFPE
Exemplificando…
EXEMPLO AV IMERSIVOapresentaçãofilme IMAX Xmundo VRML Xcaverna X X
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 14: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/14.jpg)
14 - 54Centro de Informática - UFPE
Aplicações de AV
� Entretenimento� Design (verificação, modificação)� Treinamento/Educação� Visualização científica/dados� Colaboração� Medicina/Psicologia (fobias)� Simulação
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 15: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/15.jpg)
15 - 54Centro de Informática - UFPE
Aplicações: Exemplo
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
visualização dedados de radar[CIn UFPE]
![Page 16: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/16.jpg)
16 - 54Centro de Informática - UFPE
Sistema de RV Genérico
� Processamento da entrada do usuário
� Geração da saída� Base de dados do AV:
criação e gerenciamento
� Modelagem e simulação
entrad
a saí da
simulação físicae animação
base de dadosAV: luz, objetos
detecçãode colisão
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 17: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/17.jpg)
17 - 54Centro de Informática - UFPE
Objetivos de um Sistema de RV
� Extensibilidade� Portabilidade� Independência do dispositivo� Configurabilidade� Flexibilidade� Conhecimento das características de AV� Suporte para colaboração e distribuição� Suporte para desenvolvedores novatos
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 18: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/18.jpg)
18 - 54Centro de Informática - UFPE
Considerações Finais
� Hardware e software devem ser bem especificados
� Cada caso é um caso
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 19: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/19.jpg)
19 - 54Centro de Informática - UFPE
Técnicas de Interação
� Parte da interface do usuário � Métodos que permitem ao usuário realizar
tarefas no sistema� São formadas por componentes de hardware e
de software� Interação 3D
– Realização das ações do usuário em três dimensões
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 20: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/20.jpg)
20 - 54Centro de Informática - UFPE
Interação 3D: Porquê?
� Aplicações 3D devem ser úteis– Imersão– Habilidades naturais– Visualização imediata
� Mas, AV atuais ou– Não possuem interação sofisticada, ou– Possuem sérios problemas de usabilidade
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 21: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/21.jpg)
21 - 54Centro de Informática - UFPE
O Que Torna a Interação 3D Difícil?
� Entrada espacial� Falta de restrições� Falta padronizar os dispositivos� Poucas ferramentas� Imprecisão� Cansaço� Layout mais complexo� Percepção/Aprendizado
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 22: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/22.jpg)
22 - 54Centro de Informática - UFPE
A Interface 3D não é Óbvia?
� Naturalidade: fazer o ambiente virtual funcionar exatamente como o mundo real
� Magia: dar ao usuário novas habilidades– Percepção– Físicas– Cognitivas
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 23: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/23.jpg)
23 - 54Centro de Informática - UFPE
Tarefas Básicas de Interação
� Manipulação� Controle do sistema� Navegação
– Viajar (travel)– Encontrando o caminho (wayfinding)
� Atividades específicas do domínio da aplicação
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 24: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/24.jpg)
24 - 54Centro de Informática - UFPE
Design da Interação: Objetivos
� Desempenho– O quão bem as atividades estão sendo realizadas pelo
usuário e pelo sistema, em cooperação– Eficiência, precisão, produtividade
� Usabilidade– Facilidade em informar o sistema sobre as intenções do
usuário– Facilidade de uso e de aprendizado, conforto do usuário
� Utilidade– A interação ajuda o usuário a atingir os seus objetivos– Os usuários focalizam na tarefa
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 25: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/25.jpg)
25 - 54Centro de Informática - UFPE
Manipulação
� Selecionar– Especificar um ou mais objetos a partir de um conjunto de objetos para algum propósito
� Especificar propriedades de um objeto– Posição, orientação– Escala, forma, textura, cor
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 26: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/26.jpg)
26 - 54Centro de Informática - UFPE
Seleção: Objetivos
� Consultar um objeto� Navegar até o objeto� Tornar o objeto ativo� Definir a manipulação
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 27: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/27.jpg)
27 - 54Centro de Informática - UFPE
Técnicas de Seleção Comuns
� Tocar um objeto com uma mão virtual
� Lançar um raio/cone (ray-casting)
� Oclusão/enquadramento
� Seleção indireta
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 28: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/28.jpg)
28 - 54Centro de Informática - UFPE
Questões de Implementação
� Como indicar um evento de seleção ou manipulação
� Interseções de objetos� Retorno
– Gráfico– Auditivo– Tátil
� Avatar mão virtual, avatar caneta� Lista de objetos selecionáveis
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 29: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/29.jpg)
29 - 54Centro de Informática - UFPE
Manipulação: Objetivos
� Posicionar objetos– Design– Agrupamento– Layout do ambiente
� Navegar� Realizar uma ação
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 30: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/30.jpg)
30 - 54Centro de Informática - UFPE
Manipulação: Metáforas
� Similar à seleção� HOMER (Hand-centered Object Manipulation Extending Ray-casting)
� World-In-Miniature
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 31: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/31.jpg)
31 - 54Centro de Informática - UFPE
Questões de Implementação
� Integrar com técnica de seleção� Desabilitar seleção e informar o estado da seleção durante a manipulação
� O que acontece depois da manipulação?
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 32: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/32.jpg)
32 - 54Centro de Informática - UFPE
Controle do Sistema
� Modificar– O estado do sistema– O modo de interação
� Normalmente realizado através de comandos
� Integrado com outra tarefa de interação� Todas as outras atividades de interação
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 33: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/33.jpg)
33 - 54Centro de Informática - UFPE
Controle do Sistema: Metáforas
� Menu gráfico flutuante– Oclusão do ambiente– Seleção 3D
para tarefa1D
� Menu com 1 GDL (DOF)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 34: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/34.jpg)
34 - 54Centro de Informática - UFPE
Questões de Implementação
� O usuário deve focar na tarefa� Usar referência espacial consistente (posicionamento correto)
� Entrada multimodal
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 35: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/35.jpg)
35 - 54Centro de Informática - UFPE
Navegação: Viajar
� O engine da navegação� Movimento entre dois lugares, definindo a posição (e orientação) do ponto de vista do usuário
� A mais usada
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 36: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/36.jpg)
36 - 54Centro de Informática - UFPE
Viajar: Tarefas
� Exploração� Busca
– A posição do alvo não é conhecida (naïve)– A posição do alvo é conhecida; encontrar o local novamente (primed)
� Manobra
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 37: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/37.jpg)
37 - 54Centro de Informática - UFPE
Metáforas Naturais
� Caminhar– Treadmill– Bicicleta
� Outros movimentos físicos– Tapete mágico– Simulação de vôo
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 38: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/38.jpg)
38 - 54Centro de Informática - UFPE
Outras Metáforas
� Dirigir (steering)– Baseada no olhar (gaze-
directed)– Apontar
� Baseada no alvo– Apontar para o objeto– Escolher a partir de uma lista
� Planejamento de rota– Colocar marcas no ambiente– Mover ícone no mapa
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 39: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/39.jpg)
39 - 54Centro de Informática - UFPE
Questões de Design
� Várias técnicas de navegação disponíveis� Simplicidade
– Técnicas baseadas no alvo para se movimentar até um objeto
– Técnicas de steering para busca
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 40: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/40.jpg)
40 - 54Centro de Informática - UFPE
Navegação: Wayfinding
� Definir um caminho através do ambiente– Usando e adquirindo conhecimento espacial– Com auxílio de pistas/dicas
� Habilidades de orientação diferentes
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 41: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/41.jpg)
41 - 54Centro de Informática - UFPE
Wayfinding: Exemplo
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 42: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/42.jpg)
42 - 54Centro de Informática - UFPE
2D em 3D: Vantagens
� Outro paradigma� Sensação de retorno� Precisão� Algumas operações que são 3D por natureza
são mais facilmente realizadas com um dispositivo de entrada 2D (modelagem 3D)
� Selecionar objetos é mais fácil em 2D
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 43: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/43.jpg)
43 - 54Centro de Informática - UFPE
2D em 3D: Limitações
� Manipulação de objetos 3D� Interação WIMP (Windows, Icons, Menus, Point and click)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 44: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/44.jpg)
44 - 54Centro de Informática - UFPE
Exemplo: Virtual Notepad
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 45: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/45.jpg)
45 - 54Centro de Informática - UFPE
Combinando Interação 2D/3D
� Integração transparente entre componentes 2D e 3D é essencial
� Interação no mundo real aplicada no design da interface
� Dispositivos de mão leves
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 46: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/46.jpg)
46 - 54Centro de Informática - UFPE
Interação Multimodal
� Oferecer mais de uma modalidade permite ao usuário escolher como quer interagir
� Permite ao usuário interagir mesmo quando as duas mãos estiverem ocupadas
� Exemplos– Reconhecimento de voz– Reconhecimento de gestos
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 47: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/47.jpg)
47 - 54Centro de Informática - UFPE
Dispositivos de Entrada e Saída (E/S)
E Dispositivos de evento discretoE Dispositivos de evento contínuoE Dispositivos híbridosE Comando de vozS DisplaysS ÁudioS Toque e força (haptic e tactile)
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 48: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/48.jpg)
48 - 54Centro de Informática - UFPE
Dispositivos de Entrada
[Pinch Glove, FakeSpace] [Fly Mouse, Logitech]
[Cyber Glove,Virtual Technologies]
[Tablet, Wacom]
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 49: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/49.jpg)
49 - 54Centro de Informática - UFPE
Dispositivos de Saída
[Capacete]
[BOOM, FakeSpace]
[Virtual RetinalDisplay, MicroVision]
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 50: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/50.jpg)
50 - 54Centro de Informática - UFPE
Dispositivos de Saída
[VR Cube,TAN]
[RAVE,FakeSpace]
[HoloBench,TAN]
[CyberGrasp,Virtual
Technologies]
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 51: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/51.jpg)
51 - 54Centro de Informática - UFPE
Como Escolher os Dispositivos de E/S?
� Dinheiro é um fator importante� O que o usuário irá fazer no ambiente virtual?
Que técnicas de interação serão requeridas?� A escolha do dispositivo de entrada restringe a
escolha do dispositivo de saída� A escolha do dispositivo de saída restringe a
escolha do dispositivo de entrada� Criatividade sempre!
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 52: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/52.jpg)
52 - 54Centro de Informática - UFPE
Considerações Finais
� Usabilidade é crucial� Detalhes de implementação são críticos para usabilidade
� Simplesmente adaptar interfaces 2D não é suficiente
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual
![Page 53: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/53.jpg)
53 - 54Centro de Informática - UFPE
Lista de Exercícios
� Qual a forma mais avançada de interface para IHC? Por que ela é utilizada em sistemas?
� Você já utilizou algum ambiente de realidade virtual? Qual? Quais são as características (Interface, Interação, Navegação) desse ambiente, as vantagens e as desvantagens de sua utilização? Se não utilizou nenhum, procure um na Internet e descreva-o, incluindo vantagens e desvantagens.
![Page 54: Interface, Interação, Navegação e suas Implicações em ...cin.ufpe.br/~if687/frame/if687/interface-interacao-navegacao.pdf · Comunicação em duas vias Usuário Sistema Interface,](https://reader031.fdocument.pub/reader031/viewer/2022020415/5bebe89609d3f28d5d8cb761/html5/thumbnails/54.jpg)
54 - 54Centro de Informática - UFPE
Referências (Interessantes)
� 20th Century 3DUI Bib: Annotated Bibliography of 3D User Interfaces of the 20th Century
� Prof. Bowman: http://people.cs.vt.edu/~bowman/3di/� Prof. Poupyrev:
http://www.mic.atr.co.jp/~poup/3dui.html� Prof. Cláudio Kirner:
http://www.unimep.br/fcmnti/msi/msi.html� Prof. Márcio Pinho: http://grv.inf.pucrs.br� Grupo de Realidade Virtual:
http://www.realidadevirtual.com.br� http://www.cin.ufpe.br/~if124
Interface, Interação, Navegaçãoe suas Implicações em Realidade Virtual