06/08/2012




                                                                            INTERAÇÃO HOMEM COMPUTADOR
  INTERFACE HOMEM MÁQUINA
  Visão geral da disciplina
  Conteúdo programático                                                     Processo pelo qual seres humanos INTERAGEM com computadores.
  Avaliações – ATPS / Provas / Trabalhos
  Conceitos Básicos                                                         Acrônimos: IHC, HCI, CHI

                                                                            “Human-Computer Interaction”

  1ª aula – Interface Homem Máquina
  Leonardo Coelho                                                           INTERAGIR




                                                                              Induzir ao próximo passo / Relacionar / Compartilhar / Fazer Comunicação / Dialogar

                                                                              É todo modo, meio e processos que envolve o uso deTecnologias de Informação e
                                                                                      Comunicação (TICs) para Interagir as pessoas com as máquinas.




TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO (TIC´S)                             PERFIL DOS USUÁRIOS NA CONSTRUÇÃO
                                                                            DE SISTEMAS INTERATIVOS
São os sistemas computacionais, desenvolvidos para interagir com pessoas,
compostos por:                                                              Cada público enxerga a tecnologia de forma diferente:

         HARDWARE,                                                                   Desenvolvedores de sistemas;
         SOFTWARE e                                                                  Fábricas de Hardwares;
         MEIOS DE COMUNICAÇÃO.                                                       Vendedores;
                                                                                     Suporte.

                       Computadores / sistemas de telefonia / televisão              Empresas e instituições;
                             Jogos / rádio / internet / outros...                    Usuários.

                                                                            Exemplo:

                                                                            Empresas e instituições
                                                                            Como aprender o sistema e otimizar o trabalho
                                                                            Como o sistema é utilizado?

                                                                            Desenvolvedores de sistemas:
                                                                            Funcionalidade / instrumentação / interface gráfica
                                                                            O que o sistema permite fazer?




TRANSFORMAÇÕES SOCIAIS PROPORCIONADAS PELAS                                 TRANSFORMAÇÕES SOCIAIS PROPORCIONADAS PELAS
TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO                                     TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO

-Votação Eletrônica;                                                        Cada dia mais presente em nossas vidas;

-WebTV e Webrádio (informação) a um clique do mouse;                        Modifica nosso cotidiano pessoal e profissional;

-TV´s interativas;                                                          Causa dependência a ponto de modificar definições tradicionais de:
                                                                                  Quem pode? / quem deve?
-Telefonia (recursos multimídia, internet e outros)                               Como?
                                                                                  Quando?
                                                                                  Onde?
                                                                                  Por que?

                                                                            Exemplo: Uso do telefone para assuntos
                                                                            pessoais e profissionais

                                                                            • Quantos usuários (quem) tem acesso ao telefone;
                                                                            • Mudança de hábitos do usuário no uso do telefone
                                                                              (como, quando e onde);
                                                                            • Planos de acesso, serviços, concorrência, tecnologia
                                                                              agregada, mercado e outros (por que)




                                                                                                                                                                        1
06/08/2012




INTERFACE GRÁFICA                                                                     INTERFACE GRÁFICA

Os sistemas computacionais são representados visualmente pelas interfaces gráficas,   O design é a técnica utilizada para preparar e disponibilizar os elementos visuais, na
estas desenvolvidas para interagir o usuário ao sistema e a informação.               interface gráfica, minimizando ruídos e proporcionando uma comunicação interativa.

Uma boa interação entre “sistema” e “interface gráfica”, proporciona:
                                                                                                   Elementos visuais:
Segurança / estímulo / facilidade / aprendizagem /                                       Imagens digitalizadas / imagens vetoriais
Comunicação interativa (modelo circular)                                                   Textos e planilhas / podcast / vídeos
                                                                                          Imagens animadas / Tipografia / Cores


                                                                                                   Termos e conceitos:
                                                                                          Lei de Gestalt / Ergonomia / Semiótica /
                                                                                              Lei de Fitts / Lei de Hick-Hymam


                                                                                                        Técnicas:
                                                                                           Rafe / Layout / Gride de construção /
                                                                                                         Protótipo




INTERFACE GRÁFICA

                     ALGUNS APLICATIVOS PARA CONSTRUÇÃO



        CORELDRAW                  PHOTOSHOP                       FLASH

                                                                                                                        Aula 1 – prof. Leonardo Coelho
                                                                                                                          Interface Homem Máquina




                     PODCAST                         VÍDEOS




                                                                                                                                                                                       2

1ª aula - Interface Homem Máquina

  • 1.
    06/08/2012 INTERAÇÃO HOMEM COMPUTADOR INTERFACE HOMEM MÁQUINA Visão geral da disciplina Conteúdo programático Processo pelo qual seres humanos INTERAGEM com computadores. Avaliações – ATPS / Provas / Trabalhos Conceitos Básicos Acrônimos: IHC, HCI, CHI “Human-Computer Interaction” 1ª aula – Interface Homem Máquina Leonardo Coelho INTERAGIR Induzir ao próximo passo / Relacionar / Compartilhar / Fazer Comunicação / Dialogar É todo modo, meio e processos que envolve o uso deTecnologias de Informação e Comunicação (TICs) para Interagir as pessoas com as máquinas. TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO (TIC´S) PERFIL DOS USUÁRIOS NA CONSTRUÇÃO DE SISTEMAS INTERATIVOS São os sistemas computacionais, desenvolvidos para interagir com pessoas, compostos por: Cada público enxerga a tecnologia de forma diferente: HARDWARE, Desenvolvedores de sistemas; SOFTWARE e Fábricas de Hardwares; MEIOS DE COMUNICAÇÃO. Vendedores; Suporte. Computadores / sistemas de telefonia / televisão Empresas e instituições; Jogos / rádio / internet / outros... Usuários. Exemplo: Empresas e instituições Como aprender o sistema e otimizar o trabalho Como o sistema é utilizado? Desenvolvedores de sistemas: Funcionalidade / instrumentação / interface gráfica O que o sistema permite fazer? TRANSFORMAÇÕES SOCIAIS PROPORCIONADAS PELAS TRANSFORMAÇÕES SOCIAIS PROPORCIONADAS PELAS TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO TECNOLOGIAS DE INFORMAÇÃO E COMUNICAÇÃO -Votação Eletrônica; Cada dia mais presente em nossas vidas; -WebTV e Webrádio (informação) a um clique do mouse; Modifica nosso cotidiano pessoal e profissional; -TV´s interativas; Causa dependência a ponto de modificar definições tradicionais de: Quem pode? / quem deve? -Telefonia (recursos multimídia, internet e outros) Como? Quando? Onde? Por que? Exemplo: Uso do telefone para assuntos pessoais e profissionais • Quantos usuários (quem) tem acesso ao telefone; • Mudança de hábitos do usuário no uso do telefone (como, quando e onde); • Planos de acesso, serviços, concorrência, tecnologia agregada, mercado e outros (por que) 1
  • 2.
    06/08/2012 INTERFACE GRÁFICA INTERFACE GRÁFICA Os sistemas computacionais são representados visualmente pelas interfaces gráficas, O design é a técnica utilizada para preparar e disponibilizar os elementos visuais, na estas desenvolvidas para interagir o usuário ao sistema e a informação. interface gráfica, minimizando ruídos e proporcionando uma comunicação interativa. Uma boa interação entre “sistema” e “interface gráfica”, proporciona: Elementos visuais: Segurança / estímulo / facilidade / aprendizagem / Imagens digitalizadas / imagens vetoriais Comunicação interativa (modelo circular) Textos e planilhas / podcast / vídeos Imagens animadas / Tipografia / Cores Termos e conceitos: Lei de Gestalt / Ergonomia / Semiótica / Lei de Fitts / Lei de Hick-Hymam Técnicas: Rafe / Layout / Gride de construção / Protótipo INTERFACE GRÁFICA ALGUNS APLICATIVOS PARA CONSTRUÇÃO CORELDRAW PHOTOSHOP FLASH Aula 1 – prof. Leonardo Coelho Interface Homem Máquina PODCAST VÍDEOS 2