SlideShare una empresa de Scribd logo
1 de 29
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

Más contenido relacionado

La actualidad más candente

Comandos e dicas do prompt de comando (cmd)
Comandos e dicas do prompt de comando (cmd)Comandos e dicas do prompt de comando (cmd)
Comandos e dicas do prompt de comando (cmd)
marcosdcl
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
Sidney Roberto
 
Teclas de atalho e de funções do excel
Teclas de atalho e de funções do excelTeclas de atalho e de funções do excel
Teclas de atalho e de funções do excel
Marcos Santos
 

La actualidad más candente (20)

Ihc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihcIhc2016.2 aula 1 introdução a ihc
Ihc2016.2 aula 1 introdução a ihc
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Experiência do usuário
Experiência do usuárioExperiência do usuário
Experiência do usuário
 
Aula 4 - Avaliação de Interface - Parte 1
Aula 4 -  Avaliação de Interface - Parte 1Aula 4 -  Avaliação de Interface - Parte 1
Aula 4 - Avaliação de Interface - Parte 1
 
IHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de DesignIHC - Slide 2 - Usabilidade e Princípios de Design
IHC - Slide 2 - Usabilidade e Princípios de Design
 
Comandos e dicas do prompt de comando (cmd)
Comandos e dicas do prompt de comando (cmd)Comandos e dicas do prompt de comando (cmd)
Comandos e dicas do prompt de comando (cmd)
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Aula: Evolução das interfaces
Aula: Evolução das interfacesAula: Evolução das interfaces
Aula: Evolução das interfaces
 
O que é Interação Humano-Computador?
O que é Interação Humano-Computador?O que é Interação Humano-Computador?
O que é Interação Humano-Computador?
 
Design de interação
Design de interaçãoDesign de interação
Design de interação
 
Aula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de UsuárioAula 6 - Design e Processo de Design de Interfaces de Usuário
Aula 6 - Design e Processo de Design de Interfaces de Usuário
 
Mini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos MóveisMini Curso - Design de Interface para Dispositivos Móveis
Mini Curso - Design de Interface para Dispositivos Móveis
 
Heurística de Nielsen
Heurística de NielsenHeurística de Nielsen
Heurística de Nielsen
 
Percurso cognitivo
Percurso cognitivoPercurso cognitivo
Percurso cognitivo
 
Sistemas Operacionais
Sistemas OperacionaisSistemas Operacionais
Sistemas Operacionais
 
Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01Projeto de Interfaces - Aula 01
Projeto de Interfaces - Aula 01
 
Banco de questões qualidade de software
Banco de questões qualidade de softwareBanco de questões qualidade de software
Banco de questões qualidade de software
 
Teclas de atalho e de funções do excel
Teclas de atalho e de funções do excelTeclas de atalho e de funções do excel
Teclas de atalho e de funções do excel
 
Aula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-MáquinaAula 1. Introdução: Interface Homem-Máquina
Aula 1. Introdução: Interface Homem-Máquina
 
Selection Sort
Selection SortSelection Sort
Selection Sort
 

Destacado

Design de interação e usabilidade
Design de interação e usabilidadeDesign de interação e usabilidade
Design de interação e usabilidade
InformantTalks
 

Destacado (17)

Affordance
AffordanceAffordance
Affordance
 
"O conceito de affordance, segundo Gibson."- Bruna Reginato, Giancarlo Rizzi,...
"O conceito de affordance, segundo Gibson."- Bruna Reginato, Giancarlo Rizzi,..."O conceito de affordance, segundo Gibson."- Bruna Reginato, Giancarlo Rizzi,...
"O conceito de affordance, segundo Gibson."- Bruna Reginato, Giancarlo Rizzi,...
 
Affordances
AffordancesAffordances
Affordances
 
IHC - Java Interface com o Usuário (Parte 2)
IHC - Java Interface com o Usuário (Parte 2)IHC - Java Interface com o Usuário (Parte 2)
IHC - Java Interface com o Usuário (Parte 2)
 
Affordances 2012
Affordances 2012Affordances 2012
Affordances 2012
 
Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!Design de Interação: O que você tem a ver com isso?!
Design de Interação: O que você tem a ver com isso?!
 
Fatenp ihc-aula4
Fatenp ihc-aula4Fatenp ihc-aula4
Fatenp ihc-aula4
 
Fatores Humanos (IHC)
Fatores Humanos (IHC)Fatores Humanos (IHC)
Fatores Humanos (IHC)
 
ICH - Aula5
ICH - Aula5ICH - Aula5
ICH - Aula5
 
Affordances (propiciação) em interfaces digitais
Affordances (propiciação) em interfaces digitaisAffordances (propiciação) em interfaces digitais
Affordances (propiciação) em interfaces digitais
 
O Processo do Design de Interação
O Processo do Design de InteraçãoO Processo do Design de Interação
O Processo do Design de Interação
 
Aula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de InteraçãoAula - Interfaces e Estilos de Interação
Aula - Interfaces e Estilos de Interação
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Design de interação e usabilidade
Design de interação e usabilidadeDesign de interação e usabilidade
Design de interação e usabilidade
 
Recomendações de usabilidade e prototipagem de nova interface baseada na cons...
Recomendações de usabilidade e prototipagem de nova interface baseada na cons...Recomendações de usabilidade e prototipagem de nova interface baseada na cons...
Recomendações de usabilidade e prototipagem de nova interface baseada na cons...
 
Princípios de Design de Interação
Princípios de Design de InteraçãoPrincípios de Design de Interação
Princípios de Design de Interação
 
O relatório psicológico deve conter, modelo de laudo
O relatório psicológico deve conter, modelo de laudoO relatório psicológico deve conter, modelo de laudo
O relatório psicológico deve conter, modelo de laudo
 

Similar a Aula Teste sobre IHC, usabilidade e affordance

Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
Jesse Teixeira
 

Similar a Aula Teste sobre IHC, usabilidade e affordance (20)

CEDUS - Abril 2009­
CEDUS - Abril 2009­CEDUS - Abril 2009­
CEDUS - Abril 2009­
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
Aula 3 – A áera de IHC
Aula 3 – A áera de IHCAula 3 – A áera de IHC
Aula 3 – A áera de IHC
 
Aula5 ihm
Aula5 ihmAula5 ihm
Aula5 ihm
 
Ux design - Conceitos Básicos
Ux design - Conceitos BásicosUx design - Conceitos Básicos
Ux design - Conceitos Básicos
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
Design para o Comportamento
Design para o ComportamentoDesign para o Comportamento
Design para o Comportamento
 
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuárioDesign de Interação - Entendendo, conceituando e abordagem centrada no usuário
Design de Interação - Entendendo, conceituando e abordagem centrada no usuário
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
Design para o Comportamento - uma alternativa ao Design da Experiência do Usu...
 
Interação Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturaisInteração Homem-Computador - Interfaces naturais
Interação Homem-Computador - Interfaces naturais
 
Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7Campus Party_Design do dia a dia #Cpbr7
Campus Party_Design do dia a dia #Cpbr7
 
O que é design de interação
O que é design de interaçãoO que é design de interação
O que é design de interação
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquina
 
Projeto final
Projeto finalProjeto final
Projeto final
 
Projeto final
Projeto finalProjeto final
Projeto final
 
Projeto final
Projeto finalProjeto final
Projeto final
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
User Experience Boot Camp
User Experience Boot CampUser Experience Boot Camp
User Experience Boot Camp
 
Campus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidadeCampus Mobile 2013 - Design e usabilidade
Campus Mobile 2013 - Design e usabilidade
 

Más de Christopher Cerqueira

[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
Christopher Cerqueira
 

Más de Christopher Cerqueira (20)

MICRO SATÉLITES BRASILEIROS, ELES EXISTEM?
MICRO SATÉLITES BRASILEIROS, ELES EXISTEM?MICRO SATÉLITES BRASILEIROS, ELES EXISTEM?
MICRO SATÉLITES BRASILEIROS, ELES EXISTEM?
 
Jornada Espacial 2018 - Cubesats: o que são e pra que servem
Jornada Espacial 2018 - Cubesats: o que são e pra que servemJornada Espacial 2018 - Cubesats: o que são e pra que servem
Jornada Espacial 2018 - Cubesats: o que são e pra que servem
 
CI2018_Simuladores
CI2018_Simuladores CI2018_Simuladores
CI2018_Simuladores
 
CI2018_MBSE4.0
CI2018_MBSE4.0CI2018_MBSE4.0
CI2018_MBSE4.0
 
[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
[Thesis] Tangible Collaboration applied in Space Systems Concurrent Engineeri...
 
XV Jornada do Espaço
XV Jornada do EspaçoXV Jornada do Espaço
XV Jornada do Espaço
 
Using Finite State Machines From Concept to Realization
Using Finite State Machines From Concept to RealizationUsing Finite State Machines From Concept to Realization
Using Finite State Machines From Concept to Realization
 
So 01 - processos
So   01 - processosSo   01 - processos
So 01 - processos
 
Redes 05 - aplicação
Redes   05 - aplicaçãoRedes   05 - aplicação
Redes 05 - aplicação
 
Redes 04 - transporte
Redes   04 - transporteRedes   04 - transporte
Redes 04 - transporte
 
Redes 03 - rede
Redes   03 - redeRedes   03 - rede
Redes 03 - rede
 
Redes 02 - enlace
Redes   02 - enlaceRedes   02 - enlace
Redes 02 - enlace
 
Redes 01 - topologia
Redes   01 - topologiaRedes   01 - topologia
Redes 01 - topologia
 
Intro heuristica
Intro heuristicaIntro heuristica
Intro heuristica
 
[Ci2017] Simuladores de Satélites
[Ci2017] Simuladores de Satélites[Ci2017] Simuladores de Satélites
[Ci2017] Simuladores de Satélites
 
MBSE e Espaço 4.0
MBSE e Espaço 4.0MBSE e Espaço 4.0
MBSE e Espaço 4.0
 
A Model Based Concurrent Engineering Framework using ISO-19450 Standard
A Model Based Concurrent Engineering Framework using ISO-19450 StandardA Model Based Concurrent Engineering Framework using ISO-19450 Standard
A Model Based Concurrent Engineering Framework using ISO-19450 Standard
 
Introdução à Engenharia Espacial
Introdução à Engenharia EspacialIntrodução à Engenharia Espacial
Introdução à Engenharia Espacial
 
CubeSats e Software Embarcado
CubeSats e Software EmbarcadoCubeSats e Software Embarcado
CubeSats e Software Embarcado
 
Modelos e metodologias de projeto de sistemas
 Modelos e metodologias de projeto de sistemas Modelos e metodologias de projeto de sistemas
Modelos e metodologias de projeto de sistemas
 

Aula Teste sobre IHC, usabilidade e affordance

  • 1. 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 is no longer the basis of value. The experience is.” Venkat Ramaswamy The Future of Competition 4
  • 5. VALOR DE UMA BOA EXPERIÊ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 É SOBRE VOCÊ 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ário vê 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ção de padrões 2. Significar cognitivamente 3. Raciocinar 4. Aplicar heurísticas 5. Memorizar 6. Reagir 14
  • 15. 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/
  • 16. E DESENVOLVER ENVOLVE... Múltiplos fatores: • Organizacionais • Sociais • Ambientais • Segurança • Humanos • Funcionalidade do sistema • Produtividade 16
  • 17. DISCIPLINAS • Psicologia • Ergonomia ou 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 bem os 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 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
  • 24. 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. 25
  • 26. 26
  • 27. 27
  • 28. 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
  • 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