1
Aula x: IHC_usab_p1


                                Fatores humanos,
                                     sociais e
                              interdisciplinaridade
                             na interação humano-
                                   computador

                     Christopher S. Cerqueira
        Federal University of Itajubá – Universidade Federal de Itajubá (UNIFEI)
National Institute for Space Research – Instituto Nacional de Pesquisas Espaciais (INPE)
                             christophercerqueira@gmail.com
                                 http://cscerqueira.com.br




                                                                                           2
OVERVIEW
•   Aula Exemplo
•   IHC – Produto
•   Design Interativo
•   Percepção
•   Interdisciplinaridade
•   Fatores Humanos – Usabilidade
•   Affordance



                                    3
“The product is no
longer the basis of value.
   The experience is.”
                   Venkat Ramaswamy
              The Future of Competition




                                          4
VALOR DE UMA
BOA EXPERIÊNCIA




                  5
DESIGN INTERATIVO


   “Designing interactive
products to support people in
 their everyday and working
            lives”

 Preece, J., (2002). Interaction Design




                                          6
IHC – INTERAÇÃO
HOMEM-COMPUTADOR
  Estudo da interação entre pessoas e
            computadores.




                                        7
INTERAÇÃO ENVOLVE
Três pontos:
• O que você quer? – Como você afeta o
  mundo?
• O que você sente? – O que você sente
  do mundo?
• O que você sabe? – O que você
  aprende?




                                         8
DESIGN INTERATIVO É
SOBRE VOCÊ
Usuários devem se
envolver.
Considerar as
necessidades do
usuário.




                      9
3 NÍVEIS
           Lógico: Resolvem,
           solucionam, facilitam.

           Emocional: Satisfazem
           necessidades e desejos
           afetivos.

           Visceral: resolvem
           questões fundamentais,
           sem consciência.
           Impulso.




                                    10
O QUE É INTERAÇÃO?
Troca de informação entre dois ou
mais participantes.


“Processo iterativo de escutar, pensar
e falar entre dois ou mais atores”
(Chris Crawford)




                                         11
Usuário                Sistema


          Mensagens       Texto, som,
                         cores, visual,
                         mecânico ou
                            fisico.

                      Interface




                                          12
Como o usuário vê mensagens do
 sistema, e como o sistema vê as
Usuário                Sistema
     mensagens do usuário?


           Mensagens




                       Interface




                                   13
PERCEPÇÃO HUMANA
1. Decodificação de padrões
2. Significar cognitivamente
3. Raciocinar
4. Aplicar heurísticas
5. Memorizar
6. Reagir




                               14
MAS QUEM DESENVOLVE IHC?
UX Developer – User Experience
  • A pessoa que caminha entra o design e
    a tecnologia.




                                                                                      15
                       http://blog.alexandremagno.net/2013/02/o-que-seria-um-ux-developer/
E DESENVOLVER
ENVOLVE...
Múltiplos fatores:
 • Organizacionais
 • Sociais
 • Ambientais
 • Segurança
 • Humanos
 • Funcionalidade do sistema
 • Produtividade




                               16
DISCIPLINAS
• Psicologia
• Ergonomia ou Fatores Humanos
• X Computação
• Crescente influência
     •   IA
     •   Linguística
     •   Filosofia/Sociologia/Antropologia
     •   Engenharia e Design




                                             17
MULTI-ULTRA-INTER-DISCIPLINAR

                 Arte/Design


  Engenharias                     Psicologia



   Educação                        Sociologia



        Médica                 Semiótica




                                                18
FATORES HUMANOS(US)
OU ERGONOMIA(EUROPA)
• Estudo do comportamento e reações do
  homem em relação ao ambiente.
• + Design: produto atrativo e amigável.
               • User-friendly


• Ergonomia física: biomecânica.
• Ergonomia cognitiva: carga mental.




                                           19
Engenharia
Ergonomia
              Usabilidade       de
de Software
                            Usabilidade




                                          20
USABILIDADE
O quão bem os usuários podem usar uma
funcionalidade definida
Atributos:
 • Facilidade de aprendizado
 • Eficiência
 • Facilidade de memorização
 • Erros
 • Satisfação subjetiva




                                        21
MÉTRICAS
O teste de usabilidade pode levantar
diferentes métricas a serem avaliadas:
 • tempo de execução de tarefas
 • taxa de erro na execução de tarefas
 • severidade dos erros encontrados
 • taxa de conclusão da tarefa
 • número de cliques para uma tarefa




                                         22
ESPERA.... VISCERAL?




                       23
AFFORDANCE
Atributo de um objeto que permite às pessoas
aferir como utilizá-lo.
Dicas de uso:
• Como utilizar e interagir (cores, formas)
• Refletem motivações profundas
• Centrados na experiência e refletem necessidades
  do usuário
• Algo que não fazia sentido, passa a fazer




                                                     24
25
26
27
ATIVIDADE EXEMPLO:
Discutir a usabilidade
pelos atributos:
 1. Facilidade de
    aprendizado
 2. Eficiência
 3. Facilidade de
    memorização
 4. Erros
 5. Satisfação subjetiva




                           28
Vídeo interessante:
                                                 Teste de usabilidade de frutas:
                                                   http://youtu.be/3Qg80qTfzgU




                     Christopher S. Cerqueira
        Federal University of Itajubá – Universidade Federal de Itajubá (UNIFEI)
National Institute for Space Research – Instituto Nacional de Pesquisas Espaciais (INPE)
                             christophercerqueira@gmail.com




                                                                                           29
                                 http://cscerqueira.com.br

Aula Teste sobre IHC, usabilidade e affordance

  • 1.
  • 2.
    Aula x: IHC_usab_p1 Fatores humanos, sociais e interdisciplinaridade na interação humano- computador Christopher S. Cerqueira Federal University of Itajubá – Universidade Federal de Itajubá (UNIFEI) National Institute for Space Research – Instituto Nacional de Pesquisas Espaciais (INPE) christophercerqueira@gmail.com http://cscerqueira.com.br 2
  • 3.
    OVERVIEW • Aula Exemplo • IHC – Produto • Design Interativo • Percepção • Interdisciplinaridade • Fatores Humanos – Usabilidade • Affordance 3
  • 4.
    “The product isno longer the basis of value. The experience is.” Venkat Ramaswamy The Future of Competition 4
  • 5.
    VALOR DE UMA BOAEXPERIÊNCIA 5
  • 6.
    DESIGN INTERATIVO “Designing interactive products to support people in their everyday and working lives” Preece, J., (2002). Interaction Design 6
  • 7.
    IHC – INTERAÇÃO HOMEM-COMPUTADOR Estudo da interação entre pessoas e computadores. 7
  • 8.
    INTERAÇÃO ENVOLVE Três pontos: •O que você quer? – Como você afeta o mundo? • O que você sente? – O que você sente do mundo? • O que você sabe? – O que você aprende? 8
  • 9.
    DESIGN INTERATIVO É SOBREVOCÊ Usuários devem se envolver. Considerar as necessidades do usuário. 9
  • 10.
    3 NÍVEIS Lógico: Resolvem, solucionam, facilitam. Emocional: Satisfazem necessidades e desejos afetivos. Visceral: resolvem questões fundamentais, sem consciência. Impulso. 10
  • 11.
    O QUE ÉINTERAÇÃO? Troca de informação entre dois ou mais participantes. “Processo iterativo de escutar, pensar e falar entre dois ou mais atores” (Chris Crawford) 11
  • 12.
    Usuário Sistema Mensagens Texto, som, cores, visual, mecânico ou fisico. Interface 12
  • 13.
    Como o usuáriovê mensagens do sistema, e como o sistema vê as Usuário Sistema mensagens do usuário? Mensagens Interface 13
  • 14.
    PERCEPÇÃO HUMANA 1. Decodificaçãode padrões 2. Significar cognitivamente 3. Raciocinar 4. Aplicar heurísticas 5. Memorizar 6. Reagir 14
  • 15.
    MAS QUEM DESENVOLVEIHC? UX Developer – User Experience • A pessoa que caminha entra o design e a tecnologia. 15 http://blog.alexandremagno.net/2013/02/o-que-seria-um-ux-developer/
  • 16.
    E DESENVOLVER ENVOLVE... Múltiplos fatores: • Organizacionais • Sociais • Ambientais • Segurança • Humanos • Funcionalidade do sistema • Produtividade 16
  • 17.
    DISCIPLINAS • Psicologia • Ergonomiaou Fatores Humanos • X Computação • Crescente influência • IA • Linguística • Filosofia/Sociologia/Antropologia • Engenharia e Design 17
  • 18.
    MULTI-ULTRA-INTER-DISCIPLINAR Arte/Design Engenharias Psicologia Educação Sociologia Médica Semiótica 18
  • 19.
    FATORES HUMANOS(US) OU ERGONOMIA(EUROPA) •Estudo do comportamento e reações do homem em relação ao ambiente. • + Design: produto atrativo e amigável. • User-friendly • Ergonomia física: biomecânica. • Ergonomia cognitiva: carga mental. 19
  • 20.
    Engenharia Ergonomia Usabilidade de de Software Usabilidade 20
  • 21.
    USABILIDADE O quão bemos usuários podem usar uma funcionalidade definida Atributos: • Facilidade de aprendizado • Eficiência • Facilidade de memorização • Erros • Satisfação subjetiva 21
  • 22.
    MÉTRICAS O teste deusabilidade pode levantar diferentes métricas a serem avaliadas: • tempo de execução de tarefas • taxa de erro na execução de tarefas • severidade dos erros encontrados • taxa de conclusão da tarefa • número de cliques para uma tarefa 22
  • 23.
  • 24.
    AFFORDANCE Atributo de umobjeto que permite às pessoas aferir como utilizá-lo. Dicas de uso: • Como utilizar e interagir (cores, formas) • Refletem motivações profundas • Centrados na experiência e refletem necessidades do usuário • Algo que não fazia sentido, passa a fazer 24
  • 25.
  • 26.
  • 27.
  • 28.
    ATIVIDADE EXEMPLO: Discutir ausabilidade pelos atributos: 1. Facilidade de aprendizado 2. Eficiência 3. Facilidade de memorização 4. Erros 5. Satisfação subjetiva 28
  • 29.
    Vídeo interessante: Teste de usabilidade de frutas: http://youtu.be/3Qg80qTfzgU Christopher S. Cerqueira Federal University of Itajubá – Universidade Federal de Itajubá (UNIFEI) National Institute for Space Research – Instituto Nacional de Pesquisas Espaciais (INPE) christophercerqueira@gmail.com 29 http://cscerqueira.com.br