Antes! de! definir! os! recursos! que! serão! utilizados! para! o! desenvolvimento! da! interface! serão! apresentados! a! seguir! definições! de! elementos! visuais! necessários! para! a! compreensão! das! tomadas! de! decisões! no! processo! de! design! da! interface.! Ponto,!linha,!forma,!direção,!tom,!cor,!textura,!dimensão,!escala!e!movimento!são!os! elementos! básicos! listados! por! Dondis! (1997),! todos! esses! elementos! que! serão! utilizados!de!alguma!forma!para!compor!a!interface.!Foi!acrescentada!a!essa!lista!de! elementos! o! conceito! de! transparência! como! um! novo! fator! descrito! por! Lupton,! uma! vez! que! também! será! utilizado! este! recurso! visual! no! desenvolvimento! do! protótipo!desta!dissertação.!
2.4.1.1.!Ponto,!Linha!e!Forma!
O! ponto! é! o! elemento! reconhecido! como! pequeno,! segundo! Wong! (1998)! ele! é! representado!na!maioria!das!vezes!por!um!círculo,!mas!também!pode!se!apresentar! em!outras!formas!reduzidas!como!quadrado!ou!triângulos.!Dondis!(1997)!menciona! o! fato! de! dois! pontos! serem! úteis! para! medir! o! espaço! no! ambiente,! os! pontos! se! ligam! na! visão! com! capacidade! de! dirigir! o! olhar.! Lupton! (2008)! afirma! que! uma! série! de! pontos! forma! uma! linha,! uma! série! infinita! de! pontos.! A! linha! é! um! elemento!decisivo!segundo!Dondis!(1997),!e!tem!propósito!e!direção.!Linhas!podem! ser! utilizadas! para! destacar! a! fronteira! entre! formas,! formando! contornos! em! imagens!que!não!possuem!separação!clara!entre!elementos!(Lupton,!2008).!!
Formas!e!planos!são!criados!através!do!conjunto!de!linhas,!segundo!Lupton,!forma! são! planos! com! limites.! Esses! elementos! básicos! serão! úteis! na! geração! de! interfaces,!o!contorno!auxilia!em!situações!em!que!o!contraste!entre!os!elementos! gráficos!e!o!background!é!insuficiente!para!a!compreensão!da!cena,!situação!possível! de!ocorrer!com!elementos!gráficos!em!realidade!aumentada.! 2.4.1.2.!Direção! A!direção!de!uma!forma!tem!relação!direta!a!posição!relativa!a!do!observador,!com! os!limites!do!enquadramento!em!que!está!inserido!ou!com!os!demais!elementos!que!
estão! no! entorno! (Wong,! 1998).! Segundo! Wong! (1998),! três! direções! básicas! são! associadas!a!elementos!gráficos!básicos,!a!forma!do!quadrado!é!associada!ao!vertical! e! horizontal,! ao! formato! do! triângulo! se! faz! associação! a! direções! diagonais! e! a! forma!do!círculo!se!associa!à!curva.!Os!arcos!são!fragmentos!de!círculos!de!acordo! com!Wong!e!também!se!associamhse!a!direções!curvas.!
2.4.1.3.!Cor!
Uma! cor! pode! ser! caracterizada! por! três! elementos,! matiz,! intensidade! e! luminosidade.! A! compreensão! destes! atributos! ajuda! na! tomada! de! decisões! em! escolha! de! cores! adequadas! a! um! projeto.! A! matiz! diz! respeito! ao! local! da! cor! no! interior!do!espectro,!a!luminosidade!pode!ser!chamada!também!de!valor!ou!tom,!e! quantifica!quão!clara!ou!escura!a!cor!é,!e!intensidade!diz!respeito!a!saturação!da!cor,! sendo!cores!de!alta!intensidade!cores!vivas!e!fortes,!e!de!baixa!intensidade!quando! se!aproximam!de!tons!acinzentados!(Lupton,!2008).!!
A!percepção!da!cor!é!afetada!pela!intensidade!e!cor!da!luz!no!ambiente!em!que!o! objeto! se! encontra,! e! também! pelas! cores! em! torno! dela! (Lupton,! 2008).! As! telas! atuais! são! capazes! de! reproduzir! cores! com! saturação! mais! elevadas! em! comparação!com!as!cores!que!existem!no!meio!ambiente,!que!costumam!ter!menor! saturação.!A!cor!pode!ser!utilizada!como!um!recurso!para!garantir!contraste!entre! os!elementos,!tornando!a!definição!dos!limites!claros!entre!eles.!
A!escolha!da!cor!deve!ser!feita!observando!os!três!fatores!que!a!compõem:!matiz,! intensidade! e! luminosidade.! Evitar! composições! que! acidentalmente! gerem! difícil! visualização!dos!elementos!por!falta!de!contraste!entre!as!cores!adjacentes!também! deve!ser!uma!preocupação!no!momento!da!escolha!das!cores.!A!utilização!de!cores! com! valores! e! intensidades! contrastantes,! por! exemplo,! é! um! recurso! útil! para! destacar!os!limites!das!formas!em!cores!próximas!(Lupton,!2008).!Por!outro!lado,! utilizar!cores!de!matizes!diferentes,!mas!com!luminosidade!semelhante!pode!gerar! ambiguidades! nos! limites! das! formas,! dificultando! a! compreensão! do! usuário! de! onde!começa!uma!forma,!e!termina!a!outra.!
2.4.1.4.!Transparência!
A! transparência! permite! a! organização! de! elementos! bidimensionais! em! camadas,! sobrepostos.!Um!elemento!parcialmente!transparente!sobre!um!fundo!branco!pode! ficar!pouco!visível,!mas!se!sobreposto!a!uma!imagem!de!tons!mais!escuros!tornahse! mais!fácil!de!visualizar,!criando!a!ilusão!da!existência!de!planos!sobrepostos!em!uma! imagem! bidimensional! (Lupton,! 2008).! O! elemento! com! transparência! criará! a! impressão!visual!de!que!se!encontra!acima!da!imagem!escura,!apesar!de!se!tratar!de! uma! imagem! 2D.! A! transparência! permite! a! exibição! e! fusão! de! duas! imagens! em! uma!só!composição.!Em!interfaces!remotas!com!RA!quando!um!elemento!virtual!é! inserido!sobre!a!imagem!real!correhse!o!risco!de!ocultar!outras!áreas!de!interesse!do! usuário.! A! fusão! dos! elementos! virtuais! e! imagens! reais! com! transparências! que! confiram!legibilidade!são!uma!alternativa!para!evitar!este!problema.!
2.4.1.4.!Textura!
A!textura!é!um!elemento!visual!que!substitui!o!tato!segundo!Dondis!(1997),!mas!que! pode!também!ser!reconhecida!também!pela!visão,!através!dos!padrões!visuais!que! elas!geram.!Texturas!podem!ser!reais!de!um!material!ou!também!podem!ser!geradas! digitalmente.! Uma! textura! não! necessariamente! precisa! ser! tátil! para! existir,! pode! ser!apenas!visual,!através!da!justaposição!de!padrões,!a!exemplo!de!uma!foto!que! reproduz! uma! grama,! apesar! de! não! existir! a! textura! tátil,! o! objeto! é! reconhecido! através!da!textura!visual!que!ele!gera!(Lupton,!2008).!Formas!geométricas!também! podem! compor! uma! textura! visual,! múltiplos! círculos! sobrepostos! criados! em! um! programa!de!criação!gráfica!podem!gerar!uma!textura!que!se!assemelha!a!confetes,! mas!foram!geradas!artificialmente.! No!contexto!de!uma!interface!com!RA!remota,!as!texturas!dos!materiais!exibidos!no! streaming!de!vídeo!enviado!para!o!usuário!auxiliarão!na!compreensão!dos!materiais! que!compõem!o!ambiente!por!associação!aos!materiais!reais.!O!excesso!de!textura! por!outro!pode!causar!problemas!de!legibilidade!em!elementos!da!interface,!devido! ao!excesso!de!ruído!e!variações!tonais!entre!as!cores!da!textura.!!
2.4.1.6.!Escala!
De! acordo! com! Lupton! (2008),! a! escala! pode! ser! tanto! as! dimensões! reais! de! um! objeto! quanto! ser! a! correlação! entre! as! dimensões! reais! e! as! da! representação! gráfica,!como!em!um!mapa,!por!exemplo.!O!contexto!em!que!o!objeto!ou!elemento! visual! se! encontra! causa! impacto! na! percepção! da! escala,! uma! vez! que! elementos! representados! em! tamanho! reduzido! do! real! devem! ser! representados! de! forma! proporcional!entre!si,!a!fim!de!manter!a!escala.!
A! imagem! de! um! vídeo! enviado! por! um! robô! pode! criar! ilusões! de! escalas! com! distorções! de! lentes,! o! que! pode! atrapalhar! o! usuário! na! compreensão! da! cena.! A! escala!da!representação!de!objetos!pode!ser!alterada!quando!exibida!em!um!vídeo,!e! resultar!em!um!tamanho!reduzido!ao!ponto!de!causar!dificuldade!de!visualização!ao! usuário.!Uma!interface!de!teleoperação!de!robôs!para!tarefas!de!manipulação!pode! lidar! com! objetos! pequenos,! que! ficarão! ainda! menores! quando! exibidos! no! vídeo! por! conta! da! alteração! da! escala,! cabe! então! a! interface! compensar! essa! redução! através!de!elementos!gráficos!que!auxiliem!o!usuário!na!visualização!destes!objetos,! mesmo!quando!representados!de!maneira!reduzida.!
2.4.1.7.!Dimensão!
Quando!representados!em!imagens!bidimensionais,!a!dimensão!é!fator!que!depende! da!ilusão!que!pode!ser!alcançada!com!representação!em!perspectiva!dos!elementos! segundo! Dondis! (1997).! Objetos! em! realidade! aumentada! quando! colocados! graficamente! sobre! objetos! que! deveriam! estar! à! frente! deles! atrapalham! na! contextualização! relativa! das! dimensões! dos! objetos! reais! e! virtuais! da! cena! (Furmanski,! 2002),! gerando! uma! perspectiva! ambígua,! causando! problemas! de! percepção!das!dimensões!.!