SlideShare uma empresa Scribd logo
1 de 7
PARTE 1
INTERFACES

Thiago Berteli
Conceito
Basicamente, interface é uma expressão
usada para designar uma interconexão
entre dois ou mais grupos.

Esses dois pontos podem ser dois
hardwares, dois software ou um hardware
e um software. Ou também qualquer
componente do computador e o usuário.
Tipos de Interfaces
Exemplos de Interface física

• Teclado




• Conectores



• Controles
Interface gráfica
• Muito importante para facilitar a interação
  do usuário com o conteúdo do site.

• Ao criar um site, devemos pensar em
  algumas questões simples, tais como a
  disposição dos botões, ordem dos links,
  cores, etc.
Fonte:
• O que está sendo publicado aqui foi
  retirado do seguinte material: Etapa 1-
  FundamentosMódulo 4 - Design e
  Usabilidade - Formação Continuada
  Midías na Educação Mídia Informática,
  disponível
  em: http://penta3.ufrgs.br/midiasedu/modu
  lo4/tutoriais/fundamentos/fundamentos.pd
  f

Mais conteúdo relacionado

Destaque

Claro Digital - Beneficios Flexiveis - na revista Cases Studies
Claro Digital - Beneficios Flexiveis - na revista Cases StudiesClaro Digital - Beneficios Flexiveis - na revista Cases Studies
Claro Digital - Beneficios Flexiveis - na revista Cases StudiesPaulo Ratinecas
 
Learn OOPS in java
Learn OOPS in javaLearn OOPS in java
Learn OOPS in javaayman diab
 
Catálogo mobiliario (n)oriental
Catálogo mobiliario (n)orientalCatálogo mobiliario (n)oriental
Catálogo mobiliario (n)orientalSámago Uruguay
 
Al Ansari Exchange Certificate
Al Ansari Exchange CertificateAl Ansari Exchange Certificate
Al Ansari Exchange CertificateMd Nidhal
 
cuatro
cuatrocuatro
cuatromcg96
 
Portifólio EI Group
Portifólio EI GroupPortifólio EI Group
Portifólio EI Groupeigroup
 
Apresentacaocurso 120810080731-phpapp01
Apresentacaocurso 120810080731-phpapp01Apresentacaocurso 120810080731-phpapp01
Apresentacaocurso 120810080731-phpapp01RosileideOliveira
 
Build A Social Network Using Social Engine
Build A Social Network Using Social EngineBuild A Social Network Using Social Engine
Build A Social Network Using Social Engineayman diab
 
Regulamento paulistão 2012
Regulamento   paulistão 2012Regulamento   paulistão 2012
Regulamento paulistão 2012elaineboop
 
Projeto comenius news
Projeto comenius newsProjeto comenius news
Projeto comenius newsESGN
 
Assembleia da Região Episcopal Belém - Um caminho a ser percorrido
Assembleia da Região Episcopal Belém - Um caminho a ser percorridoAssembleia da Região Episcopal Belém - Um caminho a ser percorrido
Assembleia da Região Episcopal Belém - Um caminho a ser percorridoRegião Episcopal Belém
 
CareerFoundry_Certificate_Juliana Kroscen
CareerFoundry_Certificate_Juliana KroscenCareerFoundry_Certificate_Juliana Kroscen
CareerFoundry_Certificate_Juliana KroscenJuliana Kroscen
 
HTML 5 - HTML5 training for web developers
HTML 5 - HTML5 training for web developersHTML 5 - HTML5 training for web developers
HTML 5 - HTML5 training for web developersayman diab
 
Gafanhoto #56
Gafanhoto #56Gafanhoto #56
Gafanhoto #56ESGN
 
PROPUESTA DE AMBIENTE DE APRENDIZAJE
PROPUESTA DE AMBIENTE DE APRENDIZAJEPROPUESTA DE AMBIENTE DE APRENDIZAJE
PROPUESTA DE AMBIENTE DE APRENDIZAJEgemmamiron1987
 

Destaque (19)

Claro Digital - Beneficios Flexiveis - na revista Cases Studies
Claro Digital - Beneficios Flexiveis - na revista Cases StudiesClaro Digital - Beneficios Flexiveis - na revista Cases Studies
Claro Digital - Beneficios Flexiveis - na revista Cases Studies
 
Learn OOPS in java
Learn OOPS in javaLearn OOPS in java
Learn OOPS in java
 
Catálogo mobiliario (n)oriental
Catálogo mobiliario (n)orientalCatálogo mobiliario (n)oriental
Catálogo mobiliario (n)oriental
 
Blog ed inf
Blog ed infBlog ed inf
Blog ed inf
 
Miguel Ángel Amutio_Ciberseg14
Miguel Ángel Amutio_Ciberseg14Miguel Ángel Amutio_Ciberseg14
Miguel Ángel Amutio_Ciberseg14
 
El sistema solar
El sistema solarEl sistema solar
El sistema solar
 
TR-600 General Brochure
TR-600 General BrochureTR-600 General Brochure
TR-600 General Brochure
 
Al Ansari Exchange Certificate
Al Ansari Exchange CertificateAl Ansari Exchange Certificate
Al Ansari Exchange Certificate
 
cuatro
cuatrocuatro
cuatro
 
Portifólio EI Group
Portifólio EI GroupPortifólio EI Group
Portifólio EI Group
 
Apresentacaocurso 120810080731-phpapp01
Apresentacaocurso 120810080731-phpapp01Apresentacaocurso 120810080731-phpapp01
Apresentacaocurso 120810080731-phpapp01
 
Build A Social Network Using Social Engine
Build A Social Network Using Social EngineBuild A Social Network Using Social Engine
Build A Social Network Using Social Engine
 
Regulamento paulistão 2012
Regulamento   paulistão 2012Regulamento   paulistão 2012
Regulamento paulistão 2012
 
Projeto comenius news
Projeto comenius newsProjeto comenius news
Projeto comenius news
 
Assembleia da Região Episcopal Belém - Um caminho a ser percorrido
Assembleia da Região Episcopal Belém - Um caminho a ser percorridoAssembleia da Região Episcopal Belém - Um caminho a ser percorrido
Assembleia da Região Episcopal Belém - Um caminho a ser percorrido
 
CareerFoundry_Certificate_Juliana Kroscen
CareerFoundry_Certificate_Juliana KroscenCareerFoundry_Certificate_Juliana Kroscen
CareerFoundry_Certificate_Juliana Kroscen
 
HTML 5 - HTML5 training for web developers
HTML 5 - HTML5 training for web developersHTML 5 - HTML5 training for web developers
HTML 5 - HTML5 training for web developers
 
Gafanhoto #56
Gafanhoto #56Gafanhoto #56
Gafanhoto #56
 
PROPUESTA DE AMBIENTE DE APRENDIZAJE
PROPUESTA DE AMBIENTE DE APRENDIZAJEPROPUESTA DE AMBIENTE DE APRENDIZAJE
PROPUESTA DE AMBIENTE DE APRENDIZAJE
 

Semelhante a Interface

Introdução do curso adm 40 h
Introdução do curso adm 40 hIntrodução do curso adm 40 h
Introdução do curso adm 40 hmarciaorion
 
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áquinaSilvia Dotta
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De InterfacesBruno Brant
 
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 FidelixCris Fidelix
 
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çãoFabio Moura Pereira
 
Módulo n.º 4 – Criação de conteúdo
Módulo n.º 4 – Criação de conteúdoMódulo n.º 4 – Criação de conteúdo
Módulo n.º 4 – Criação de conteúdoKarel Van Isacker
 
Design thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webDesign thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webLuanna Eroles
 
IntroduçãO A EducaçãO Digital
IntroduçãO A EducaçãO DigitalIntroduçãO A EducaçãO Digital
IntroduçãO A EducaçãO Digitalguestd6ed01
 
Proinfo Curso Introdução à EducaçãO Digital(40h)
Proinfo Curso Introdução à EducaçãO Digital(40h)Proinfo Curso Introdução à EducaçãO Digital(40h)
Proinfo Curso Introdução à EducaçãO Digital(40h)Itarare proinfo
 
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOAula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOJulioCesar371362
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de ProfessoresAna Maria Soares
 
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
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 

Semelhante a Interface (20)

Introdução do curso adm 40 h
Introdução do curso adm 40 hIntrodução do curso adm 40 h
Introdução do curso adm 40 h
 
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
 
Aula 1
Aula 1Aula 1
Aula 1
 
Design De Interfaces
Design De InterfacesDesign De Interfaces
Design De Interfaces
 
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
 
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
 
Módulo n.º 4 – Criação de conteúdo
Módulo n.º 4 – Criação de conteúdoMódulo n.º 4 – Criação de conteúdo
Módulo n.º 4 – Criação de conteúdo
 
Estudo tic u2
Estudo tic u2Estudo tic u2
Estudo tic u2
 
Unidade i
Unidade iUnidade i
Unidade i
 
Design thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências webDesign thinking - Prototipando melhores experiências web
Design thinking - Prototipando melhores experiências web
 
IntroduçãO A EducaçãO Digital
IntroduçãO A EducaçãO DigitalIntroduçãO A EducaçãO Digital
IntroduçãO A EducaçãO Digital
 
ApresentaçãO
ApresentaçãOApresentaçãO
ApresentaçãO
 
Curso Apresentacao
Curso ApresentacaoCurso Apresentacao
Curso Apresentacao
 
Proinfo Curso Introdução à EducaçãO Digital(40h)
Proinfo Curso Introdução à EducaçãO Digital(40h)Proinfo Curso Introdução à EducaçãO Digital(40h)
Proinfo Curso Introdução à EducaçãO Digital(40h)
 
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIOAula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO
 
Interface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHCInterface Homem Computador - Aula01- Introdução a IHC
Interface Homem Computador - Aula01- Introdução a IHC
 
Introdução digital
Introdução digitalIntrodução digital
Introdução digital
 
Inclusão Digital de Professores
Inclusão Digital de ProfessoresInclusão Digital de Professores
Inclusão Digital de Professores
 
Interação humano computador (introdução )
Interação humano computador (introdução )Interação humano computador (introdução )
Interação humano computador (introdução )
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 

Interface

  • 2. Conceito Basicamente, interface é uma expressão usada para designar uma interconexão entre dois ou mais grupos. Esses dois pontos podem ser dois hardwares, dois software ou um hardware e um software. Ou também qualquer componente do computador e o usuário.
  • 4. Exemplos de Interface física • Teclado • Conectores • Controles
  • 5. Interface gráfica • Muito importante para facilitar a interação do usuário com o conteúdo do site. • Ao criar um site, devemos pensar em algumas questões simples, tais como a disposição dos botões, ordem dos links, cores, etc.
  • 6.
  • 7. Fonte: • O que está sendo publicado aqui foi retirado do seguinte material: Etapa 1- FundamentosMódulo 4 - Design e Usabilidade - Formação Continuada Midías na Educação Mídia Informática, disponível em: http://penta3.ufrgs.br/midiasedu/modu lo4/tutoriais/fundamentos/fundamentos.pd f