SlideShare uma empresa Scribd logo
1 de 19
Baixar para ler offline
PRÁTICA PROFISSIONAL
PROJETO E
DESENVOLVIMENTO
DE SOFTWARE
Prof. Esp. Leandro Felipe Carvalho
INTERAÇÃO HUMANO
COMPUTADOR
Fazendo sistemas para o Homem Moderno
Conversando sobre Interfaces...
Em um dia
como hoje,
com quantas
interfaces
você se
comunicou?
Interface
• Define-se interface
como o item
existente no limite
entre duas fases de
um sistema
heterogêneo.
UI – User Interface
• É a interface do usuário que
realiza o suporte
computacional pelo qual o
usuário aciona as funções do
sistema e dele recebe as
informações necessárias para
suas tarefas.
A Interface tem
elementos de
Hardware e Software
HARDWARE:
• Equipamentos de Interação
RV Glasses
Touch Screen
SOFTWARE:
• Programas responsáveis pela apresentação
da informação, pelo acionamento dos
dispositivos de interação e pela dinâmica de
comunicação
O que é Interação?
É um diálogo entre o
Computacional e o Humano
Essa interação é realizada por
uma Linguagem Artificial.
A comunicação Humana não
precisa ser programada.
Uma Linguagem...
Todas as linguagens possuem elementos:
• Léxicos
• Sintáticos
• Semânticos
Estudo de Linguagem - Aplicativo O que esse
número na
bolinha
significa
para você?
• Por ser artificial, depende de DESIGN.
Entende-se por design um processo de projeto que
visa criar formas e funções dos objetos,
produtos e serviços de uso, de forma a torna-
los adequados às necessidades de seus usuários
e/ou aos efeitos desejados sobre eles.
A Interação humano-computador
Perspectivas de Interação
Processo de Design
Análise
Segue a ideia de
Levantamento de
Requisitos que
você já domina.
Protótipo
Utilizam-se
ferramentas para
Wireframe ou
desenho de
interface
(projeto)
Correção
Conversa com o
usuário ou aplica
em ambiente
testes e ajusta o
necessário na
interface
Finalização
Adequa os
elementos as
cores e
disposição de
design do
projeto.
Aceitação
Publica-se o app
ou site ou
mesmo o
dispositivo com
aquela interface
Affordance
O próprio objeto deve indicar seu uso...
Sem manual de instruções
Em IHC, uma característica do objeto capaz de revelar aos
usuários o que se pode fazer com ele.
QUALIDADE
Segundo a norma ISO
8402:
“Totalidade de
características de uma
entidade, que lhe confere
a capacidade de
satisfazer as necessidades
explícitas e implícitas”.
É um conceito relativo e
dinâmico
Qualidade por período
Década 40-50
Primeiros
Computadores
Adequação
funcional e
disponibilidade.
Década de 60
Surgem
mainframes.
Utilidade e
Desempenho
Década de 70
Sistemas
automáticos e
Controladores.
Inteligibilidade,
operabilidade e
confiabilidade da
operação
Década de 80
Surgem Usuários
diversos com os
PCs.
Era Personal
Computing e
Interfaces.
Usabilidade:
eficácia,
eficiência e
satisfação (ISO 9241-11)
Década de 90
Nielsen estuda
Usabilidade.
Learnability
Efficiency
Memorability
Low errors
Subjective
Satisfaction
Qualidade por período
Final da Década
de 90
Surge a WEB.
Mediação entre usuários
alimentadores e
consumidores.
Comunicabilidade,
navegabilidade e findability.
Anos 2000
Redes Sociais e Dispositivos
Móveis
Portabilidade,
responsividade,
acessibilidade, sensibilidade a
contexto e jogabilidade.
2010 +
Sistemas inteligentes usando
IoT.
Qualidade de interação e
multidimensional.
Norma ISO 25010 - 2011
Usabilidade como qualidade do produto:
• Capacidade de reconhecimento da adequação (appropriateness recognizability)
• Facilidade de Aprendizado (learnability)
• Operabilidade (operability)
• Proteção contra erros do usuário (user error protection)
• Estética da interface de Usuário (user interface aesthetics)
• Acessibilidade (acessibility)
Norma ISO 25010 - 2011
Qualidade em Uso:
• Eficácia (effectiveness)
• Eficiência (efficiency)
• Satisfação (satisfaction)
• Utilidade (usefulness)
• Confiança (trust)
• Prazer (pleasure)
• Conforto (comfort)
• Isenção de Riscos (Freedom form risk)
• Cobertura de contexto (Context coverage)
OBRIGADO!
Prof. Leandro Felipe Carvalho

Mais conteúdo relacionado

Semelhante a Introdução a Interface Humano Computador.pdf

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
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosawudrs
 
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
 
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
 
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
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidadelucattony
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02igoroliveiracosta
 
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
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?mabuse h.d.
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHCNeilda Costa
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - OficinaLtia Unesp
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Oziel Moreira Neto
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaJoana Moura Ferreira
 
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
 

Semelhante a Introdução a Interface Humano Computador.pdf (20)

Usabilidade na tv digital
Usabilidade na tv digitalUsabilidade na tv digital
Usabilidade na tv digital
 
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
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
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
 
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
 
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
 
Palestra Usabilidade
Palestra UsabilidadePalestra Usabilidade
Palestra Usabilidade
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
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
 
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
O que radiografias, cavaletes e Inovação Centrada no Usuário tem em comum?
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Curso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula CoelhoCurso Marketing Digital Ana Paula Coelho
Curso Marketing Digital Ana Paula Coelho
 
Aula 1
Aula 1Aula 1
Aula 1
 
Prototipagem em Papel - Oficina
Prototipagem em Papel - OficinaPrototipagem em Papel - Oficina
Prototipagem em Papel - Oficina
 
Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1Usabilidade de Interfaces - Parte 1
Usabilidade de Interfaces - Parte 1
 
Aula 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Novas formas de interação Homem-máquina
Novas formas de interação Homem-máquinaNovas formas de interação Homem-máquina
Novas formas de interação Homem-máquina
 
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
 

Introdução a Interface Humano Computador.pdf

  • 1. PRÁTICA PROFISSIONAL PROJETO E DESENVOLVIMENTO DE SOFTWARE Prof. Esp. Leandro Felipe Carvalho
  • 3. Conversando sobre Interfaces... Em um dia como hoje, com quantas interfaces você se comunicou?
  • 4. Interface • Define-se interface como o item existente no limite entre duas fases de um sistema heterogêneo.
  • 5. UI – User Interface • É a interface do usuário que realiza o suporte computacional pelo qual o usuário aciona as funções do sistema e dele recebe as informações necessárias para suas tarefas.
  • 6. A Interface tem elementos de Hardware e Software HARDWARE: • Equipamentos de Interação RV Glasses Touch Screen SOFTWARE: • Programas responsáveis pela apresentação da informação, pelo acionamento dos dispositivos de interação e pela dinâmica de comunicação
  • 7. O que é Interação? É um diálogo entre o Computacional e o Humano Essa interação é realizada por uma Linguagem Artificial. A comunicação Humana não precisa ser programada.
  • 8. Uma Linguagem... Todas as linguagens possuem elementos: • Léxicos • Sintáticos • Semânticos
  • 9. Estudo de Linguagem - Aplicativo O que esse número na bolinha significa para você?
  • 10. • Por ser artificial, depende de DESIGN. Entende-se por design um processo de projeto que visa criar formas e funções dos objetos, produtos e serviços de uso, de forma a torna- los adequados às necessidades de seus usuários e/ou aos efeitos desejados sobre eles. A Interação humano-computador
  • 12. Processo de Design Análise Segue a ideia de Levantamento de Requisitos que você já domina. Protótipo Utilizam-se ferramentas para Wireframe ou desenho de interface (projeto) Correção Conversa com o usuário ou aplica em ambiente testes e ajusta o necessário na interface Finalização Adequa os elementos as cores e disposição de design do projeto. Aceitação Publica-se o app ou site ou mesmo o dispositivo com aquela interface
  • 13. Affordance O próprio objeto deve indicar seu uso... Sem manual de instruções Em IHC, uma característica do objeto capaz de revelar aos usuários o que se pode fazer com ele.
  • 14. QUALIDADE Segundo a norma ISO 8402: “Totalidade de características de uma entidade, que lhe confere a capacidade de satisfazer as necessidades explícitas e implícitas”. É um conceito relativo e dinâmico
  • 15. Qualidade por período Década 40-50 Primeiros Computadores Adequação funcional e disponibilidade. Década de 60 Surgem mainframes. Utilidade e Desempenho Década de 70 Sistemas automáticos e Controladores. Inteligibilidade, operabilidade e confiabilidade da operação Década de 80 Surgem Usuários diversos com os PCs. Era Personal Computing e Interfaces. Usabilidade: eficácia, eficiência e satisfação (ISO 9241-11) Década de 90 Nielsen estuda Usabilidade. Learnability Efficiency Memorability Low errors Subjective Satisfaction
  • 16. Qualidade por período Final da Década de 90 Surge a WEB. Mediação entre usuários alimentadores e consumidores. Comunicabilidade, navegabilidade e findability. Anos 2000 Redes Sociais e Dispositivos Móveis Portabilidade, responsividade, acessibilidade, sensibilidade a contexto e jogabilidade. 2010 + Sistemas inteligentes usando IoT. Qualidade de interação e multidimensional.
  • 17. Norma ISO 25010 - 2011 Usabilidade como qualidade do produto: • Capacidade de reconhecimento da adequação (appropriateness recognizability) • Facilidade de Aprendizado (learnability) • Operabilidade (operability) • Proteção contra erros do usuário (user error protection) • Estética da interface de Usuário (user interface aesthetics) • Acessibilidade (acessibility)
  • 18. Norma ISO 25010 - 2011 Qualidade em Uso: • Eficácia (effectiveness) • Eficiência (efficiency) • Satisfação (satisfaction) • Utilidade (usefulness) • Confiança (trust) • Prazer (pleasure) • Conforto (comfort) • Isenção de Riscos (Freedom form risk) • Cobertura de contexto (Context coverage)