SlideShare uma empresa Scribd logo
1 de 2
Baixar para ler offline
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

Mais conteúdo relacionado

Mais procurados

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
Flavia Negrao
 
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
 

Mais procurados (20)

Aula: Tipos de Interface
Aula: Tipos de InterfaceAula: Tipos de Interface
Aula: Tipos de Interface
 
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINAIHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
IHM x IHM – INTERFACE x INTERAçÃO HOMEM-MÁQUINA
 
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
 
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
 
Aula: Tendência das interfaces
Aula: Tendência das interfacesAula: Tendência das interfaces
Aula: Tendência das interfaces
 
Aula: Evolução das interfaces
Aula: Evolução das interfacesAula: Evolução das interfaces
Aula: Evolução das interfaces
 
Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!Interface e Usabilidade: Como levar o usuário onde queremos!
Interface e Usabilidade: Como levar o usuário onde queremos!
 
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
 
IHC estilos interacao
IHC estilos interacaoIHC estilos interacao
IHC estilos interacao
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
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
 
IHC Parte1
IHC Parte1IHC Parte1
IHC Parte1
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Modelo de Componentes de IHC
Modelo de Componentes de IHCModelo de Componentes de IHC
Modelo de Componentes de IHC
 
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: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHMAula: Fatores Humanos e Interatividade na IHM
Aula: Fatores Humanos e Interatividade na IHM
 
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de NielsenInteração Humano-Computador - História, Conceitos e Heurísticas de Nielsen
Interação Humano-Computador - História, Conceitos e Heurísticas de Nielsen
 
Usabilidade, IHC - Definições
Usabilidade, IHC - DefiniçõesUsabilidade, IHC - Definições
Usabilidade, IHC - Definições
 

Destaque

Destaque (15)

Exemplo de Interface Homem Máquina
Exemplo de Interface Homem MáquinaExemplo de Interface Homem Máquina
Exemplo de Interface Homem Máquina
 
Interface homem maquina introdução
Interface homem maquina   introduçãoInterface homem maquina   introdução
Interface homem maquina introdução
 
Aula 1
Aula 1Aula 1
Aula 1
 
Interface Homem-máquina - Unimep/Pronatec - Aula 9
Interface Homem-máquina - Unimep/Pronatec - Aula 9Interface Homem-máquina - Unimep/Pronatec - Aula 9
Interface Homem-máquina - Unimep/Pronatec - Aula 9
 
Interface Homem-máquina - Unimep/Pronatec - Aula 3
Interface Homem-máquina - Unimep/Pronatec - Aula 3Interface Homem-máquina - Unimep/Pronatec - Aula 3
Interface Homem-máquina - Unimep/Pronatec - Aula 3
 
Interface Homem-máquina - Unimep/Pronatec - Aula 1
Interface Homem-máquina - Unimep/Pronatec - Aula 1Interface Homem-máquina - Unimep/Pronatec - Aula 1
Interface Homem-máquina - Unimep/Pronatec - Aula 1
 
Interface Homem-máquina - Unimep/Pronatec - Aula 2
Interface Homem-máquina - Unimep/Pronatec - Aula 2Interface Homem-máquina - Unimep/Pronatec - Aula 2
Interface Homem-máquina - Unimep/Pronatec - Aula 2
 
Interface Homem-máquina - Unimep/Pronatec - Aula 7
Interface Homem-máquina - Unimep/Pronatec - Aula 7Interface Homem-máquina - Unimep/Pronatec - Aula 7
Interface Homem-máquina - Unimep/Pronatec - Aula 7
 
Interface Homem-máquina - Unimep/Pronatec - Aula 6
Interface Homem-máquina - Unimep/Pronatec - Aula 6Interface Homem-máquina - Unimep/Pronatec - Aula 6
Interface Homem-máquina - Unimep/Pronatec - Aula 6
 
Interface Homem-máquina - Unimep/Pronatec - Aula 4
Interface Homem-máquina - Unimep/Pronatec - Aula 4Interface Homem-máquina - Unimep/Pronatec - Aula 4
Interface Homem-máquina - Unimep/Pronatec - Aula 4
 
06 complexidade de problemas
06   complexidade de problemas06   complexidade de problemas
06 complexidade de problemas
 
Conceitos básicos
Conceitos básicosConceitos básicos
Conceitos básicos
 
Introdução a IHC
Introdução a IHCIntrodução a IHC
Introdução a IHC
 
Análise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionaisAnálise de Regressão: aspectos teóricos e computacionais
Análise de Regressão: aspectos teóricos e computacionais
 
Método AHP em Processo Decisório
Método AHP em Processo DecisórioMétodo AHP em Processo Decisório
Método AHP em Processo Decisório
 

Semelhante a 1ª aula - Interface Homem Máquina

Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHC
Silvia Dotta
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
cleusamoreira
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
Fran Maciel
 
Iniciação
IniciaçãoIniciação
Iniciação
snip1980
 
Teck - Gabriel e Sioga AATIC
Teck - Gabriel e Sioga AATICTeck - Gabriel e Sioga AATIC
Teck - Gabriel e Sioga AATIC
class_group_1
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Cris Fidelix
 

Semelhante a 1ª aula - Interface Homem Máquina (20)

Usabilidade na tv digital
Usabilidade na tv digitalUsabilidade na tv digital
Usabilidade na tv digital
 
Convergência de Tecnologias
Convergência de TecnologiasConvergência de Tecnologias
Convergência de Tecnologias
 
Capitulo1
Capitulo1Capitulo1
Capitulo1
 
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
 
Artigo ihc1
Artigo ihc1Artigo ihc1
Artigo ihc1
 
Aula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHC
 
Modulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampasModulo iii arquiteturainformacaousabilidade_thaiscampas
Modulo iii arquiteturainformacaousabilidade_thaiscampas
 
2 áreas aplicação das tic
2 áreas aplicação das tic2 áreas aplicação das tic
2 áreas aplicação das tic
 
Tecnologia da Informação
Tecnologia da InformaçãoTecnologia da Informação
Tecnologia da Informação
 
Infografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidadeInfografia multimídia para apresentação de resultados de testes de usabilidade
Infografia multimídia para apresentação de resultados de testes de usabilidade
 
Tecnologias web20
Tecnologias web20Tecnologias web20
Tecnologias web20
 
Itic capitulo 1
Itic   capitulo 1Itic   capitulo 1
Itic capitulo 1
 
Aula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e IntroduçãoAula1-SAM-Apresentação e Introdução
Aula1-SAM-Apresentação e Introdução
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.ppt1.Aula1-Introducao-conceitosbasicos.ppt
1.Aula1-Introducao-conceitosbasicos.ppt
 
Iniciação
IniciaçãoIniciação
Iniciação
 
O Contexto da Mobilidade na Utilização da Web - As Redes Sociais Facebook e T...
O Contexto da Mobilidade na Utilização da Web - As Redes Sociais Facebook e T...O Contexto da Mobilidade na Utilização da Web - As Redes Sociais Facebook e T...
O Contexto da Mobilidade na Utilização da Web - As Redes Sociais Facebook e T...
 
Teck - Gabriel e Sioga AATIC
Teck - Gabriel e Sioga AATICTeck - Gabriel e Sioga AATIC
Teck - Gabriel e Sioga AATIC
 
Palestra Mídia Digital
Palestra Mídia DigitalPalestra Mídia Digital
Palestra Mídia Digital
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 

Mais de Julius Miranda

Mais de Julius Miranda (6)

Nota002 2011
Nota002 2011Nota002 2011
Nota002 2011
 
Nota003 2011
Nota003 2011Nota003 2011
Nota003 2011
 
Comunica004 2011
Comunica004 2011Comunica004 2011
Comunica004 2011
 
Comunica003 2011
Comunica003 2011Comunica003 2011
Comunica003 2011
 
Comunica002 2011
Comunica002 2011Comunica002 2011
Comunica002 2011
 
Nota001 2011
Nota001 2011Nota001 2011
Nota001 2011
 

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