Introdução	
  à	
  
Teoria	
  da	
  Interactividade	
  
Aplicações	
  Informáticas	
  B	
  
João	
  Sá	
  
Objectivos	
  
§    Caracterizar	
  a	
  interface	
  
      homem-­‐máquina	
  

§    Compreender	
  o	
  conceito	
  
      de	
  realidade	
  virtual	
  

§    Compreender	
  o	
  conceito	
  
      de	
  interactividade	
  

§    Reconhecer	
  características	
  
      da	
  interactividade	
  
Temas	
  /	
  conteúdos	
  
 §    Do	
  GUI	
  aos	
  ambientes	
  imersivos	
  
 §    Realidade	
  virtual	
  
 §    O	
  conceito	
  de	
  interactividade	
  
 §    Características	
  ou	
  componentes	
  da	
  
       interactividade	
  
 §    Níveis	
  e	
  tipos	
  de	
  interactividade	
  
 §    Como	
  avaliar	
  soluções	
  interactivas	
  
 §    O	
  desenho	
  de	
  soluções	
  interactivas	
  
do	
  GUI	
  aos	
  
ambientes	
  imersivos	
  
Graphical	
  
      User	
  
      Interface	
  




h"p://blue2darknight.files.wordpress.com/2011/01/vision.gif	
  
                                                                 GUI
ambientes	
  
      imersivos	
  




h"p://www.govconexecu@ve.com/wp-­‐content/uploads/2011/01/lockheed-­‐CHIL.jpg	
  
?	
  
o	
  que	
  têm	
  em	
  comum	
  
sentidos	
  
               h"p://cdn.theatlan@c.com/sta@c/infocus/afg050311/a01_849f48e5.jpg	
  
realismo	
  
         h"p://webguyunlimited.com/pixelperfectgaming/wp-­‐content/gallery/fifa_11_ul@mate_team/fifa_11_ut_screenshot_01.jpg	
  
ergonomia	
  




h"p://4photos.net/photosv3/chair_ergonomics_design_1315826816.jpg	
  
ERGON
trabalho

            
         ergonomia	
  

NOMOS
          leis / regras
ergonomia	
  

Procura	
   optimizar	
   as	
   condições	
   de	
   trabalho,	
   segundo	
  
critérios	
  de	
  eficiência,	
  conforto	
  e	
  segurança.	
  
	
  
Disciplina	
   científica	
   que	
   se	
   dedica	
   ao	
   estudo	
   das	
  
interacções	
   entre	
   seres	
   humanos	
   e	
   outros	
   elementos	
   de	
  
um	
  sistema.	
  
	
  
Dedica-­‐se	
   a	
   projectar	
   o	
   trabalho,	
   os	
   equipamentos	
   e	
   o	
  
ambiente	
   adaptados	
   ao	
   bem	
   estar	
   do	
   trabalhador,	
  
tornando-­‐os	
   adequados	
   às	
   necessidades,	
   habilidades	
   e	
  
limitações	
  das	
  pessoas.	
  
realidade	
  
   virtual	
  




h"p://clevr.net/img/conversa@on.png	
  
realidade	
  virtual	
  
Permite	
   às	
   pessoas	
   visualizar,	
   manipular	
   e	
   interagir	
   com	
   computadores	
  
e	
  dados	
  de	
  elevada	
  complexidade.	
  
	
  
“A	
   RV	
   é	
   o	
   paradigma	
   pelo	
   qual	
   se	
   usa	
   um	
   computador	
   para	
   interagir	
  
com	
  algo	
  que	
  não	
  é	
  real,	
  mas	
  que	
  pode	
  ser	
  considerado	
  real	
  enquanto	
  
está	
  a	
  ser	
  utilizado”	
  
                                                                                            Jerry	
  Isdale,	
  1993	
  
	
  
“A	
  RV	
  engloba	
  um	
  conjunto	
  de	
  técnicas	
  e	
  ferramentas	
  gráficas	
  3D	
  que	
  
permitem	
   a	
   interacção	
   dos	
   utilizadores	
   com	
   um	
   ambiente	
   gerado	
   por	
  
computador,	
  em	
  tempo	
  real,	
  com	
  pequena	
  ou	
  nenhuma	
  consciência	
  de	
  
estar	
  a	
  utilizar	
  uma	
  interface	
  utilizador-­‐computador”	
  
                                                                                           Jean	
  Leston,	
  1996	
  
	
  
h"p://game-­‐server-­‐hos@ng.net/wp-­‐content/uploads/2008/12/virtual%20carbine.jpg	
  




                                                                                          imersiva	
  
                                                                                          realidade	
  

                                                                               não	
  imersiva	
  
                                                                                  realidade	
  




h"p://cdn.24.com/files/Cms/General/d/975/e2e57a6b7de8426995778218bbde553c.jpg	
  
realidade	
  
  imersiva	
                                 realidade	
  
                                          não	
  imersiva	
  

§  Requer	
  equipamentos	
  
    adicionais,	
  como	
  
    capacetes,	
  óculos,	
  
    salas	
  de	
  projecção	
  ou	
     §  Uso	
  de	
  monitores	
  e	
  
    luvas	
                                  dispositivos	
  comuns	
  


§  Coordenação	
  de	
                  §  Interfaces	
  “tradicionais”	
  
    diferentes	
  sentidos	
  
cenários	
  de	
  aplicação	
  
  da	
  realidade	
  virtual	
  
entretenimento	
  




h"p://kelliehosaka.com/wp-­‐content/uploads/2009/11/Virtual-­‐Reality-­‐Game.jpg	
  
medicina	
  




h"p://laparoscopy.blogs.com/laparoscopy_today/images/7-­‐2/KanumuriFigure2.jpg	
  
desporto	
  




               h"p://cdn.coolest-­‐gadgets.com/wp-­‐content/uploads/2011/12/virtual-­‐treadmill.jpg	
  
treino	
  profissional	
  
treino	
  militar	
  




h"p://psychnews.psychiatryonline.org/data/Journals/PN/4163/img_0230.jpeg	
  
actividades	
  profissionais	
  




h"p://www.vdtc.de/images/virtuell-­‐training-­‐luYfahrt-­‐gr.jpg	
  
actividades	
  profissionais	
  




h"p://www.uni-­‐paderborn.de/uploads/upb_aktuell/Uni_Paderborn_-­‐_Maschinenbau_-­‐_Virtual_Reality_01.jpg	
  
?
interactividade	
  
interactividade	
  
                                                               Comunicação	
  recíproca	
  

Faculdade	
   de	
   permuta	
   entre	
   um	
   utilizador	
   de	
   um	
   sistema	
  
informático	
  e	
  a	
  máquina	
  

“Ser	
   interactivo	
   significa	
   ter	
   capacidade	
   para	
   fornecer	
  
informação	
   como	
   resultado	
   da	
   introdução	
   de	
   dados,	
   num	
  
processo	
   resultante	
   de	
   modos	
   de	
   realimentação	
  
sustentáveis	
   e	
   algo	
   imprevisíveis.	
   Envolve	
   a	
   capacidade	
  
para	
   mudar	
   o	
   raciocínio	
   do	
   utilizador,	
   de	
   o	
   interromper	
   e	
  
de	
   o	
   surpreender	
   genuinamente	
   ao	
   propiciar	
   situações	
  
inesperadas.”	
  
Fonte:	
  http://www.univ-­‐ab.pt/~bidarra/sistemasmm/Sistemas%20Multim%C3%A9dia-­‐164.htm	
  
h"p://assets.vr-­‐zone.net/13701/LG.jpg	
  
propostas	
  de	
  trabalho	
  
 §    do	
  MS-­‐DOS	
  aos	
  sistemas	
  multitouch:	
  evolução	
  das	
  
       interfaces	
  gráficas	
  em	
  sistemas	
  informáticos	
  
 §    como	
  avaliar	
  e	
  caracterizar	
  a	
  interactividade?	
  
 §    desenho	
  de	
  soluções	
  interactivas:	
  boas	
  e	
  más	
  práticas	
  	
  
 §    interfaces	
  não	
  visuais	
  
 §    web	
  sites	
  e	
  interfaces:	
  bons	
  e	
  maus	
  exemplos	
  
 §    equipamentos	
  e	
  ergonomia:	
  bons	
  e	
  maus	
  exemplos	
  
 §    realidade	
  virtual:	
  estado	
  da	
  arte	
  
 §    realidade	
  virtual:	
  software	
  e	
  equipamentos	
  
interactividade	
  


ao	
  desenvolver	
  aplicações	
  multimédia,	
  
a	
  ênfase	
  deve	
  estar	
  no	
  modo	
  como	
  os	
  
     utilizadores	
  acedem,	
  manipulam	
  e	
  
      navegam	
  através	
  dos	
  conteúdos.	
  
características/componentes	
  
            da	
  interactividade	
  
comunicação	
         |	
  características	
  ou	
  componentes	
  da	
  interactividade	
  




 transmissão	
  recíproca	
  entre	
  o	
  utilizador	
  
    e	
  o	
  sistema,	
  através	
  de	
  dispositivos	
  
          periféricos	
  ligados	
  ao	
  sistema	
  
feedback	
    |	
  características	
  ou	
  componentes	
  da	
  interactividade	
  




 regular	
  a	
  manipulação	
  dos	
  objectos	
  do	
  
 ambiente	
  virtual	
  a	
  partir	
  dos	
  estímulos	
  
           “resposta	
  a	
  uma	
  acção”	
  
       implica	
  algum	
  tipo	
  de	
  controlo	
  
tempo	
  de	
  resposta	
       |	
  interactividade	
  




   tempo	
  que	
  decorre	
  entre	
  a	
  acção	
  do	
  
   utilizador	
  sobre	
  um	
  dos	
  objectos	
  do	
  
   ambiente	
  virtual	
  e	
  a	
  correspondente	
  
 alteração	
  (resposta)	
  criada	
  pelo	
  sistema	
  
adaptabilidade	
          |	
  características	
  ou	
  componentes	
  da	
  interactividade	
  




   capacidade	
  que	
  o	
  sistema	
  possui	
  de	
  
alterar	
  o	
  ambiente	
  virtual	
  em	
  função	
  das	
  
 acções	
  do	
  utilizador	
  sobre	
  os	
  objectos	
  
criatividade	
     |	
  características	
  ou	
  componentes	
  da	
  interactividade	
  




        criar	
  algo	
  novo	
  e	
  diferente	
  
                         inovar	
  
produtividade	
        |	
  características	
  ou	
  componentes	
  da	
  interactividade	
  




   está	
  relacionada	
  com	
  a	
  criatividade,	
  
  considerando	
  alguns	
  autores	
  que,	
  no	
  
    contexto	
  da	
  interactividade,	
  são	
  a	
  
                  mesma	
  coisa	
  
níveis	
  segundo	
  a	
  relação	
  
           homem-­‐máquina	
  
níveis	
  
                                                          Controlo	
  do	
  conteúdo	
  

                                                          Limitado	
       Alargado	
  
                                           Limitado	
  
         Controlo	
  da	
  estrutura	
  




                                                          Reac@va	
        Coac@va	
  
                                           Alargado	
  




                                                          Coac@va	
        Proac@va	
  
nível	
  de	
  interactividade	
  reactiva	
  

     utilizador	
  tem	
  um	
  controlo	
  limitado	
  
    sobre	
  o	
  conteúdo	
  do	
  ambiente	
  virtual	
  

        a	
  interacção	
  e	
  o	
  feedback	
  são	
  
   controlados	
  pelo	
  sistema	
  e	
  seguem	
  um	
  
             caminho	
  pré-­‐programado	
  
nível	
  de	
  interactividade	
  coactiva	
  


       o	
  utilizador	
  tem	
  o	
  controlo	
  da	
  
     sequência,	
  do	
  ritmo	
  e	
  do	
  estilo	
  das	
  
   acções	
  desenvolvidas	
  sobre	
  o	
  conteúdo	
  
                do	
  ambiente	
  virtual	
  
nível	
  de	
  interactividade	
  proactiva	
  


   o	
  utilizador	
  tem	
  o	
  controlo	
  da	
  estrutura	
  
              e	
  do	
  conteúdo	
  das	
  acções	
  
         desenvolvidas	
  no	
  ambiente	
  virtual	
  

    o	
  utilizador	
  controla	
  dinamicamente	
  o	
  
           desenvolvimento	
  do	
  conteúdo	
  
níveis	
  segundo	
  a	
  
 acção	
  sensorial	
  
nível	
  de	
  interactividade	
  elevada	
  


   o	
  utilizador	
  está	
  completamente	
  imerso	
  
          num	
  ambiente	
  virtual,	
  onde	
  são	
  
        estimulados	
  todos	
  os	
  seus	
  sentidos	
  
nível	
  de	
  interactividade	
  média	
  


     apenas	
  alguns	
  sentidos	
  do	
  utilizador	
  
   estão	
  a	
  ser	
  utilizados/estimulados	
  e	
  este	
  
     exerce	
  um	
  controlo	
  limitado	
  sobre	
  o	
  
                   desenrolar	
  da	
  acção	
  
nível	
  de	
  interactividade	
  baixa	
  


     apenas	
  alguns	
  sentidos	
  do	
  utilizador	
  
    estão	
  a	
  ser	
  utilizados/estimulados	
  e	
  o	
  
    utilizador	
  não	
  se	
  sente	
  como	
  parte	
  do	
  
                     ambiente	
  virtual	
  
tipos	
  de	
  
interactividade	
  
linear	
   |	
  tipos	
  de	
  interactividade	
  




   o	
  utilizador	
  define	
  o	
  sentido	
  da	
  sequência	
  
          acede	
  à	
  seguinte	
  ou	
  à	
  precedente	
  

                                              reactiva	
  

   Exemplo:	
  virar	
  de	
  página	
  num	
  documento	
  
de	
  suporte	
       |	
  tipos	
  de	
  interactividade	
  




o	
  utilizador	
  recebe	
  apoio	
  do	
  sistema	
  
    –  mensagens	
  de	
  ajuda	
  
    –  manuais	
  e	
  documentação	
  


                                   reactiva	
  

              Exemplo:	
  ajuda	
  do	
  windows	
  
hierárquica	
                |	
  tipos	
  de	
  interactividade	
  




       o	
  utilizador	
  navega	
  no	
  sistema	
  através	
  de	
  um	
  
                  conjunto	
  pré-­‐definido	
  de	
  opções	
  

                                        reactiva	
  
	
  
          Exemplo:	
  gestor	
  de	
  ficheiros/explorador	
  
sobre	
  objectos	
            |	
  tipos	
  de	
  interactividade	
  




 o	
  utilizador	
  activa	
  objectos	
  usando	
  o	
  rato	
  ou	
  
                      outro	
  dispositivo	
  
   os	
  objectos	
  alteram	
  o	
  seu	
  funcionamento	
  

                            proactiva	
  

   Exemplo:	
  ícones	
  no	
  ambiente	
  de	
  trabalho	
  
reflexiva	
       |	
  tipos	
  de	
  interactividade	
  




     o	
  sistema	
  efectua	
  perguntas	
  às	
  quais	
  o	
  
                   utilizador	
  responde	
  
   pode	
  comparar	
  as	
  suas	
  respostas	
  com	
  as	
  de	
  
  outros	
  utilizadores	
  ou	
  com	
  as	
  de	
  especialistas	
  

                      proactiva	
  
                             	
  
  Exemplo:	
  exercícios	
  de	
  escolha	
  múltipla	
  com	
  
                  resposta	
  aberta	
  
                             	
  
de	
  hiperligação	
                |	
  tipos	
  de	
  interactividade	
  




       o	
  sistema	
  tem	
  definidas	
  as	
  ligações	
  possíveis	
  
             entre	
  os	
  seus	
  elementos,	
  por	
  exemplo,	
  
            assegurando	
  todos	
  os	
  trajectos	
  possíveis	
  
	
  
                           proactiva	
  
                                   	
  
                    Exemplo:	
  jogos	
  narrativos	
  	
  
de	
  actualização	
             |	
  tipos	
  de	
  interactividade	
  




         permite	
  gerar	
  conteúdos	
  actualizados	
  e	
  
       individualizados	
  em	
  resposta	
  às	
  acções	
  do	
  
                              utilizador	
  
              pode	
  recorrer	
  a	
  técnicas	
  de	
  IA	
  
	
  
                          proactiva	
  
                              	
  
                       Exemplo:	
  jogo	
  RPG	
  
construtiva	
                 |	
  tipos	
  de	
  interactividade	
  




             é	
  uma	
  extensão	
  da	
  interactividade	
  de	
  
                              actualização	
  
       o	
  utilizador	
  constrói	
  	
  um	
  modelo	
  a	
  partir	
  do	
  
       manuseamento	
  de	
  objectos	
  e	
  componentes	
  
	
  
                              proactiva	
  
                                    	
  
                          Exemplo:	
  second	
  life	
  
como	
  avaliar	
  
                           ?	
  
soluções	
  interactivas	
  
Aspectos	
  a	
  considerar	
  


 §  Tecnológicos	
  

 §  Alterações	
  psicológicas	
  nos	
  utilizadores	
  

 §  Alterações	
  sociais	
  nos	
  utilizadores	
  

 §  Qualidade	
  da	
  aplicação	
  
Características	
  a	
  considerar	
  
 §  Dispositivos	
  e	
  seu	
  funcionamento	
  /	
  ergonomia	
  
 §  Qualidade	
  gráfica	
  e	
  realismo	
  
 §  Imersão	
  do	
  utilizador	
  
 §  Cores	
  
 §  Som	
  
 §  Estimulação	
  táctil	
  e	
  percepção	
  da	
  força	
  
 §  Funcionamento	
  
 §  Características	
  específicas	
  da	
  área	
  
Exercício	
  

    Analisar	
  a	
  apresentação	
  disponível	
  em	
  
   http://www.slideshare.net/usabilidoido/minicurso-­‐avaliao-­‐de-­‐interfaces	
  
                                     	
  

     Resumir	
  e	
  apresentar	
  as	
  principais	
  
   abordagens	
  para	
  avaliação	
  de	
  interfaces	
  
desenho	
  de	
  
soluções	
  interactivas	
  
Exercícios	
  
1.  Quais	
  os	
  requisitos	
  a	
  considerar	
  antes	
  de	
  
    desenhar	
  soluções	
  interactivas?	
  
2.  Que	
  ferramentas	
  podem	
  ser	
  utilizadas	
  para	
  o	
  
    desenvolvimento	
  de	
  soluções	
  interactivas?	
  
3.  O	
  que	
  é	
  o	
  VRML?	
  
4.  Investiga	
  genericamente	
  as	
  ferramentas	
  DI-­‐
    Guy,	
  Gizmo3D	
  e	
  CAVELib.	
  
Outras	
  imagens	
  
Capa	
  
http://smartgoalsguide.com/wp-­‐content/uploads/Goals-­‐MISSEDDARTS2.jpg	
  
	
  
Temas	
  /	
  conteúdos	
  
http://www.ecotoys.com.au/product-­‐pics/Dinasour-­‐Jigsaw-­‐Puzzle2.jpg	
  
	
  
Objectivos	
  
http://abaldaia.files.wordpress.com/2010/02/objectives.jpg	
  
	
  
Comunicação	
  
http://4.bp.blogspot.com/_HmWj5wYQTE0/S1oRnhdFqaI/AAAAAAAAAyQ/j07vw1tU6zQ/s320/Public-­‐Relations-­‐Strategies-­‐Communication-­‐and-­‐Your-­‐
Customers	
  
	
  
Feedback	
  
http://www.impactlearning.com/wp-­‐content/uploads/customer-­‐satisfaction-­‐feedback-­‐form.jpg	
  
	
  
Tempo	
  
http://us.cdn1.123rf.com/168nwm/mnyjhee/mnyjhee0911/mnyjhee091100007/5837019-­‐running-­‐stopwatch-­‐in-­‐the-­‐hand-­‐vertical-­‐composition-­‐isolated-­‐
on-­‐white.jpg	
  
	
  
Adaptabilidade	
  
http://www.ecotoys.com.au/product-­‐pics/335026.jpg	
  
	
  
Criatividade	
  
http://www.peacefulmind.com/images/design/creativity.gif	
  
	
  
Produtividade	
  
http://www.syncsoft.com.br/img/produtividade_na_empresa.jpg	
  
	
  
Exercício	
  
http://www.logismarket.pt/ip/vermonil-­‐criatividade-­‐e-­‐webdesign-­‐criatividade-­‐e-­‐webdesign-­‐vermonil-­‐565280-­‐FGR.jpg	
  
	
  

Introdução à teoria da interactividade

  • 1.
    Introdução  à   Teoria  da  Interactividade   Aplicações  Informáticas  B   João  Sá  
  • 2.
    Objectivos   §  Caracterizar  a  interface   homem-­‐máquina   §  Compreender  o  conceito   de  realidade  virtual   §  Compreender  o  conceito   de  interactividade   §  Reconhecer  características   da  interactividade  
  • 3.
    Temas  /  conteúdos   §  Do  GUI  aos  ambientes  imersivos   §  Realidade  virtual   §  O  conceito  de  interactividade   §  Características  ou  componentes  da   interactividade   §  Níveis  e  tipos  de  interactividade   §  Como  avaliar  soluções  interactivas   §  O  desenho  de  soluções  interactivas  
  • 4.
    do  GUI  aos   ambientes  imersivos  
  • 5.
    Graphical   User   Interface   h"p://blue2darknight.files.wordpress.com/2011/01/vision.gif   GUI
  • 6.
    ambientes   imersivos   h"p://www.govconexecu@ve.com/wp-­‐content/uploads/2011/01/lockheed-­‐CHIL.jpg  
  • 7.
    ?   o  que  têm  em  comum  
  • 8.
    sentidos   h"p://cdn.theatlan@c.com/sta@c/infocus/afg050311/a01_849f48e5.jpg  
  • 10.
    realismo   h"p://webguyunlimited.com/pixelperfectgaming/wp-­‐content/gallery/fifa_11_ul@mate_team/fifa_11_ut_screenshot_01.jpg  
  • 11.
  • 12.
    ERGON trabalho ergonomia   NOMOS leis / regras
  • 13.
    ergonomia   Procura  optimizar   as   condições   de   trabalho,   segundo   critérios  de  eficiência,  conforto  e  segurança.     Disciplina   científica   que   se   dedica   ao   estudo   das   interacções   entre   seres   humanos   e   outros   elementos   de   um  sistema.     Dedica-­‐se   a   projectar   o   trabalho,   os   equipamentos   e   o   ambiente   adaptados   ao   bem   estar   do   trabalhador,   tornando-­‐os   adequados   às   necessidades,   habilidades   e   limitações  das  pessoas.  
  • 14.
    realidade   virtual   h"p://clevr.net/img/conversa@on.png  
  • 15.
    realidade  virtual   Permite   às   pessoas   visualizar,   manipular   e   interagir   com   computadores   e  dados  de  elevada  complexidade.     “A   RV   é   o   paradigma   pelo   qual   se   usa   um   computador   para   interagir   com  algo  que  não  é  real,  mas  que  pode  ser  considerado  real  enquanto   está  a  ser  utilizado”   Jerry  Isdale,  1993     “A  RV  engloba  um  conjunto  de  técnicas  e  ferramentas  gráficas  3D  que   permitem   a   interacção   dos   utilizadores   com   um   ambiente   gerado   por   computador,  em  tempo  real,  com  pequena  ou  nenhuma  consciência  de   estar  a  utilizar  uma  interface  utilizador-­‐computador”   Jean  Leston,  1996    
  • 16.
    h"p://game-­‐server-­‐hos@ng.net/wp-­‐content/uploads/2008/12/virtual%20carbine.jpg   imersiva   realidade   não  imersiva   realidade   h"p://cdn.24.com/files/Cms/General/d/975/e2e57a6b7de8426995778218bbde553c.jpg  
  • 17.
    realidade   imersiva   realidade   não  imersiva   §  Requer  equipamentos   adicionais,  como   capacetes,  óculos,   salas  de  projecção  ou   §  Uso  de  monitores  e   luvas   dispositivos  comuns   §  Coordenação  de   §  Interfaces  “tradicionais”   diferentes  sentidos  
  • 18.
    cenários  de  aplicação   da  realidade  virtual  
  • 19.
  • 20.
  • 21.
    desporto   h"p://cdn.coolest-­‐gadgets.com/wp-­‐content/uploads/2011/12/virtual-­‐treadmill.jpg  
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
    interactividade   Comunicação  recíproca   Faculdade   de   permuta   entre   um   utilizador   de   um   sistema   informático  e  a  máquina   “Ser   interactivo   significa   ter   capacidade   para   fornecer   informação   como   resultado   da   introdução   de   dados,   num   processo   resultante   de   modos   de   realimentação   sustentáveis   e   algo   imprevisíveis.   Envolve   a   capacidade   para   mudar   o   raciocínio   do   utilizador,   de   o   interromper   e   de   o   surpreender   genuinamente   ao   propiciar   situações   inesperadas.”   Fonte:  http://www.univ-­‐ab.pt/~bidarra/sistemasmm/Sistemas%20Multim%C3%A9dia-­‐164.htm  
  • 28.
  • 29.
    propostas  de  trabalho   §  do  MS-­‐DOS  aos  sistemas  multitouch:  evolução  das   interfaces  gráficas  em  sistemas  informáticos   §  como  avaliar  e  caracterizar  a  interactividade?   §  desenho  de  soluções  interactivas:  boas  e  más  práticas     §  interfaces  não  visuais   §  web  sites  e  interfaces:  bons  e  maus  exemplos   §  equipamentos  e  ergonomia:  bons  e  maus  exemplos   §  realidade  virtual:  estado  da  arte   §  realidade  virtual:  software  e  equipamentos  
  • 30.
    interactividade   ao  desenvolver  aplicações  multimédia,   a  ênfase  deve  estar  no  modo  como  os   utilizadores  acedem,  manipulam  e   navegam  através  dos  conteúdos.  
  • 31.
    características/componentes   da  interactividade  
  • 32.
    comunicação   |  características  ou  componentes  da  interactividade   transmissão  recíproca  entre  o  utilizador   e  o  sistema,  através  de  dispositivos   periféricos  ligados  ao  sistema  
  • 33.
    feedback   |  características  ou  componentes  da  interactividade   regular  a  manipulação  dos  objectos  do   ambiente  virtual  a  partir  dos  estímulos   “resposta  a  uma  acção”   implica  algum  tipo  de  controlo  
  • 34.
    tempo  de  resposta   |  interactividade   tempo  que  decorre  entre  a  acção  do   utilizador  sobre  um  dos  objectos  do   ambiente  virtual  e  a  correspondente   alteração  (resposta)  criada  pelo  sistema  
  • 35.
    adaptabilidade   |  características  ou  componentes  da  interactividade   capacidade  que  o  sistema  possui  de   alterar  o  ambiente  virtual  em  função  das   acções  do  utilizador  sobre  os  objectos  
  • 36.
    criatividade   |  características  ou  componentes  da  interactividade   criar  algo  novo  e  diferente   inovar  
  • 37.
    produtividade   |  características  ou  componentes  da  interactividade   está  relacionada  com  a  criatividade,   considerando  alguns  autores  que,  no   contexto  da  interactividade,  são  a   mesma  coisa  
  • 38.
    níveis  segundo  a  relação   homem-­‐máquina  
  • 39.
    níveis   Controlo  do  conteúdo   Limitado   Alargado   Limitado   Controlo  da  estrutura   Reac@va   Coac@va   Alargado   Coac@va   Proac@va  
  • 40.
    nível  de  interactividade  reactiva   utilizador  tem  um  controlo  limitado   sobre  o  conteúdo  do  ambiente  virtual   a  interacção  e  o  feedback  são   controlados  pelo  sistema  e  seguem  um   caminho  pré-­‐programado  
  • 41.
    nível  de  interactividade  coactiva   o  utilizador  tem  o  controlo  da   sequência,  do  ritmo  e  do  estilo  das   acções  desenvolvidas  sobre  o  conteúdo   do  ambiente  virtual  
  • 42.
    nível  de  interactividade  proactiva   o  utilizador  tem  o  controlo  da  estrutura   e  do  conteúdo  das  acções   desenvolvidas  no  ambiente  virtual   o  utilizador  controla  dinamicamente  o   desenvolvimento  do  conteúdo  
  • 43.
    níveis  segundo  a   acção  sensorial  
  • 44.
    nível  de  interactividade  elevada   o  utilizador  está  completamente  imerso   num  ambiente  virtual,  onde  são   estimulados  todos  os  seus  sentidos  
  • 45.
    nível  de  interactividade  média   apenas  alguns  sentidos  do  utilizador   estão  a  ser  utilizados/estimulados  e  este   exerce  um  controlo  limitado  sobre  o   desenrolar  da  acção  
  • 46.
    nível  de  interactividade  baixa   apenas  alguns  sentidos  do  utilizador   estão  a  ser  utilizados/estimulados  e  o   utilizador  não  se  sente  como  parte  do   ambiente  virtual  
  • 47.
  • 48.
    linear   |  tipos  de  interactividade   o  utilizador  define  o  sentido  da  sequência   acede  à  seguinte  ou  à  precedente   reactiva   Exemplo:  virar  de  página  num  documento  
  • 49.
    de  suporte   |  tipos  de  interactividade   o  utilizador  recebe  apoio  do  sistema   –  mensagens  de  ajuda   –  manuais  e  documentação   reactiva   Exemplo:  ajuda  do  windows  
  • 50.
    hierárquica   |  tipos  de  interactividade   o  utilizador  navega  no  sistema  através  de  um   conjunto  pré-­‐definido  de  opções   reactiva     Exemplo:  gestor  de  ficheiros/explorador  
  • 51.
    sobre  objectos   |  tipos  de  interactividade   o  utilizador  activa  objectos  usando  o  rato  ou   outro  dispositivo   os  objectos  alteram  o  seu  funcionamento   proactiva   Exemplo:  ícones  no  ambiente  de  trabalho  
  • 52.
    reflexiva   |  tipos  de  interactividade   o  sistema  efectua  perguntas  às  quais  o   utilizador  responde   pode  comparar  as  suas  respostas  com  as  de   outros  utilizadores  ou  com  as  de  especialistas   proactiva     Exemplo:  exercícios  de  escolha  múltipla  com   resposta  aberta    
  • 53.
    de  hiperligação   |  tipos  de  interactividade   o  sistema  tem  definidas  as  ligações  possíveis   entre  os  seus  elementos,  por  exemplo,   assegurando  todos  os  trajectos  possíveis     proactiva     Exemplo:  jogos  narrativos    
  • 54.
    de  actualização   |  tipos  de  interactividade   permite  gerar  conteúdos  actualizados  e   individualizados  em  resposta  às  acções  do   utilizador   pode  recorrer  a  técnicas  de  IA     proactiva     Exemplo:  jogo  RPG  
  • 55.
    construtiva   |  tipos  de  interactividade   é  uma  extensão  da  interactividade  de   actualização   o  utilizador  constrói    um  modelo  a  partir  do   manuseamento  de  objectos  e  componentes     proactiva     Exemplo:  second  life  
  • 56.
    como  avaliar   ?   soluções  interactivas  
  • 57.
    Aspectos  a  considerar   §  Tecnológicos   §  Alterações  psicológicas  nos  utilizadores   §  Alterações  sociais  nos  utilizadores   §  Qualidade  da  aplicação  
  • 58.
    Características  a  considerar   §  Dispositivos  e  seu  funcionamento  /  ergonomia   §  Qualidade  gráfica  e  realismo   §  Imersão  do  utilizador   §  Cores   §  Som   §  Estimulação  táctil  e  percepção  da  força   §  Funcionamento   §  Características  específicas  da  área  
  • 59.
    Exercício   Analisar  a  apresentação  disponível  em   http://www.slideshare.net/usabilidoido/minicurso-­‐avaliao-­‐de-­‐interfaces     Resumir  e  apresentar  as  principais   abordagens  para  avaliação  de  interfaces  
  • 60.
    desenho  de   soluções  interactivas  
  • 61.
    Exercícios   1.  Quais  os  requisitos  a  considerar  antes  de   desenhar  soluções  interactivas?   2.  Que  ferramentas  podem  ser  utilizadas  para  o   desenvolvimento  de  soluções  interactivas?   3.  O  que  é  o  VRML?   4.  Investiga  genericamente  as  ferramentas  DI-­‐ Guy,  Gizmo3D  e  CAVELib.  
  • 62.
    Outras  imagens   Capa   http://smartgoalsguide.com/wp-­‐content/uploads/Goals-­‐MISSEDDARTS2.jpg     Temas  /  conteúdos   http://www.ecotoys.com.au/product-­‐pics/Dinasour-­‐Jigsaw-­‐Puzzle2.jpg     Objectivos   http://abaldaia.files.wordpress.com/2010/02/objectives.jpg     Comunicação   http://4.bp.blogspot.com/_HmWj5wYQTE0/S1oRnhdFqaI/AAAAAAAAAyQ/j07vw1tU6zQ/s320/Public-­‐Relations-­‐Strategies-­‐Communication-­‐and-­‐Your-­‐ Customers     Feedback   http://www.impactlearning.com/wp-­‐content/uploads/customer-­‐satisfaction-­‐feedback-­‐form.jpg     Tempo   http://us.cdn1.123rf.com/168nwm/mnyjhee/mnyjhee0911/mnyjhee091100007/5837019-­‐running-­‐stopwatch-­‐in-­‐the-­‐hand-­‐vertical-­‐composition-­‐isolated-­‐ on-­‐white.jpg     Adaptabilidade   http://www.ecotoys.com.au/product-­‐pics/335026.jpg     Criatividade   http://www.peacefulmind.com/images/design/creativity.gif     Produtividade   http://www.syncsoft.com.br/img/produtividade_na_empresa.jpg     Exercício   http://www.logismarket.pt/ip/vermonil-­‐criatividade-­‐e-­‐webdesign-­‐criatividade-­‐e-­‐webdesign-­‐vermonil-­‐565280-­‐FGR.jpg