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

Introdução a Interface Humano Computador.pdf

  • 1.
    PRÁTICA PROFISSIONAL PROJETO E DESENVOLVIMENTO DESOFTWARE Prof. Esp. Leandro Felipe Carvalho
  • 2.
  • 3.
    Conversando sobre Interfaces... Emum dia como hoje, com quantas interfaces você se comunicou?
  • 4.
    Interface • Define-se interface comoo item existente no limite entre duas fases de um sistema heterogêneo.
  • 5.
    UI – UserInterface • É 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 elementosde 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 aslinguagens 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 serartificial, 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
  • 11.
  • 12.
    Processo de Design Análise Seguea 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 objetodeve 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 normaISO 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écada40-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 Finalda 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)
  • 19.