Infografia Multimídia para
Apresentação de Resultados de
     Testes de Usabilidade


         Alessandro Dias
           Fran Maciel
Tudo ao mesmo
 tempo agora !

   Alessandro Dias
     Fran Maciel
Abordar o uso de infografia multimídia na
 apresentação de resultados de testes de
 usabilidade levando em consideração os
conceitos de Arquitetura de Informação e
               Usabilidade.
Descrever a metodologia utilizada para a
realização do estudo de caso apresentado,
cujo objetivo é apresentar informações de
  forma clara e simplificada, facilitando o
        entendimento do usuário.
AI
AI
O que importa não é o conteúdo da
    mensagem, mas o modo como esta é
transmitida e, mais ainda, o meio através do
         qual é transmitida. (Balle)
Estudo de Caso
Infografia Multimídia em Testes de Usabilidade
PROCESSO
PROCESSO   APARELHOS
PROCESSO   APARELHOS   PÚBLICO
1            2             3             4              5
ABRINDO    VERIFICANDO O   LIGANDO O   INTRODUZINDO   UTILIZANDO 0
 A CAIXA     HARDWARE       TELEFONE       O USO        TELEFONE
QUANTITATIVOS   QUALITATIVOS
QUANTITATIVOS   QUALITATIVOS




0    1          2   3         4    5
QUANTITATIVOS   QUALITATIVOS
QUESTIONÁRIOS   VÍDEOS   ENTREVISTAS
QUESTIONÁRIOS      VÍDEOS   ENTREVISTAS

900 respostas de
 questionário ?
QUESTIONÁRIOS         VÍDEOS          ENTREVISTAS

                 1500 minutos de
                gravação de vídeo ?
QUESTIONÁRIOS   VÍDEOS     ENTREVISTAS

                         250 verbalizações
                          feitas através de
                             anotações ?
Metodologia
O gerenciamento do design de ambientes de
informação é mais efetivo quando segue um
            método. (Morrogh)
1                   2                  3                4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                           ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                         GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO
1                   2                  3                4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                           ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                         GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO

   Dados
Quantitativos e
 Qualitativos.
1                   2                  3                4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                           ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                         GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO

                      Não-Linear

                       Interativo

                     Elementos de
                      Suporte de
                      Navegação
1                   2                   3                  4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                              ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                            GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO

                                         Pacote Adobe
                                        CS3: Illustrator,
                                            Flash e
                                          Photoshop.
1                   2                  3                4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                           ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                         GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO

                                                           Uso de Cor

                                                           Gráficos de
                                                             Linha

                                                            Tabela de
                                                           Expressões
                                                             Faciais
1                   2                  3                4                   5
CLASSIFICAÇÃO DOS                          DEFINIÇÃO
                                                           ELEMENTOS        CONSOLIDAÇÃO DOS
   RESULTADOS       FLUXO DE EXIBIÇÃO   FERRAMENTAS DE
                                                         GRÁFICOS VISUAIS      RESULTADOS
    COLETADOS                             INTEGRAÇÃO

                                                                             Apresentação
                                                                              Sistemática,
                                                                             Organizada e
                                                                                Eficiente.
SELEÇÃO DO
  APARELHO




  TEMPO DE
                                      EXPRESSÕES
REALIZAÇÃO DE      TEMPO MÉDIO
                                      FACIAIS MAIS
 TAREFAS POR       DOS USUÁRIOS
                                      FREQUENTES
   USUÁRIO




DESTAQUE DA       TABELA DE
                                  TRECHOS DE
 EXPRESSÃO       EXPRESSÕES                          VERBALIZAÇÕES
                                    VÍDEOS
   FACIAL       FACIAIS (FASE)
Resultados
Considerações
Obrigado

      Alessandro Dias
alessandro.dias@indt.org.br
     twitter @designio

  Download (artigo+PPT)
    www.dias.pro.br

Ebai2009

  • 1.
    Infografia Multimídia para Apresentaçãode Resultados de Testes de Usabilidade Alessandro Dias Fran Maciel
  • 2.
    Tudo ao mesmo tempo agora ! Alessandro Dias Fran Maciel
  • 4.
    Abordar o usode infografia multimídia na apresentação de resultados de testes de usabilidade levando em consideração os conceitos de Arquitetura de Informação e Usabilidade.
  • 5.
    Descrever a metodologiautilizada para a realização do estudo de caso apresentado, cujo objetivo é apresentar informações de forma clara e simplificada, facilitando o entendimento do usuário.
  • 8.
  • 9.
  • 10.
    O que importanão é o conteúdo da mensagem, mas o modo como esta é transmitida e, mais ainda, o meio através do qual é transmitida. (Balle)
  • 15.
    Estudo de Caso InfografiaMultimídia em Testes de Usabilidade
  • 16.
  • 17.
    PROCESSO APARELHOS
  • 18.
    PROCESSO APARELHOS PÚBLICO
  • 19.
    1 2 3 4 5 ABRINDO VERIFICANDO O LIGANDO O INTRODUZINDO UTILIZANDO 0 A CAIXA HARDWARE TELEFONE O USO TELEFONE
  • 20.
    QUANTITATIVOS QUALITATIVOS
  • 21.
    QUANTITATIVOS QUALITATIVOS 0 1 2 3 4 5
  • 22.
    QUANTITATIVOS QUALITATIVOS
  • 23.
    QUESTIONÁRIOS VÍDEOS ENTREVISTAS
  • 24.
    QUESTIONÁRIOS VÍDEOS ENTREVISTAS 900 respostas de questionário ?
  • 25.
    QUESTIONÁRIOS VÍDEOS ENTREVISTAS 1500 minutos de gravação de vídeo ?
  • 26.
    QUESTIONÁRIOS VÍDEOS ENTREVISTAS 250 verbalizações feitas através de anotações ?
  • 27.
    Metodologia O gerenciamento dodesign de ambientes de informação é mais efetivo quando segue um método. (Morrogh)
  • 28.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO
  • 29.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO Dados Quantitativos e Qualitativos.
  • 30.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO Não-Linear Interativo Elementos de Suporte de Navegação
  • 31.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO Pacote Adobe CS3: Illustrator, Flash e Photoshop.
  • 32.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO Uso de Cor Gráficos de Linha Tabela de Expressões Faciais
  • 33.
    1 2 3 4 5 CLASSIFICAÇÃO DOS DEFINIÇÃO ELEMENTOS CONSOLIDAÇÃO DOS RESULTADOS FLUXO DE EXIBIÇÃO FERRAMENTAS DE GRÁFICOS VISUAIS RESULTADOS COLETADOS INTEGRAÇÃO Apresentação Sistemática, Organizada e Eficiente.
  • 34.
    SELEÇÃO DO APARELHO TEMPO DE EXPRESSÕES REALIZAÇÃO DE TEMPO MÉDIO FACIAIS MAIS TAREFAS POR DOS USUÁRIOS FREQUENTES USUÁRIO DESTAQUE DA TABELA DE TRECHOS DE EXPRESSÃO EXPRESSÕES VERBALIZAÇÕES VÍDEOS FACIAL FACIAIS (FASE)
  • 35.
  • 44.
  • 51.
    Obrigado Alessandro Dias alessandro.dias@indt.org.br twitter @designio Download (artigo+PPT) www.dias.pro.br