SlideShare uma empresa Scribd logo
1 de 26
Baixar para ler offline
<1/>
<UNIVERSIDADE EVANGÉLICA DE GOIÁS/>
<UNIVERSIDADE EVANGÉLICA DE GOIÁS/>
Design de
Interfacee
Experiênciade
Usuário//
Prof. TallesSantosFaria Silva
Fundamentos; Objetivos; Definições; Importância.
INTERAÇÃO HOMEM COMPUTADOR
Fundamentos da IHC
Usuário
Interface
Aplicação
Ação
Interpretação
Sistema
Definições
É o conjunto de processos,
diálogos, e ações atravésdos
quais o usuário humano
interagecom um
computador.
EVOLUÇÃO DA INTERFACE HOMEM COMPUTADOR
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
O homem tinha
que se adaptarao sistema
criado.
Evolução da Interface Homem Computador
Evolução da Interface Homem Computador
Introdução de abordagens
que consideram aspectos
multidimensionais, como exemplo,
aspectos cognitivos do usuário
durante a comunicação.
Evolução da Interface Homem Computador
• Dados Alfanuméricos
• Texto Livre
• Gráficos
• Animações
• Imagens Estáticas (Fotografia)
• Som (Efeitos Especiais, Discos, Voz, Rádio)
• Imagens Dinâmicas (Vídeo, Cinema, TV)
DESAFIOS E OBJETIVOS EM IHC
Desafios e Objetivos em IHC
• Desafios em relação aos usuários:
– Trazem consigo experiências passadas;
– Pouca familiaridade com a tecnologia;
– Se cansa rápido de interfaces muito carregadas;
– Tem inúmeras opções de escolha;
– Se ele não sabe muito a respeito de um objeto ou
tarefa, irá associar com algo que já é de seu conhecimento;
– Abandona sites difíceis de usar;
– É exigente;
– É crítico.
Desafios e Objetivos em IHC
Os desenvolvedores de sistemas muitas vezes
(senão na maioria delas) são responsáveis
também pela criação das interfaces, embora
possam não ter conhecimentos relacionados a
IHC.
Desafios e Objetivos em IHC
• Desafios em relação
aos usuários:
– Perfis diferentes:
Usuários têm
necessidades
diferentes em
função da sua
experiência.
Desafios e Objetivos em IHC
• Desafios:
– No mundo moderno existem
diversos objetos que nos
fazem parar e pensar como
usálos;
– O que parece muito simples
para alguns pode não ser tão
o simples para outros;
– Instruções de uso mal
elaboradas podem causar
mais dúvidas;
– Uso frequente de tentativa e
erro.
Desafios e Objetivos em IHC
Desafios e Objetivos em IHC
• Objetivos
– Esconder a tecnologia;
– Deixar
atividades,
as pessoas
com a tecnologia
realizarem suas
aumentando a sua
produtividade, seu poder, e seu divertimento, cada vez
mais por ser invísivel (fora de vista, desapercebida);
Desafios e Objetivos em IHC
• Objetivos
– Permitir que as pessoas aprendam a tarefa, não a tecnologia;
– Empregar a ferramenta na tarefa e não adequar a tarefa à
ferramenta;
– As ferramentas devem seguir os três princípios básicos
do design: simplicidade, versatilidade e satisfação do usuário.
Critérios de Qualidade da Interface
• Experiência do Usuário;
• Comunicabilidade;
• Acessibilidade;
• Usabilidade.
SÃO UTILIZADOS PARAAVALIAR A QUALIDADE!
Por quê estudar
IHC?
Por quê estudar IHC?
"Softwares dão forma à interação entre
usuário e computador. Ainterface atua
como uma espécie de tradutor, mediando
entre as duas partes, tornando uma
sensível para a outra."
(Steven Johson, 2001 pp. 17)
INTERFACE, INTERAÇÃO E AFFORDANCE
• Interação: processo de comunicação entre pessoas e Interação é
o processo de comunicação entre pessoas e sistemas interativos;
– A interação só é possível quando o sistema oferece uma
interface.
• Interface: é toda porção de um sistema com a qual um usuário
mantém contato, ou seja, é o meio de contato entre o usuário e
o sistema.

Mais conteúdo relacionado

Semelhante a Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO

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
 
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árioAndré Constantino da Silva
 
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 NielsenRos Galabo, PhD
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicosEduardo Xavier
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceHorácio Soares
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webDaniel Brandão
 
Introdução a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuárioBruno Biagioni Neto
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarSoftware fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarHarlley Oliveira
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersNeue Labs
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalMarconi Pacheco
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
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çãoFelipe Dal Molin
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshareguest5ccda
 

Semelhante a Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO (20)

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 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
 
Introducao ihm
Introducao ihmIntroducao ihm
Introducao 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
 
Ihc 01-conceitos básicos
Ihc 01-conceitos básicosIhc 01-conceitos básicos
Ihc 01-conceitos básicos
 
Webinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerceWebinar Usabilidade no E-commerce
Webinar Usabilidade no E-commerce
 
Heurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na webHeurística, Principios e Usabilidade na web
Heurística, Principios e Usabilidade na web
 
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 a experiência do usuário
Introdução a experiência do usuárioIntrodução a experiência do usuário
Introdução a experiência do usuário
 
Software fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programarSoftware fácil de usar não é difícil de programar
Software fácil de usar não é difícil de programar
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 
Workshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholdersWorkshop: Ouvindo usuários e stakeholders
Workshop: Ouvindo usuários e stakeholders
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Design Centrado no Usuário
Design Centrado no UsuárioDesign Centrado no Usuário
Design Centrado no Usuário
 
Aula 1
Aula 1Aula 1
Aula 1
 
Design Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface DigitalDesign Centrado no Usuário para Interface Digital
Design Centrado no Usuário para Interface Digital
 
Usabilidade Simples
Usabilidade SimplesUsabilidade Simples
Usabilidade Simples
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
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
 
Seminario Lep Ibge Slideshare
Seminario Lep Ibge SlideshareSeminario Lep Ibge Slideshare
Seminario Lep Ibge Slideshare
 

Mais de JulioCesar371362

13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...
13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...
13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...JulioCesar371362
 
Introdução- nutrição, nutrientes e alimentação equilibrada- semana 1.pdf
Introdução- nutrição, nutrientes e alimentação  equilibrada- semana 1.pdfIntrodução- nutrição, nutrientes e alimentação  equilibrada- semana 1.pdf
Introdução- nutrição, nutrientes e alimentação equilibrada- semana 1.pdfJulioCesar371362
 
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdf
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdfAULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdf
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdfJulioCesar371362
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfJulioCesar371362
 
06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docxJulioCesar371362
 
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANO
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANOAULA 3 - ESTUDO DO GASTO ENERGETICO HUMANO
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANOJulioCesar371362
 
AULA 01 - Introdução - Diagramação e Composição.pdf
AULA 01 - Introdução - Diagramação e Composição.pdfAULA 01 - Introdução - Diagramação e Composição.pdf
AULA 01 - Introdução - Diagramação e Composição.pdfJulioCesar371362
 
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTAR
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTARARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTAR
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTARJulioCesar371362
 
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdf
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdfAula - SUS e RAS 1 ciclo Nutrição em Saúde.pdf
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdfJulioCesar371362
 
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdf
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdfASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdf
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdfJulioCesar371362
 
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃOJulioCesar371362
 
1 - apresentacao disciplina nutrição humana
1 - apresentacao disciplina nutrição humana1 - apresentacao disciplina nutrição humana
1 - apresentacao disciplina nutrição humanaJulioCesar371362
 

Mais de JulioCesar371362 (12)

13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...
13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...
13.DIFERENÇAS BÁSICAS, ESTUDO E PRODUÇÃO DE IMAGENS FOTOGRÁFICAS COM LUZ ARTI...
 
Introdução- nutrição, nutrientes e alimentação equilibrada- semana 1.pdf
Introdução- nutrição, nutrientes e alimentação  equilibrada- semana 1.pdfIntrodução- nutrição, nutrientes e alimentação  equilibrada- semana 1.pdf
Introdução- nutrição, nutrientes e alimentação equilibrada- semana 1.pdf
 
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdf
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdfAULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdf
AULA 2 Alimentos e Nutrientes (classificação, fontes alimentares e funções).pdf
 
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdfdesigner grafico Aula 05 - Heurísticas de Nielsen.pdf
designer grafico Aula 05 - Heurísticas de Nielsen.pdf
 
06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx06-engenharia de softwere Análise e Projeto de Software.docx
06-engenharia de softwere Análise e Projeto de Software.docx
 
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANO
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANOAULA 3 - ESTUDO DO GASTO ENERGETICO HUMANO
AULA 3 - ESTUDO DO GASTO ENERGETICO HUMANO
 
AULA 01 - Introdução - Diagramação e Composição.pdf
AULA 01 - Introdução - Diagramação e Composição.pdfAULA 01 - Introdução - Diagramação e Composição.pdf
AULA 01 - Introdução - Diagramação e Composição.pdf
 
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTAR
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTARARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTAR
ARTIGO DOENÇAS DTAS DOENÇAS DE ORIGEM ALIMENTAR
 
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdf
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdfAula - SUS e RAS 1 ciclo Nutrição em Saúde.pdf
Aula - SUS e RAS 1 ciclo Nutrição em Saúde.pdf
 
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdf
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdfASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdf
ASPECTOS JURÍDICOS DO USO DE MARCAS E PATENTES 2024.pdf
 
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO
1 AULA CONCEITOS BÁSICOS CONCEITOS DE NUTRIÇÃO
 
1 - apresentacao disciplina nutrição humana
1 - apresentacao disciplina nutrição humana1 - apresentacao disciplina nutrição humana
1 - apresentacao disciplina nutrição humana
 

Aula 02 - Design - Primeira Parte INTERFACE E EXPERIENCIA DE USUARIO

  • 1. <1/> <UNIVERSIDADE EVANGÉLICA DE GOIÁS/> <UNIVERSIDADE EVANGÉLICA DE GOIÁS/> Design de Interfacee Experiênciade Usuário// Prof. TallesSantosFaria Silva
  • 2. Fundamentos; Objetivos; Definições; Importância. INTERAÇÃO HOMEM COMPUTADOR
  • 4. Definições É o conjunto de processos, diálogos, e ações atravésdos quais o usuário humano interagecom um computador.
  • 5. EVOLUÇÃO DA INTERFACE HOMEM COMPUTADOR
  • 6. Evolução da Interface Homem Computador
  • 7. Evolução da Interface Homem Computador
  • 8. Evolução da Interface Homem Computador
  • 9. Evolução da Interface Homem Computador
  • 10. Evolução da Interface Homem Computador
  • 11. Evolução da Interface Homem Computador O homem tinha que se adaptarao sistema criado.
  • 12. Evolução da Interface Homem Computador
  • 13. Evolução da Interface Homem Computador Introdução de abordagens que consideram aspectos multidimensionais, como exemplo, aspectos cognitivos do usuário durante a comunicação.
  • 14. Evolução da Interface Homem Computador • Dados Alfanuméricos • Texto Livre • Gráficos • Animações • Imagens Estáticas (Fotografia) • Som (Efeitos Especiais, Discos, Voz, Rádio) • Imagens Dinâmicas (Vídeo, Cinema, TV)
  • 16. Desafios e Objetivos em IHC • Desafios em relação aos usuários: – Trazem consigo experiências passadas; – Pouca familiaridade com a tecnologia; – Se cansa rápido de interfaces muito carregadas; – Tem inúmeras opções de escolha; – Se ele não sabe muito a respeito de um objeto ou tarefa, irá associar com algo que já é de seu conhecimento; – Abandona sites difíceis de usar; – É exigente; – É crítico.
  • 17. Desafios e Objetivos em IHC Os desenvolvedores de sistemas muitas vezes (senão na maioria delas) são responsáveis também pela criação das interfaces, embora possam não ter conhecimentos relacionados a IHC.
  • 18. Desafios e Objetivos em IHC • Desafios em relação aos usuários: – Perfis diferentes: Usuários têm necessidades diferentes em função da sua experiência.
  • 19. Desafios e Objetivos em IHC • Desafios: – No mundo moderno existem diversos objetos que nos fazem parar e pensar como usálos; – O que parece muito simples para alguns pode não ser tão o simples para outros; – Instruções de uso mal elaboradas podem causar mais dúvidas; – Uso frequente de tentativa e erro.
  • 21. Desafios e Objetivos em IHC • Objetivos – Esconder a tecnologia; – Deixar atividades, as pessoas com a tecnologia realizarem suas aumentando a sua produtividade, seu poder, e seu divertimento, cada vez mais por ser invísivel (fora de vista, desapercebida);
  • 22. Desafios e Objetivos em IHC • Objetivos – Permitir que as pessoas aprendam a tarefa, não a tecnologia; – Empregar a ferramenta na tarefa e não adequar a tarefa à ferramenta; – As ferramentas devem seguir os três princípios básicos do design: simplicidade, versatilidade e satisfação do usuário.
  • 23. Critérios de Qualidade da Interface • Experiência do Usuário; • Comunicabilidade; • Acessibilidade; • Usabilidade. SÃO UTILIZADOS PARAAVALIAR A QUALIDADE!
  • 25. Por quê estudar IHC? "Softwares dão forma à interação entre usuário e computador. Ainterface atua como uma espécie de tradutor, mediando entre as duas partes, tornando uma sensível para a outra." (Steven Johson, 2001 pp. 17)
  • 26. INTERFACE, INTERAÇÃO E AFFORDANCE • Interação: processo de comunicação entre pessoas e Interação é o processo de comunicação entre pessoas e sistemas interativos; – A interação só é possível quando o sistema oferece uma interface. • Interface: é toda porção de um sistema com a qual um usuário mantém contato, ou seja, é o meio de contato entre o usuário e o sistema.