SlideShare a Scribd company logo
1 of 44
Download to read offline
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




     Engenharia semiótica
                       Método de Inspeção Semiótica




                              Pós-Graduação em Design de Interação
  IEC - INSTITUTO DE
 EDUCAÇÃO CONTINUADA            Métodos e Técnicas de Avaliação II
                                            Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com

Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso


                                                                        Plano de curso
    1ª      Apresentação do curso, aquecimento e posicionamento teórico                              -

    2ª      Questionários e entrevistas                                                        15pts

    3ª      Separando releases: User Story Mapping                                                   -

    4ª      User Story Mapping: Workshop                                                       15pts

    5ª      Definindo a arquitetura da informação - Card Sorting                                15pts

    6ª      Card Sorting: Workshop                                                                   -

    7ª      Análise Heurística: Perguntando a especialistas: Workshop                          15pts

    8ª      Percurso cognitivo: Avaliando tarefas                                              10pts

    9ª      Engenharia semiótica - Método de Inspeção Semiótica                                10pts

    10ª     Apresentação final                                                                  20pts




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso

                              Questionários                                    Percurso
                                            e
          ing                 entrevistas                                      Cognitivo
       ark                                  Card Sorting
    chm
 Ben




                                               to
             jam isa
                  to



                                             en




                                                                     o
           ne qu




                                                                   çã
                en



                                         lvim




                                                               lida
        pla pes




                                       vo
                                    sen




                                                             va
                                  de


         Stor                           ototipação
                                      pr                         MnIçSo Semiótica
        map y                             Análise Heur Mét  odo de I
                                                                     spe ã

            ping                   onas               ística
                               pers
Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              Método de Inspeção Semiótica
                              Avaliando a comunicabilidade da interface


Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




      Método de Inspeção Semiótica (MIS)
    Método da Engenharia Semiótica para inspeção de sistemas, com foco
    para identificação de rupturas na comunicação dos elementos, ações e
                              respostas de uma interface.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




               Engenharia Semiótica (EngSem)
      É uma teoria explicativa de IHC, ou seja uma teoria que nos permite
     compreender fenômenos envolvidos no design, uso e compreensão de
                              um sistema interativo.


   A EngSem trata com artefatos intelectuais e busca a comunicabilidade.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




             Diferenças entre EngUsa e EngSem
     Engenharia de Usabilidade
     busca avaliar a usabilidade (facilidade de uso)




                                                          Engenharia Semiótica
                                         foca na comunicabilidade (compreensão)

Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




   Comunicabilidade
   A comunicabilidade de um sistema se refere
   à capacidade de o projetista conseguir
   transmitir aos usuários, através da interface,
   o design tal como concebido por ele.

   Propriedade de um sistema transmitir ao
   usuário de forma eficaz e eficiente as intenções
   e princípios de interação que guiaram o seu
   design [Prates et al. 2000]




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              Artefato intelectual
   Possui uma codificação projetada que deve ser interpretada para a
   solução das situações propostas pelo mesmo.

   A codificação é linguística, ou seja, baseada em um sistema de símbolos
   que possa ser interpretado por regras semânticas consistentes.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




             Artefato intelectual na EngSem
   1. O artefato deve ser descrito em alguma linguagem artificial que seja
   processada por um computador;

   2. A linguagem de interface com a qual o usuário vai interagir é sempre
   única e, logo, nova para o usuário;

   3. o artefato se caracteriza como sendo de meta-comunicação. A
   interface de um sistema é entendida como um caso de meta-
   comunicação, uma vez que comunica ao usuário a visão do projetista
   sobre a quem ela se destina



Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




             Artefato intelectual na EngSem
   Em outras palavras, a interface de um sistema é uma mensagem do
   designer para o usuário cujo conteúdo é [de Souza 95:84]:




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                Artefato intelectual na EngSem
      “Esta é a minha interpretação sobre quem você é, o que eu entendi que você quer ou
      precisa fazer, de que formas prefere fazê-lo e por quê. Eis, portanto, o sistema que
      conseqüentemente concebi para você, o qual você pode ou deve usar assim, a fim de
      realizar uma série de objetivos associados com esta (minha) visão.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




         Baixa comunicabilidade na interface
   Em cada momento que o usuário não entende a intenção do designer, há
   uma ruptura na comunicação entre ambos.


   Quanto mais frequente e severas estas rupturas, mais baixa é a
   comunicabilidade na interface.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                        MIS: Pra que serve
   No MIS, o avaliador examina a meta-comunicação do designer para o
  usuário com o objetivo de identificar se existem rupturas de comunicação
          para melhor reconstruir esta mensagem [de Souza et al. 2006].




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                         MIS: O que avaliar
   O inspetor avalia a interface através de seus SIGNOS, classificando-os
   em 3 diferentes níveis:
       1) Estáticos - expressam o estado do sistema, podem ser percebidos
       apenas de olhar para interface (ex. botões desabilitados)
       2) Dinâmicos - expressam o comportamento do sistema e só podem
       ser percebidos quando o usuário interage com o sistema (contador de
       caracteres no twitter).
       3) de meta-comunicação - Ajuda e documentação



Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                  MIS: Como aplicar
                  A aplicação do MIS acontece em 5 passos




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - 1º passo
  Inspeção dos signos de meta-comunicação (ajuda), para determinar:

           Quem é o usuário-alvo
           Para que serve o sistema
           O que o sistema oferece




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - 2º passo
         Inspeção de signos estáticos: verificar se os elementos
    fundamentais e visíveis da interface são compreensíveis e atentem
                              ao perfil e objetivos no passo 1.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - 3º passo
    Inspeção dos signos dinâmicos: observar os feedbacks das ações
   dos usuários, se são compreensíveis e atentem ao perfil e objetivos
                                  no passo 1.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - 4º passo
  Busca de inconsistência na linguagem dos signos (se deletar em um
   lugar é remover em outro, se na documentação de ajuda há algo
   desatualizado, se o feedback, formato e linguagem de botões, links,
                      navegações varia sem motivo)




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - 5º passo
   Relatório - Identificar os principais elementos da interface (signos),
       os possíveis ruídos que podem causar e recomendações de
                                   melhoria.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                              MIS - Considerações
   Pela robustez da técnica, para sistemas grandes, designer deve escolher
   uma parte crítica do sistema a avaliar, onde a interação seja mais
   complexa.

   O inspetor fala pelo usuário, portanto deve ser experiente no
   comportamento do mesmo.

   A técnica pode ser aplicada solo ou em grupo.




Tuesday, September 27, 2011
Métodos e Técnicas de Avaliação 2 / Marcello Cardoso




                                     igad o!
                              o br
                                     Este arquivo contém a apresentação realizada por Marcello de
                                     Campos Cardoso, em Setembro de 2011, para a disciplina Métodos
                                     e Técnicas de Avaliação 2, ministrada no curso de especialização em
                                     Design de Interação, no Instituto de Educação Continuada (IEC) na
                                     Pontifícia Universidade Católica de Minas Gerais (PUC-MG).



Tuesday, September 27, 2011

More Related Content

What's hot

チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編
チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編
チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編Yoshiki Hayama
 
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2Carlos Eugenio Torres
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
SEAC: Um Simulador Online para Ensino de Arquitetura de Computadores
SEAC: Um Simulador Online para Ensino de Arquitetura de ComputadoresSEAC: Um Simulador Online para Ensino de Arquitetura de Computadores
SEAC: Um Simulador Online para Ensino de Arquitetura de ComputadoresEduardo de Lucena Falcão
 
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...André Constantino da Silva
 
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Daniel Makiyama
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da açãoTicianne Darin
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Wellington Oliveira
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internetVelosa007
 
Aula 1 word
Aula 1 wordAula 1 word
Aula 1 wordWELDES
 
Apostila POWER POINT
Apostila POWER POINTApostila POWER POINT
Apostila POWER POINTLuciana
 
Primeiros Socorros Modulo IV
Primeiros Socorros Modulo IVPrimeiros Socorros Modulo IV
Primeiros Socorros Modulo IVemanueltstegeon
 

What's hot (20)

DESIGN DE INTERFACE
DESIGN DE INTERFACEDESIGN DE INTERFACE
DESIGN DE INTERFACE
 
Hepatite
HepatiteHepatite
Hepatite
 
チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編
チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編
チャットボットが生み出す新しいユーザーエクスペリエンス(UX):LINE Platform - UI/UX勉強会 #01 - Chat Bot編
 
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2Desenvolvimento de aplicações para dispositivos móveis   módulo i - aula 2
Desenvolvimento de aplicações para dispositivos móveis módulo i - aula 2
 
1ª aula sistema operacional
1ª aula  sistema operacional1ª aula  sistema operacional
1ª aula sistema operacional
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
SEAC: Um Simulador Online para Ensino de Arquitetura de Computadores
SEAC: Um Simulador Online para Ensino de Arquitetura de ComputadoresSEAC: Um Simulador Online para Ensino de Arquitetura de Computadores
SEAC: Um Simulador Online para Ensino de Arquitetura de Computadores
 
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
Desenvolvimento de Sistemas Interativos - Integração das Visões de Engenharia...
 
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
Aprendendo Na Prática: Aplicativos Web Com Asp.Net MVC em C# e Entity Framewo...
 
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9    engenharia cognitiva e teoria da açãoIhc2016.2 aula 9    engenharia cognitiva e teoria da ação
Ihc2016.2 aula 9 engenharia cognitiva e teoria da ação
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
informatica-basica-1.4.ppt
informatica-basica-1.4.pptinformatica-basica-1.4.ppt
informatica-basica-1.4.ppt
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Navegadores de internet
Navegadores de internetNavegadores de internet
Navegadores de internet
 
Aula 1 word
Aula 1 wordAula 1 word
Aula 1 word
 
Engenharia semiotica
Engenharia semioticaEngenharia semiotica
Engenharia semiotica
 
Internet, intranet e extranets
Internet, intranet e extranetsInternet, intranet e extranets
Internet, intranet e extranets
 
Analise de Requisitos Software
Analise de Requisitos SoftwareAnalise de Requisitos Software
Analise de Requisitos Software
 
Apostila POWER POINT
Apostila POWER POINTApostila POWER POINT
Apostila POWER POINT
 
Primeiros Socorros Modulo IV
Primeiros Socorros Modulo IVPrimeiros Socorros Modulo IV
Primeiros Socorros Modulo IV
 

Viewers also liked

Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Marcello Cardoso
 
Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Hudson Augusto
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Horácio Soares
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01Marcello Cardoso
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Reinaldo Ferraz
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Hudson Augusto
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015Reinaldo Ferraz
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Marcello Cardoso
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistasMarcello Cardoso
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Marcello Cardoso
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGELuiz Agner
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebPaulo Coimbra
 
Usabilidade 5 - Análise Heurística
Usabilidade 5 - Análise HeurísticaUsabilidade 5 - Análise Heurística
Usabilidade 5 - Análise HeurísticaMarcello Cardoso
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeMarcello Cardoso
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Marcello Cardoso
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 

Viewers also liked (20)

Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06Una - Testes de usabilidade - aula 06
Una - Testes de usabilidade - aula 06
 
Aula 2 final
Aula 2 finalAula 2 final
Aula 2 final
 
Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013Avaliação dos SIC das cidades de São Paulo - 2013
Avaliação dos SIC das cidades de São Paulo - 2013
 
Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012Mobile first - W3C WEB.BR 2012
Mobile first - W3C WEB.BR 2012
 
UNA - Eng Usa '12 - aula 01
UNA  - Eng Usa '12 - aula 01UNA  - Eng Usa '12 - aula 01
UNA - Eng Usa '12 - aula 01
 
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
Passado, Presente e Futuro da Web - Centro Universitário Unimonte 2015
 
Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015Lei de Acesso a Informação - Agosto 2015
Lei de Acesso a Informação - Agosto 2015
 
HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015HTML5, Mobile Web e além - Computer on the beach 2015
HTML5, Mobile Web e além - Computer on the beach 2015
 
W3C Acessibilidade
W3C AcessibilidadeW3C Acessibilidade
W3C Acessibilidade
 
Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02Una - Testes de usabilidade - aula 01 e 02
Una - Testes de usabilidade - aula 01 e 02
 
DI - Questionários e entrevistas
DI - Questionários e entrevistasDI - Questionários e entrevistas
DI - Questionários e entrevistas
 
IHM ENGENHARIA
IHM ENGENHARIAIHM ENGENHARIA
IHM ENGENHARIA
 
Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03Una - Testes de usabilidade - aula 03
Una - Testes de usabilidade - aula 03
 
Acessibilidade na Web
Acessibilidade na WebAcessibilidade na Web
Acessibilidade na Web
 
Usabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGEUsabilidade: Palestra no auditório do IBGE
Usabilidade: Palestra no auditório do IBGE
 
Usabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos WebUsabilidade para Pequenos e Médios Projetos Web
Usabilidade para Pequenos e Médios Projetos Web
 
Usabilidade 5 - Análise Heurística
Usabilidade 5 - Análise HeurísticaUsabilidade 5 - Análise Heurística
Usabilidade 5 - Análise Heurística
 
Usabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de UsabilidadeUsabilidade 7-8 - Teste de Usabilidade
Usabilidade 7-8 - Teste de Usabilidade
 
Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04Una - Testes de usabilidade - aula 04
Una - Testes de usabilidade - aula 04
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 

Similar to Avaliando a Comunicabilidade da Interface

MTA2 - Análise Heurística
MTA2 - Análise HeurísticaMTA2 - Análise Heurística
MTA2 - Análise HeurísticaMarcello Cardoso
 
MTA2 - Questionários e Entrevistas
MTA2 - Questionários e EntrevistasMTA2 - Questionários e Entrevistas
MTA2 - Questionários e EntrevistasMarcello Cardoso
 
PAAI/DI - 05 - Prototipação
PAAI/DI - 05 - PrototipaçãoPAAI/DI - 05 - Prototipação
PAAI/DI - 05 - PrototipaçãoMarcello Cardoso
 
Una - Testes de usabilidade - aula 05
Una - Testes de usabilidade - aula 05Una - Testes de usabilidade - aula 05
Una - Testes de usabilidade - aula 05Marcello Cardoso
 
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Marcello Cardoso
 
UNA - Eng Usa '12 - aula 05
UNA  - Eng Usa '12 - aula 05UNA  - Eng Usa '12 - aula 05
UNA - Eng Usa '12 - aula 05Marcello Cardoso
 
Newton Paiva - DI - Aula 04
Newton Paiva - DI - Aula 04Newton Paiva - DI - Aula 04
Newton Paiva - DI - Aula 04Marcello Cardoso
 
MTA2 - Fatiando o produto com User Story Mapping
MTA2 - Fatiando o produto com User Story MappingMTA2 - Fatiando o produto com User Story Mapping
MTA2 - Fatiando o produto com User Story MappingMarcello Cardoso
 
Newton Paiva - DI - Aula 03
Newton Paiva - DI - Aula 03Newton Paiva - DI - Aula 03
Newton Paiva - DI - Aula 03Marcello Cardoso
 
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...Leinylson Fontinele
 
PAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionáriosPAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionáriosMarcello Cardoso
 
PAAI/DI - 06 - Analise Heuristica
PAAI/DI - 06 -  Analise HeuristicaPAAI/DI - 06 -  Analise Heuristica
PAAI/DI - 06 - Analise HeuristicaMarcello Cardoso
 
UNA - Eng Usa '12 - aula 04
UNA  - Eng Usa '12 - aula 04UNA  - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 04Marcello Cardoso
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02Marcello Cardoso
 

Similar to Avaliando a Comunicabilidade da Interface (20)

MTA2 - Percurso Cognitivo
MTA2 - Percurso CognitivoMTA2 - Percurso Cognitivo
MTA2 - Percurso Cognitivo
 
MTA2 - Análise Heurística
MTA2 - Análise HeurísticaMTA2 - Análise Heurística
MTA2 - Análise Heurística
 
MTA2 - Card Sorting
MTA2 - Card SortingMTA2 - Card Sorting
MTA2 - Card Sorting
 
MTA2 - Questionários e Entrevistas
MTA2 - Questionários e EntrevistasMTA2 - Questionários e Entrevistas
MTA2 - Questionários e Entrevistas
 
PAAI/DI - 05 - Prototipação
PAAI/DI - 05 - PrototipaçãoPAAI/DI - 05 - Prototipação
PAAI/DI - 05 - Prototipação
 
Una - Testes de usabilidade - aula 05
Una - Testes de usabilidade - aula 05Una - Testes de usabilidade - aula 05
Una - Testes de usabilidade - aula 05
 
Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06Newton Paiva - DI - Aula 06
Newton Paiva - DI - Aula 06
 
UNA - Eng Usa '12 - aula 05
UNA  - Eng Usa '12 - aula 05UNA  - Eng Usa '12 - aula 05
UNA - Eng Usa '12 - aula 05
 
Newton Paiva - DI - Aula 04
Newton Paiva - DI - Aula 04Newton Paiva - DI - Aula 04
Newton Paiva - DI - Aula 04
 
Una testes - aula 07 e 08
Una   testes - aula 07 e 08Una   testes - aula 07 e 08
Una testes - aula 07 e 08
 
MTA2 - Fatiando o produto com User Story Mapping
MTA2 - Fatiando o produto com User Story MappingMTA2 - Fatiando o produto com User Story Mapping
MTA2 - Fatiando o produto com User Story Mapping
 
Newton Paiva - DI - Aula 03
Newton Paiva - DI - Aula 03Newton Paiva - DI - Aula 03
Newton Paiva - DI - Aula 03
 
PAAI/DI - 02 - Personas
PAAI/DI - 02 - PersonasPAAI/DI - 02 - Personas
PAAI/DI - 02 - Personas
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...
DESENVOLVIMENTO E AVALIAÇÃO DE DESEMPENHO DO MECANISMO DE RECONHECIMENTO AUTO...
 
PAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionáriosPAAI/DI - 02 - Entrevistas e questionários
PAAI/DI - 02 - Entrevistas e questionários
 
PAAI/DI - 06 - Analise Heuristica
PAAI/DI - 06 -  Analise HeuristicaPAAI/DI - 06 -  Analise Heuristica
PAAI/DI - 06 - Analise Heuristica
 
UNA - Eng Usa '12 - aula 04
UNA  - Eng Usa '12 - aula 04UNA  - Eng Usa '12 - aula 04
UNA - Eng Usa '12 - aula 04
 
UNA - Eng Usa '12 - aula 02
UNA  - Eng Usa '12 - aula 02UNA  - Eng Usa '12 - aula 02
UNA - Eng Usa '12 - aula 02
 
08 percurso cognitivo
08 percurso cognitivo08 percurso cognitivo
08 percurso cognitivo
 

More from Marcello Cardoso

Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOMarcello Cardoso
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMMarcello Cardoso
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de InteraçãoMarcello Cardoso
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
Palestra o marketing não funciona mais sozinho - Fumsoft
Palestra   o marketing não funciona mais sozinho - FumsoftPalestra   o marketing não funciona mais sozinho - Fumsoft
Palestra o marketing não funciona mais sozinho - FumsoftMarcello Cardoso
 
UNA - Eng Usa '12 - aula 03
UNA  - Eng Usa '12 - aula 03UNA  - Eng Usa '12 - aula 03
UNA - Eng Usa '12 - aula 03Marcello Cardoso
 
Newton Paiva - DI - Aula 02
Newton Paiva - DI - Aula 02Newton Paiva - DI - Aula 02
Newton Paiva - DI - Aula 02Marcello Cardoso
 
Newton Paiva - DI - Aula 05
Newton Paiva - DI - Aula 05Newton Paiva - DI - Aula 05
Newton Paiva - DI - Aula 05Marcello Cardoso
 
Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Marcello Cardoso
 

More from Marcello Cardoso (14)

Aula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTOAula 3 - DEFININDO O PRODUTO
Aula 3 - DEFININDO O PRODUTO
 
Engenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PMEngenharia dos cargos de UI, UX, PM
Engenharia dos cargos de UI, UX, PM
 
Personas 2019
Personas 2019Personas 2019
Personas 2019
 
Tudo sobre Design de Interação
Tudo sobre Design de InteraçãoTudo sobre Design de Interação
Tudo sobre Design de Interação
 
Framework Cardoso
Framework CardosoFramework Cardoso
Framework Cardoso
 
User Story Mapping
User Story MappingUser Story Mapping
User Story Mapping
 
Card Sorting
Card SortingCard Sorting
Card Sorting
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
Prototipação
PrototipaçãoPrototipação
Prototipação
 
Palestra o marketing não funciona mais sozinho - Fumsoft
Palestra   o marketing não funciona mais sozinho - FumsoftPalestra   o marketing não funciona mais sozinho - Fumsoft
Palestra o marketing não funciona mais sozinho - Fumsoft
 
UNA - Eng Usa '12 - aula 03
UNA  - Eng Usa '12 - aula 03UNA  - Eng Usa '12 - aula 03
UNA - Eng Usa '12 - aula 03
 
Newton Paiva - DI - Aula 02
Newton Paiva - DI - Aula 02Newton Paiva - DI - Aula 02
Newton Paiva - DI - Aula 02
 
Newton Paiva - DI - Aula 05
Newton Paiva - DI - Aula 05Newton Paiva - DI - Aula 05
Newton Paiva - DI - Aula 05
 
Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01Newton Paiva - DI - Aula 01
Newton Paiva - DI - Aula 01
 

Avaliando a Comunicabilidade da Interface

  • 1. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Engenharia semiótica Método de Inspeção Semiótica Pós-Graduação em Design de Interação IEC - INSTITUTO DE EDUCAÇÃO CONTINUADA Métodos e Técnicas de Avaliação II Marcello de Campos Cardoso | www.mcardoso.com.br | mcardoso@gmail.com Tuesday, September 27, 2011
  • 2. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Plano de curso 1ª Apresentação do curso, aquecimento e posicionamento teórico - 2ª Questionários e entrevistas 15pts 3ª Separando releases: User Story Mapping - 4ª User Story Mapping: Workshop 15pts 5ª Definindo a arquitetura da informação - Card Sorting 15pts 6ª Card Sorting: Workshop - 7ª Análise Heurística: Perguntando a especialistas: Workshop 15pts 8ª Percurso cognitivo: Avaliando tarefas 10pts 9ª Engenharia semiótica - Método de Inspeção Semiótica 10pts 10ª Apresentação final 20pts Tuesday, September 27, 2011
  • 3. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Questionários Percurso e ing entrevistas Cognitivo ark Card Sorting chm Ben to jam isa to en o ne qu çã en lvim lida pla pes vo sen va de Stor ototipação pr MnIçSo Semiótica map y Análise Heur Mét odo de I spe ã ping onas ística pers Tuesday, September 27, 2011
  • 4. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Método de Inspeção Semiótica Avaliando a comunicabilidade da interface Tuesday, September 27, 2011
  • 5. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Método de Inspeção Semiótica (MIS) Método da Engenharia Semiótica para inspeção de sistemas, com foco para identificação de rupturas na comunicação dos elementos, ações e respostas de uma interface. Tuesday, September 27, 2011
  • 6. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Engenharia Semiótica (EngSem) É uma teoria explicativa de IHC, ou seja uma teoria que nos permite compreender fenômenos envolvidos no design, uso e compreensão de um sistema interativo. A EngSem trata com artefatos intelectuais e busca a comunicabilidade. Tuesday, September 27, 2011
  • 7. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Diferenças entre EngUsa e EngSem Engenharia de Usabilidade busca avaliar a usabilidade (facilidade de uso) Engenharia Semiótica foca na comunicabilidade (compreensão) Tuesday, September 27, 2011
  • 8. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Comunicabilidade A comunicabilidade de um sistema se refere à capacidade de o projetista conseguir transmitir aos usuários, através da interface, o design tal como concebido por ele. Propriedade de um sistema transmitir ao usuário de forma eficaz e eficiente as intenções e princípios de interação que guiaram o seu design [Prates et al. 2000] Tuesday, September 27, 2011
  • 9. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Artefato intelectual Possui uma codificação projetada que deve ser interpretada para a solução das situações propostas pelo mesmo. A codificação é linguística, ou seja, baseada em um sistema de símbolos que possa ser interpretado por regras semânticas consistentes. Tuesday, September 27, 2011
  • 10. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 11. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 12. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 13. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 14. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 15. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 16. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 17. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Artefato intelectual na EngSem 1. O artefato deve ser descrito em alguma linguagem artificial que seja processada por um computador; 2. A linguagem de interface com a qual o usuário vai interagir é sempre única e, logo, nova para o usuário; 3. o artefato se caracteriza como sendo de meta-comunicação. A interface de um sistema é entendida como um caso de meta- comunicação, uma vez que comunica ao usuário a visão do projetista sobre a quem ela se destina Tuesday, September 27, 2011
  • 18. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Artefato intelectual na EngSem Em outras palavras, a interface de um sistema é uma mensagem do designer para o usuário cujo conteúdo é [de Souza 95:84]: Tuesday, September 27, 2011
  • 19. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Artefato intelectual na EngSem “Esta é a minha interpretação sobre quem você é, o que eu entendi que você quer ou precisa fazer, de que formas prefere fazê-lo e por quê. Eis, portanto, o sistema que conseqüentemente concebi para você, o qual você pode ou deve usar assim, a fim de realizar uma série de objetivos associados com esta (minha) visão. Tuesday, September 27, 2011
  • 20. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Baixa comunicabilidade na interface Em cada momento que o usuário não entende a intenção do designer, há uma ruptura na comunicação entre ambos. Quanto mais frequente e severas estas rupturas, mais baixa é a comunicabilidade na interface. Tuesday, September 27, 2011
  • 21. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 22. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS: Pra que serve No MIS, o avaliador examina a meta-comunicação do designer para o usuário com o objetivo de identificar se existem rupturas de comunicação para melhor reconstruir esta mensagem [de Souza et al. 2006]. Tuesday, September 27, 2011
  • 23. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 24. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS: O que avaliar O inspetor avalia a interface através de seus SIGNOS, classificando-os em 3 diferentes níveis: 1) Estáticos - expressam o estado do sistema, podem ser percebidos apenas de olhar para interface (ex. botões desabilitados) 2) Dinâmicos - expressam o comportamento do sistema e só podem ser percebidos quando o usuário interage com o sistema (contador de caracteres no twitter). 3) de meta-comunicação - Ajuda e documentação Tuesday, September 27, 2011
  • 25. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS: Como aplicar A aplicação do MIS acontece em 5 passos Tuesday, September 27, 2011
  • 26. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - 1º passo Inspeção dos signos de meta-comunicação (ajuda), para determinar: Quem é o usuário-alvo Para que serve o sistema O que o sistema oferece Tuesday, September 27, 2011
  • 27. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 28. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 29. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 30. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 31. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - 2º passo Inspeção de signos estáticos: verificar se os elementos fundamentais e visíveis da interface são compreensíveis e atentem ao perfil e objetivos no passo 1. Tuesday, September 27, 2011
  • 32. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 33. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - 3º passo Inspeção dos signos dinâmicos: observar os feedbacks das ações dos usuários, se são compreensíveis e atentem ao perfil e objetivos no passo 1. Tuesday, September 27, 2011
  • 34. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 35. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - 4º passo Busca de inconsistência na linguagem dos signos (se deletar em um lugar é remover em outro, se na documentação de ajuda há algo desatualizado, se o feedback, formato e linguagem de botões, links, navegações varia sem motivo) Tuesday, September 27, 2011
  • 36. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 37. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 38. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 39. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 40. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - 5º passo Relatório - Identificar os principais elementos da interface (signos), os possíveis ruídos que podem causar e recomendações de melhoria. Tuesday, September 27, 2011
  • 41. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 42. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso Tuesday, September 27, 2011
  • 43. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso MIS - Considerações Pela robustez da técnica, para sistemas grandes, designer deve escolher uma parte crítica do sistema a avaliar, onde a interação seja mais complexa. O inspetor fala pelo usuário, portanto deve ser experiente no comportamento do mesmo. A técnica pode ser aplicada solo ou em grupo. Tuesday, September 27, 2011
  • 44. Métodos e Técnicas de Avaliação 2 / Marcello Cardoso igad o! o br Este arquivo contém a apresentação realizada por Marcello de Campos Cardoso, em Setembro de 2011, para a disciplina Métodos e Técnicas de Avaliação 2, ministrada no curso de especialização em Design de Interação, no Instituto de Educação Continuada (IEC) na Pontifícia Universidade Católica de Minas Gerais (PUC-MG). Tuesday, September 27, 2011