SlideShare uma empresa Scribd logo
1 de 67
Baixar para ler offline
Tecnologia em Sistemas para Internet - IFMS




Aula 01 – O que é Interação
  Humano-Computador?


   Interação Humano-Computador
   Prof.º Msc. Sidney Roberto de Sousa
Sumário

●   Interface Humano-Computador: Evolução
●   Interação Humano-Computador
●   Desafios da IHC
●   Objetivos da IHC
●   Princípios de Design




                  Tec. em Sistemas para Internet - IFMS   2
Interface Humano-Computador:
           Evolução




         Tec. em Sistemas para Internet - IFMS   3
Interfaces Humano-Computador até os anos 70




              Tec. em Sistemas para Internet - IFMS   4
Interfaces Humano-Computador até os anos 70




                                                      F !!
                                        UF
           S                          T
        RD
     NE
              Tec. em Sistemas para Internet - IFMS          5
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   6
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   7
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   8
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   9
Interfaces Humanos-Computador: 70-90




           Tec. em Sistemas para Internet - IFMS   10
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   11
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   12
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   13
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   14
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   15
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   16
Interfaces Humano-Computador: 70-90




          Tec. em Sistemas para Internet - IFMS   17
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   18
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   19
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   20
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   21
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   22
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   23
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   24
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   25
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   26
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   27
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   28
Interfaces Humano-Computador: Século XXI




             Tec. em Sistemas para Internet - IFMS   29
Interfaces Humano-Computador: Futuro?




           Tec. em Sistemas para Internet - IFMS   30
Interação Humano-Computador




        Tec. em Sistemas para Internet - IFMS   31
O que é interface?



Algo tangível, discreto e “palpável”...




                  Tec. em Sistemas para Internet - IFMS   32
O que é interface?



Algo tangível, discreto e “palpável”...


                                                          … será?




                  Tec. em Sistemas para Internet - IFMS             33
Preocupações inerentes a construção de interfaces




→ MAIOR NÚMERO DE FUNCIONALIDADES
                              vs
             USABILIDADE ←




                Tec. em Sistemas para Internet - IFMS   34
O que é interface?

 “lugar onde o contato entre duas entidades 
                   ocorre”


Ex.: tela de computador, maçaneta, torneira,
câmbio de carro, alça da bolsa, etc.




               Tec. em Sistemas para Internet - IFMS   35
O que é interface?

 “lugar onde o contato entre duas entidades 
                   ocorre”


Ex.: tela de computador, maçaneta, torneira,
câmbio de carro, alça da bolsa, etc.



               Tec. em Sistemas para Internet - IFMS   36
O que é interface?




câmbio de carro → feito para destros e canhotos?




                 Tec. em Sistemas para Internet - IFMS   37
O que é interface?

●   A forma da interface reflete o que pode ser
    feito com ela
●   Ex.: diversos formatos de maçanetas →
    formas distintas de se abrir portas




                   Tec. em Sistemas para Internet - IFMS   38
O que é interface?

           Abrir uma porta:


Humano (agente) (...) Porta (paciente)




            Tec. em Sistemas para Internet - IFMS   39
O que é interface?

                 Abrir uma porta:

Humano (agente) Maçaneta (interface) Porta (paciente)




                  Tec. em Sistemas para Internet - IFMS   40
O que é interface?

   Secar a mão em um secador automático:

Humano (agente) Sensor (interface) Secador (paciente)




                  Tec. em Sistemas para Internet - IFMS   41
O que é interface?

   Secar a mão em um secador automático:




                                   ?
Humano (agente) Sensor (interface) Secador (paciente)




                  Tec. em Sistemas para Internet - IFMS   42
O que é interface?

       Secar a mão em um secador automático:

Humano (agente ou paciente) Sensor (interface ou agente) Secador (paciente)




                          Tec. em Sistemas para Internet - IFMS         43
O que é interface?

    Assim, podemos definir interface como:


     “superfície de contato que reflete as 
propriedades físicas das partes que interagem, 
  as funções a serem executadas e o balanço 
    entre o poder e controle (Laurel, 1993)”



                Tec. em Sistemas para Internet - IFMS   44
Computador para o Usuário

●   Computadores bem projetados → aceitação e
    uso efetivo pelo usuário
●   Computadores projetados para um
    público-alvo → e não de propósito geral
    (quase impossível)
●   Necessário um nível de abstração a respeito
    do engenho do computador → analogamente
    à relação veículo-motorista


                  Tec. em Sistemas para Internet - IFMS   45
Computador para o Usuário

●   Melhoria no aspecto físico da interface do
    software → maior chance de sucesso no
    mercado!
●   Oferecer ao mercado softwares com
    interfaces user-friendly...
●   … mas, será que todos os softwares são tão
    user-friendly como seus criadores afirmam?



                   Tec. em Sistemas para Internet - IFMS   46
Interação Humano-Computador


   “é a disciplina preocupada com o design, 
    avaliação e implementação de sistemas 
computacionais interativos para uso humano e 
  com o estudo dos principais fenômenos ao 
  redor deles (Rocha & Baranauskas, 2003)”




                Tec. em Sistemas para Internet - IFMS   47
Interação Humano-Computador




        Tec. em Sistemas para Internet - IFMS   48
DESAFIOS DA IHC




   Tec. em Sistemas para Internet - IFMS   49
Boas notícias!

●   O mundo tecnológico não para de lançar
    novidades na área de dispositivos
    computacionais inteligentes e user-friendly!
●   A cada dia mais e mais pessoas usam
    dispositivos computacionais em seu dia a dia,
    tendo assim a informática não apenas como
    uma aliada, mas também como parte
    integrante de suas atividades rotineiras!


                   Tec. em Sistemas para Internet - IFMS   50
Boas notícias!
   Que legal! o/




 Tec. em Sistemas para Internet - IFMS   51
Boas notícias...?



           Mas...




  Tec. em Sistemas para Internet - IFMS   52
Más notícias...

●   Como dar conta da rápida evolução
    tecnológica?
●   Como garantir que os designs de interfaces
    ofereçam uma boa interação
    homem-computador ao mesmo tempo que
    exploram o potencial e funcionalidade da nova
    tecnologia?



                  Tec. em Sistemas para Internet - IFMS   53
Más notícias...

Como dar conta da rápida evolução




                      ?
tecnológica?
Como garantir que os designs de interfaces
ofereçam uma boa interação
homem-computador ao mesmo tempo que
exploram o potencial e funcionalidade da nova
tecnologia?



              Tec. em Sistemas para Internet - IFMS   54
OBJETIVOS DA IHC




   Tec. em Sistemas para Internet - IFMS   55
Objetivos

●   Produzir sistemas usáveis, seguros e funcionais
●   Ou seja, desenvolver ou melhorar a segurança,
    utilidade, efetividade e usabilidade de sistemas
    que incluem computadores
●   Sistema → hardware + software + todo ambiente
    que usa ou é afetado pelo uso da tecnologia
    computacional
●   O sistema implementado deve atingir a
    aceitabilidade geral

                    Tec. em Sistemas para Internet - IFMS   56
Aceitabilidade Social


●   As pessoas gostam de utilizar o sistema?
●   Ex.: portas giratórias de bancos, cancelas de
    estacionamentos, autenticação de usuários
    para acesso a sistemas




                   Tec. em Sistemas para Internet - IFMS   57
Aceitabilidade Prática

●   Envolve parâmetros de custo, confiabilidade e
    compatibilidade com sistemas existentes,
    além de parâmetros de usefulness
●   Usefulness → refere-se ao sistema pode ser
    utilizado para atingir um objetivo
●   Usefulness = Utilidade + Usabilidade




                  Tec. em Sistemas para Internet - IFMS   58
Aceitabilidade Geral




Aceitabilidade social + Aceitabilidade prática




               Tec. em Sistemas para Internet - IFMS   59
PRINCÍPIOS DE DESIGN




     Tec. em Sistemas para Internet - IFMS   60
Problema

●   Se analisarmos a complexidade de se
    desenvolver um sistema computacional,
    vemos que a chance de se ter uma IHC
    precária é bastante alta!
●   Assim, alguns autores definem alguns
    princípios básicos que ajudam a garantir uma
    boa IHC



                  Tec. em Sistemas para Internet - IFMS   61
Visibilidade

●   Apenas coisas necessárias ao usuário devem estar
    visíveis a ele → indicar quais partes podem ser
    operadas e como, além de indicar como o usuário
    interage com um dispositivo
●   Visibilidade indica o mapeamento entre ações
    pretendidas e as ações reais → ex., empurro a porta
    para abri-la, quando na verdade devo puxá-la
●   Pode indicar também distinções importantes → ex.,
    diferenciar o pote de sal do de açúcar


                    Tec. em Sistemas para Internet - IFMS   62
Affordance

●   Refere-se ao quão perceptível é a forma a
    qual um objeto/interface deve ser utilizado,
    sem que haja confusões
●   Ex.: ao se olhar um botão de campainha, o
    que imaginamos fazer com ele?
●   Ex.: ao se olhar um painel de um boeing, o
    que imaginamos fazer com ele?



                   Tec. em Sistemas para Internet - IFMS   63
Bom modelo conceitual

●   Permite prever ações
●   Sem um bom modelo conceitual, só é possível
    operar sob comandos/instruções → efetua-se
    as operações receitadas, sem saber que
    efeitos esperar ou o que fazer se as coisas
    não derem certo
●   Ex.: botão de campainha e painel de um
    boeing


                  Tec. em Sistemas para Internet - IFMS   64
Bons mapeamentos

●   Mapeamento → denota o relacionamento entre duas
    entidades
●   No contexto de interfaces, indica o relacionamento
    entre os controles e seus movimentos e os resultados
    no mundo
●   Ex.: volante do carro → para ir a direita vira-se o
    volante para a direita
●   Mapeamentos identificados → o controle que afeta a
    direção e que o volante precisa ser virado para uma de
    duas direções

                      Tec. em Sistemas para Internet - IFMS   65
Feedback

●   Retornar ao usuário informação sobre as
    ações que foram feitas
●   Exemplos: o documento foi salvo; o
    documento foi enviado para impressão na
    impressora HP Deskjet; houve um erro ao
    tentar realizar o seu cadastro.




                  Tec. em Sistemas para Internet - IFMS   66
Bibliografia
Human Computer Interaction (HCI). Disponível em http://tinyurl.com/dz2wfy.
Acessado em 11 de abril de 2013.
LAUREL, B. Computer as a Theatre. Reading, Mass, Addison-Wesley. 1993.
ROCHA, H. V.; BARANAUSKAS, M. C. C. Design e Avaliação de Interfaces
Humano-Computador. Instituto de Computação, UNICAMP, pgs. 3-45.
Campinas, 2003.




                          Tec. em Sistemas para Internet - IFMS              67

Mais conteúdo relacionado

Mais procurados

Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareCloves da Rocha
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1Robson Santos
 
Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Pacc UAB
 
Introdução à Computação Aula 01 - Apresentação
Introdução à Computação  Aula 01 - ApresentaçãoIntrodução à Computação  Aula 01 - Apresentação
Introdução à Computação Aula 01 - ApresentaçãoLeinylson Fontinele
 
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 ihcTicianne Darin
 
Projeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareProjeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareAragon Vieira
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de RequisitosCloves da Rocha
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesLuiz Agner
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosWellington Oliveira
 
Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsJoeldson Costa Damasceno
 
Informática e suas tecnologias
Informática e suas tecnologiasInformática e suas tecnologias
Informática e suas tecnologiasAndrey Martins
 
Aula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoAula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoDaniel Brandão
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfacesJanynne Gomes
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileCloves da Rocha
 
Aula 6 - Segurança da informação
Aula 6 - Segurança da informaçãoAula 6 - Segurança da informação
Aula 6 - Segurança da informaçãoLucasMansueto
 

Mais procurados (20)

Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de Software
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1Aula 2 - Introdução à programação de computadores - parte1
Aula 2 - Introdução à programação de computadores - parte1
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
Introdução à Computação Aula 01 - Apresentação
Introdução à Computação  Aula 01 - ApresentaçãoIntrodução à Computação  Aula 01 - Apresentação
Introdução à Computação Aula 01 - Apresentação
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
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
 
Projeto e Desenvolvimento de Software
Projeto e Desenvolvimento de SoftwareProjeto e Desenvolvimento de Software
Projeto e Desenvolvimento de Software
 
Engenharia de Requisitos
Engenharia de RequisitosEngenharia de Requisitos
Engenharia de Requisitos
 
Pacote office
Pacote officePacote office
Pacote office
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
 
Princípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas InterativosPrincípios Básicos do Design de Sistemas Interativos
Princípios Básicos do Design de Sistemas Interativos
 
Informática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional WindowsInformática Básica - Aula 05 - Sistema Operacional Windows
Informática Básica - Aula 05 - Sistema Operacional Windows
 
Informática e suas tecnologias
Informática e suas tecnologiasInformática e suas tecnologias
Informática e suas tecnologias
 
Aula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de InformaçãoAula 01 - Introdução ao Sistema de Informação
Aula 01 - Introdução ao Sistema de Informação
 
Aula: Princípios de design de interfaces
Aula: Princípios de design de interfacesAula: Princípios de design de interfaces
Aula: Princípios de design de interfaces
 
Aula 1 - Introdução ao Mobile
Aula 1 - Introdução ao MobileAula 1 - Introdução ao Mobile
Aula 1 - Introdução ao Mobile
 
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
Interface Humano Computador - Aula03 - design de experiência de usuário e aná...
 
Aula 6 - Segurança da informação
Aula 6 - Segurança da informaçãoAula 6 - Segurança da informação
Aula 6 - Segurança da informação
 

Semelhante a Tecnologia em Sistemas para Internet - Evolução IHC

Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquinaLucas Santos
 
Automação e controle ihm
Automação e controle   ihmAutomação e controle   ihm
Automação e controle ihmLuiz Henrique
 
Automação e controle ihm
Automação e controle   ihmAutomação e controle   ihm
Automação e controle ihmEder Borba
 
tic-conceitos-basicos
tic-conceitos-basicostic-conceitos-basicos
tic-conceitos-basicoschinitapt
 
Convergência de Tecnologias
Convergência de TecnologiasConvergência de Tecnologias
Convergência de Tecnologiasdanielborzatto
 
Aula24 sistema operacional
Aula24 sistema operacionalAula24 sistema operacional
Aula24 sistema operacionalcicero maia
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareFlavia Negrao
 
Conceitos Iniciais LP I
Conceitos Iniciais LP IConceitos Iniciais LP I
Conceitos Iniciais LP IPatrícia Melo
 
Sistemas de Automação I - Interface
Sistemas de Automação I - InterfaceSistemas de Automação I - Interface
Sistemas de Automação I - InterfaceThiago Fortunato
 
Conceitos de sistemas operacionais
Conceitos de sistemas operacionaisConceitos de sistemas operacionais
Conceitos de sistemas operacionaisAparicio Junior
 
Tecnologia da informacao
Tecnologia da informacaoTecnologia da informacao
Tecnologia da informacaoLuiz
 
Conceitos Iniciais de Linguagens de Programação
Conceitos Iniciais de Linguagens de ProgramaçãoConceitos Iniciais de Linguagens de Programação
Conceitos Iniciais de Linguagens de ProgramaçãoSidney Roberto
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informaçãocleusamoreira
 
I Material de Apoio Sistemas Operacionais
I Material de Apoio Sistemas OperacionaisI Material de Apoio Sistemas Operacionais
I Material de Apoio Sistemas Operacionaisrodfernandes
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informaçãocleusamoreira
 
Interface Homem Computador
Interface Homem ComputadorInterface Homem Computador
Interface Homem ComputadorDuílio Andrade
 

Semelhante a Tecnologia em Sistemas para Internet - Evolução IHC (20)

Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
 
Interface homem máquina
Interface homem máquinaInterface homem máquina
Interface homem máquina
 
Automação e controle ihm
Automação e controle   ihmAutomação e controle   ihm
Automação e controle ihm
 
Automação e controle ihm
Automação e controle   ihmAutomação e controle   ihm
Automação e controle ihm
 
Fatores Humanos
Fatores HumanosFatores Humanos
Fatores Humanos
 
Sc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.pptSc ad-tp-g4-a.ppt
Sc ad-tp-g4-a.ppt
 
tic-conceitos-basicos
tic-conceitos-basicostic-conceitos-basicos
tic-conceitos-basicos
 
Convergência de Tecnologias
Convergência de TecnologiasConvergência de Tecnologias
Convergência de Tecnologias
 
Aula24 sistema operacional
Aula24 sistema operacionalAula24 sistema operacional
Aula24 sistema operacional
 
A importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de softwareA importancia de IHC no desenvolvimento de software
A importancia de IHC no desenvolvimento de software
 
Conceitos Iniciais LP I
Conceitos Iniciais LP IConceitos Iniciais LP I
Conceitos Iniciais LP I
 
Sistemas de Automação I - Interface
Sistemas de Automação I - InterfaceSistemas de Automação I - Interface
Sistemas de Automação I - Interface
 
Parte I
Parte IParte I
Parte I
 
Conceitos de sistemas operacionais
Conceitos de sistemas operacionaisConceitos de sistemas operacionais
Conceitos de sistemas operacionais
 
Tecnologia da informacao
Tecnologia da informacaoTecnologia da informacao
Tecnologia da informacao
 
Conceitos Iniciais de Linguagens de Programação
Conceitos Iniciais de Linguagens de ProgramaçãoConceitos Iniciais de Linguagens de Programação
Conceitos Iniciais de Linguagens de Programação
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
 
I Material de Apoio Sistemas Operacionais
I Material de Apoio Sistemas OperacionaisI Material de Apoio Sistemas Operacionais
I Material de Apoio Sistemas Operacionais
 
Tecnologia da informação
Tecnologia da informaçãoTecnologia da informação
Tecnologia da informação
 
Interface Homem Computador
Interface Homem ComputadorInterface Homem Computador
Interface Homem Computador
 

Mais de Sidney Roberto

Precisamos falar sobre MERN stack
Precisamos falar sobre MERN stackPrecisamos falar sobre MERN stack
Precisamos falar sobre MERN stackSidney Roberto
 
Personagens negros na cultura nerd
Personagens negros na cultura nerdPersonagens negros na cultura nerd
Personagens negros na cultura nerdSidney Roberto
 
Mantendo os dados do seu app web offline com PouchDB
Mantendo os dados do seu app web offline com PouchDBMantendo os dados do seu app web offline com PouchDB
Mantendo os dados do seu app web offline com PouchDBSidney Roberto
 
Regulamento da batalha campal do DCN IV
Regulamento da batalha campal do DCN IVRegulamento da batalha campal do DCN IV
Regulamento da batalha campal do DCN IVSidney Roberto
 
Regulamento dos concursos de cosplay e cospobre do DCN IV
Regulamento dos concursos de cosplay e cospobre do DCN IVRegulamento dos concursos de cosplay e cospobre do DCN IV
Regulamento dos concursos de cosplay e cospobre do DCN IVSidney Roberto
 
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQ
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQRegulamento Cosplay e Cospobre - DCN 3 IFMS-AQ
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQSidney Roberto
 
Tecnologias e Mercado de Trabalho
Tecnologias e Mercado de TrabalhoTecnologias e Mercado de Trabalho
Tecnologias e Mercado de TrabalhoSidney Roberto
 
Introdução à Programação de Computadores com Python
Introdução à Programação de Computadores com PythonIntrodução à Programação de Computadores com Python
Introdução à Programação de Computadores com PythonSidney Roberto
 
Palestra de boas vindas aos estudantes do curso TSI do IFMS Aquidauana
Palestra de boas vindas aos estudantes do curso TSI do IFMS AquidauanaPalestra de boas vindas aos estudantes do curso TSI do IFMS Aquidauana
Palestra de boas vindas aos estudantes do curso TSI do IFMS AquidauanaSidney Roberto
 
Web Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaWeb Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaSidney Roberto
 
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQ
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQRegulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQ
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQSidney Roberto
 
Tutorial - Como criar sua primeira app para Android
Tutorial - Como criar sua primeira app para AndroidTutorial - Como criar sua primeira app para Android
Tutorial - Como criar sua primeira app para AndroidSidney Roberto
 
Minha opinião sobre o sistema educacional de base brasileiro
Minha opinião sobre o sistema educacional de base brasileiroMinha opinião sobre o sistema educacional de base brasileiro
Minha opinião sobre o sistema educacional de base brasileiroSidney Roberto
 
Apostila - Linguagem de Programação I
Apostila - Linguagem de Programação IApostila - Linguagem de Programação I
Apostila - Linguagem de Programação ISidney Roberto
 
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)Sidney Roberto
 
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)Sidney Roberto
 
Manipulação de Datas em Java
Manipulação de Datas em JavaManipulação de Datas em Java
Manipulação de Datas em JavaSidney Roberto
 

Mais de Sidney Roberto (20)

Precisamos falar sobre MERN stack
Precisamos falar sobre MERN stackPrecisamos falar sobre MERN stack
Precisamos falar sobre MERN stack
 
Personagens negros na cultura nerd
Personagens negros na cultura nerdPersonagens negros na cultura nerd
Personagens negros na cultura nerd
 
Mantendo os dados do seu app web offline com PouchDB
Mantendo os dados do seu app web offline com PouchDBMantendo os dados do seu app web offline com PouchDB
Mantendo os dados do seu app web offline com PouchDB
 
Regulamento da batalha campal do DCN IV
Regulamento da batalha campal do DCN IVRegulamento da batalha campal do DCN IV
Regulamento da batalha campal do DCN IV
 
Regulamento dos concursos de cosplay e cospobre do DCN IV
Regulamento dos concursos de cosplay e cospobre do DCN IVRegulamento dos concursos de cosplay e cospobre do DCN IV
Regulamento dos concursos de cosplay e cospobre do DCN IV
 
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQ
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQRegulamento Cosplay e Cospobre - DCN 3 IFMS-AQ
Regulamento Cosplay e Cospobre - DCN 3 IFMS-AQ
 
Tecnologias e Mercado de Trabalho
Tecnologias e Mercado de TrabalhoTecnologias e Mercado de Trabalho
Tecnologias e Mercado de Trabalho
 
Introdução à Programação de Computadores com Python
Introdução à Programação de Computadores com PythonIntrodução à Programação de Computadores com Python
Introdução à Programação de Computadores com Python
 
Palestra de boas vindas aos estudantes do curso TSI do IFMS Aquidauana
Palestra de boas vindas aos estudantes do curso TSI do IFMS AquidauanaPalestra de boas vindas aos estudantes do curso TSI do IFMS Aquidauana
Palestra de boas vindas aos estudantes do curso TSI do IFMS Aquidauana
 
Web Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciênciaWeb Scraping: aplicações nos negócios e na ciência
Web Scraping: aplicações nos negócios e na ciência
 
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQ
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQRegulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQ
Regulamento do Concurso de Cosplay - Dia da Cultura Nerd IFMS-AQ
 
Tutorial - Como criar sua primeira app para Android
Tutorial - Como criar sua primeira app para AndroidTutorial - Como criar sua primeira app para Android
Tutorial - Como criar sua primeira app para Android
 
Minha opinião sobre o sistema educacional de base brasileiro
Minha opinião sobre o sistema educacional de base brasileiroMinha opinião sobre o sistema educacional de base brasileiro
Minha opinião sobre o sistema educacional de base brasileiro
 
Apostila - Linguagem de Programação I
Apostila - Linguagem de Programação IApostila - Linguagem de Programação I
Apostila - Linguagem de Programação I
 
Listas (parte 2 de 3)
Listas (parte 2 de 3)Listas (parte 2 de 3)
Listas (parte 2 de 3)
 
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)
Vamos aprender algo diferente? Introdução à linguagem Python (parte 2)
 
Listas (parte 1)
Listas (parte 1)Listas (parte 1)
Listas (parte 1)
 
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)
Vamos aprender algo diferente? Introdução à linguagem Python (aula 1)
 
Laços de Repetição
Laços de RepetiçãoLaços de Repetição
Laços de Repetição
 
Manipulação de Datas em Java
Manipulação de Datas em JavaManipulação de Datas em Java
Manipulação de Datas em Java
 

Tecnologia em Sistemas para Internet - Evolução IHC

  • 1. Tecnologia em Sistemas para Internet - IFMS Aula 01 – O que é Interação Humano-Computador? Interação Humano-Computador Prof.º Msc. Sidney Roberto de Sousa
  • 2. Sumário ● Interface Humano-Computador: Evolução ● Interação Humano-Computador ● Desafios da IHC ● Objetivos da IHC ● Princípios de Design Tec. em Sistemas para Internet - IFMS 2
  • 3. Interface Humano-Computador: Evolução Tec. em Sistemas para Internet - IFMS 3
  • 4. Interfaces Humano-Computador até os anos 70 Tec. em Sistemas para Internet - IFMS 4
  • 5. Interfaces Humano-Computador até os anos 70 F !! UF S T RD NE Tec. em Sistemas para Internet - IFMS 5
  • 6. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 6
  • 7. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 7
  • 8. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 8
  • 9. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 9
  • 10. Interfaces Humanos-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 10
  • 11. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 11
  • 12. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 12
  • 13. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 13
  • 14. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 14
  • 15. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 15
  • 16. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 16
  • 17. Interfaces Humano-Computador: 70-90 Tec. em Sistemas para Internet - IFMS 17
  • 18. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 18
  • 19. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 19
  • 20. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 20
  • 21. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 21
  • 22. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 22
  • 23. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 23
  • 24. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 24
  • 25. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 25
  • 26. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 26
  • 27. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 27
  • 28. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 28
  • 29. Interfaces Humano-Computador: Século XXI Tec. em Sistemas para Internet - IFMS 29
  • 30. Interfaces Humano-Computador: Futuro? Tec. em Sistemas para Internet - IFMS 30
  • 31. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 31
  • 32. O que é interface? Algo tangível, discreto e “palpável”... Tec. em Sistemas para Internet - IFMS 32
  • 33. O que é interface? Algo tangível, discreto e “palpável”... … será? Tec. em Sistemas para Internet - IFMS 33
  • 34. Preocupações inerentes a construção de interfaces → MAIOR NÚMERO DE FUNCIONALIDADES vs USABILIDADE ← Tec. em Sistemas para Internet - IFMS 34
  • 35. O que é interface? “lugar onde o contato entre duas entidades  ocorre” Ex.: tela de computador, maçaneta, torneira, câmbio de carro, alça da bolsa, etc. Tec. em Sistemas para Internet - IFMS 35
  • 36. O que é interface? “lugar onde o contato entre duas entidades  ocorre” Ex.: tela de computador, maçaneta, torneira, câmbio de carro, alça da bolsa, etc. Tec. em Sistemas para Internet - IFMS 36
  • 37. O que é interface? câmbio de carro → feito para destros e canhotos? Tec. em Sistemas para Internet - IFMS 37
  • 38. O que é interface? ● A forma da interface reflete o que pode ser feito com ela ● Ex.: diversos formatos de maçanetas → formas distintas de se abrir portas Tec. em Sistemas para Internet - IFMS 38
  • 39. O que é interface? Abrir uma porta: Humano (agente) (...) Porta (paciente) Tec. em Sistemas para Internet - IFMS 39
  • 40. O que é interface? Abrir uma porta: Humano (agente) Maçaneta (interface) Porta (paciente) Tec. em Sistemas para Internet - IFMS 40
  • 41. O que é interface? Secar a mão em um secador automático: Humano (agente) Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet - IFMS 41
  • 42. O que é interface? Secar a mão em um secador automático: ? Humano (agente) Sensor (interface) Secador (paciente) Tec. em Sistemas para Internet - IFMS 42
  • 43. O que é interface? Secar a mão em um secador automático: Humano (agente ou paciente) Sensor (interface ou agente) Secador (paciente) Tec. em Sistemas para Internet - IFMS 43
  • 44. O que é interface? Assim, podemos definir interface como: “superfície de contato que reflete as  propriedades físicas das partes que interagem,  as funções a serem executadas e o balanço  entre o poder e controle (Laurel, 1993)” Tec. em Sistemas para Internet - IFMS 44
  • 45. Computador para o Usuário ● Computadores bem projetados → aceitação e uso efetivo pelo usuário ● Computadores projetados para um público-alvo → e não de propósito geral (quase impossível) ● Necessário um nível de abstração a respeito do engenho do computador → analogamente à relação veículo-motorista Tec. em Sistemas para Internet - IFMS 45
  • 46. Computador para o Usuário ● Melhoria no aspecto físico da interface do software → maior chance de sucesso no mercado! ● Oferecer ao mercado softwares com interfaces user-friendly... ● … mas, será que todos os softwares são tão user-friendly como seus criadores afirmam? Tec. em Sistemas para Internet - IFMS 46
  • 47. Interação Humano-Computador “é a disciplina preocupada com o design,  avaliação e implementação de sistemas  computacionais interativos para uso humano e  com o estudo dos principais fenômenos ao  redor deles (Rocha & Baranauskas, 2003)” Tec. em Sistemas para Internet - IFMS 47
  • 48. Interação Humano-Computador Tec. em Sistemas para Internet - IFMS 48
  • 49. DESAFIOS DA IHC Tec. em Sistemas para Internet - IFMS 49
  • 50. Boas notícias! ● O mundo tecnológico não para de lançar novidades na área de dispositivos computacionais inteligentes e user-friendly! ● A cada dia mais e mais pessoas usam dispositivos computacionais em seu dia a dia, tendo assim a informática não apenas como uma aliada, mas também como parte integrante de suas atividades rotineiras! Tec. em Sistemas para Internet - IFMS 50
  • 51. Boas notícias! Que legal! o/ Tec. em Sistemas para Internet - IFMS 51
  • 52. Boas notícias...? Mas... Tec. em Sistemas para Internet - IFMS 52
  • 53. Más notícias... ● Como dar conta da rápida evolução tecnológica? ● Como garantir que os designs de interfaces ofereçam uma boa interação homem-computador ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia? Tec. em Sistemas para Internet - IFMS 53
  • 54. Más notícias... Como dar conta da rápida evolução ? tecnológica? Como garantir que os designs de interfaces ofereçam uma boa interação homem-computador ao mesmo tempo que exploram o potencial e funcionalidade da nova tecnologia? Tec. em Sistemas para Internet - IFMS 54
  • 55. OBJETIVOS DA IHC Tec. em Sistemas para Internet - IFMS 55
  • 56. Objetivos ● Produzir sistemas usáveis, seguros e funcionais ● Ou seja, desenvolver ou melhorar a segurança, utilidade, efetividade e usabilidade de sistemas que incluem computadores ● Sistema → hardware + software + todo ambiente que usa ou é afetado pelo uso da tecnologia computacional ● O sistema implementado deve atingir a aceitabilidade geral Tec. em Sistemas para Internet - IFMS 56
  • 57. Aceitabilidade Social ● As pessoas gostam de utilizar o sistema? ● Ex.: portas giratórias de bancos, cancelas de estacionamentos, autenticação de usuários para acesso a sistemas Tec. em Sistemas para Internet - IFMS 57
  • 58. Aceitabilidade Prática ● Envolve parâmetros de custo, confiabilidade e compatibilidade com sistemas existentes, além de parâmetros de usefulness ● Usefulness → refere-se ao sistema pode ser utilizado para atingir um objetivo ● Usefulness = Utilidade + Usabilidade Tec. em Sistemas para Internet - IFMS 58
  • 59. Aceitabilidade Geral Aceitabilidade social + Aceitabilidade prática Tec. em Sistemas para Internet - IFMS 59
  • 60. PRINCÍPIOS DE DESIGN Tec. em Sistemas para Internet - IFMS 60
  • 61. Problema ● Se analisarmos a complexidade de se desenvolver um sistema computacional, vemos que a chance de se ter uma IHC precária é bastante alta! ● Assim, alguns autores definem alguns princípios básicos que ajudam a garantir uma boa IHC Tec. em Sistemas para Internet - IFMS 61
  • 62. Visibilidade ● Apenas coisas necessárias ao usuário devem estar visíveis a ele → indicar quais partes podem ser operadas e como, além de indicar como o usuário interage com um dispositivo ● Visibilidade indica o mapeamento entre ações pretendidas e as ações reais → ex., empurro a porta para abri-la, quando na verdade devo puxá-la ● Pode indicar também distinções importantes → ex., diferenciar o pote de sal do de açúcar Tec. em Sistemas para Internet - IFMS 62
  • 63. Affordance ● Refere-se ao quão perceptível é a forma a qual um objeto/interface deve ser utilizado, sem que haja confusões ● Ex.: ao se olhar um botão de campainha, o que imaginamos fazer com ele? ● Ex.: ao se olhar um painel de um boeing, o que imaginamos fazer com ele? Tec. em Sistemas para Internet - IFMS 63
  • 64. Bom modelo conceitual ● Permite prever ações ● Sem um bom modelo conceitual, só é possível operar sob comandos/instruções → efetua-se as operações receitadas, sem saber que efeitos esperar ou o que fazer se as coisas não derem certo ● Ex.: botão de campainha e painel de um boeing Tec. em Sistemas para Internet - IFMS 64
  • 65. Bons mapeamentos ● Mapeamento → denota o relacionamento entre duas entidades ● No contexto de interfaces, indica o relacionamento entre os controles e seus movimentos e os resultados no mundo ● Ex.: volante do carro → para ir a direita vira-se o volante para a direita ● Mapeamentos identificados → o controle que afeta a direção e que o volante precisa ser virado para uma de duas direções Tec. em Sistemas para Internet - IFMS 65
  • 66. Feedback ● Retornar ao usuário informação sobre as ações que foram feitas ● Exemplos: o documento foi salvo; o documento foi enviado para impressão na impressora HP Deskjet; houve um erro ao tentar realizar o seu cadastro. Tec. em Sistemas para Internet - IFMS 66
  • 67. Bibliografia Human Computer Interaction (HCI). Disponível em http://tinyurl.com/dz2wfy. Acessado em 11 de abril de 2013. LAUREL, B. Computer as a Theatre. Reading, Mass, Addison-Wesley. 1993. ROCHA, H. V.; BARANAUSKAS, M. C. C. Design e Avaliação de Interfaces Humano-Computador. Instituto de Computação, UNICAMP, pgs. 3-45. Campinas, 2003. Tec. em Sistemas para Internet - IFMS 67