SlideShare ist ein Scribd-Unternehmen logo
1 von 21
Downloaden Sie, um offline zu lesen
Fundamentos teóricos da interação:
  Interfaces, sistemas,
usuários e usabilidade

                              Ana Margarites
                             Fevereiro / 2012
Retomando...
Interação Humano-Computador

                  Psicologia              Psicologia Organizacional
                   Cognitiva              e social


                Ciências         IHC            Ergonomia
          da Computação                         e fatores humanos



                   Linguística         Design
Conceitos Básicos

                     Usabilidade


                                         10
                                     0 10 010 1
                                             0
                                   01 101 11
                                    1 00
                                       0




           Usuário                 Sistema

                      Interface
O Usuário
            «O erro mais comum entre os desenvolvedores seria
            fazer duas pressuposições apressadas: primeiro, que
            todos os usuários são iguais; segundo, que todos os
            usuários são iguais ao próprio desenvolvedor.»
            AGNER, 2009


Exemplos de questões a serem consideradas acerca do usuário: o
nível educacional, o nível de leitura, a alfabetização tecnológica, a
experiência na tarefa, a experiência no sistema, a experiência no
aplicativo, a língua–mãe e o uso de outros sistemas informatizados.
(AGNER, online)
O Usuário
O Usuário

  Personas
  Personagens criadas para
  representar os diferentes
  públicos que utilizam um site.
  São atribuídos nomes,
  profissões, personalidades e
  aspirações a estas personagens.
A Interface
           «Uma interface é uma superfície de contato que reflete
           as propriedades físicas das partes que interagem, as
           funções a serem executadas e o balanço entre poder e
           controle» (LAUREL, 1993)



Quando você digita um texto, aperta o botão em uma máquina
fotográfica ou temporiza o microondas, sua ação é entendida pelo
aparelho em questão como uma ordem direta para que uma ação
seja executada. Essa relação que permite o diálogo homem-máquina
é permitida graças a um conjunto de procedimentos conhecidos por
interface do usuário (NORMAN, 2006).
A Interface
Interface gráfica - aceita a entrada através de sistemas como o
teclado ou mouse e fornece saída gráfica articulada no monitor.

Interface web - aceita a entrada e fornece saída ao gerar páginas
Web, que são transportadas pela Internet e visualizadas através de
um navegador.

Interface de linha de comando - aceita a entrada através de
comandos de texto e fornece saída imprimindo o texto no monitor.

Interface tátil - interface gráfica do usuário que usa telas de
sensíveis ao toque como forma de entrada, tornando o monitor um
dispositivo tanto de entrada como de saída do sistema.
A Interface
O Sistema
                Um sistema computacional, composto de hardware e
          0
        01 0
    01 101 01
  01 10 11
                software, inclui os requisitos necessários para o
   1 00
      0
                funcionamento de um WebSite ou de uma aplicação
                qualquer.



A interface de usuário é responsável pela visualização e envio de
informações ao / pelo sistema. O núcleo funcional é responsável pelo
processamento destas informações e pela geração dinâmica da
interface.
O Sistema

   Client-side / Front-end    Server-side / Back-end
   HTML                       Programas
   CSS                        Aplicativos
   JavaScript                 Banco de Dados
   Flash
   Outros Plugins e scripts
Usabilidade
           Em IHC, usabilidade normalmente se refere à
           simplicidade e facilidade com que uma interface, um
           programa de computador ou um website pode ser
           utilizado.



«Usabilidade é uma medida relativa. O mouse é fácil de usar, mas
para quem? Uma trackball pode ser mais fácil de usar por quem
tem deficiência motora ou sofre de LER. A interface ideal é aquela
que está adaptada às necessidades de seus usuários» (VAN
AMSTEL, online)
Usabilidade
Usabilidade

  Análise Heurística
  Análise de usabilidade de um
  site com base num repertório
  de boas práticas. Analistas de
  usabilidade avaliam o site,
  investigando possíveis
  problemas, e depois comparam
  seus achados.
Usabilidade
Usabilidade

  Heurísticas de Nielsen
  Visibilidade do estado do sistema
  Compatibilidade do sistema com o mundo real
  Controle e liberdade do usuário
  Consistência e padrões
  Prevenção de erros
  Reconhecimento ao invés de lembrança
  Flexibilidade e eficiência de uso
  Estética e design minimalista
  Ajudar os usuários a reconhecer, diagnosticar e corrigir erros
  Ajudas (Help) e documentação.
Usabilidade

  Teste de Usabilidade
  Técnica formal que envolve
  usuários representando a
  população alvo para testar
  determinado sistema. Estes
  usuários são designados para
  desenvolver tarefas típicas e
  críticas havendo com isso uma
  coleta de dados para serem
  posteriormente analisados.
Encerrando...
Interfaces, sistemas, usuários e usabilidade

  Usuário
      Personas
  Interface
      Tipos de interface
  Sistema
      Front-end e Back-end
  Usabilidade
      Heurísticas
Para Próxima Aula:

 Estudar as Heurísticas de Nielsen,
 disponíveis no blog da disciplina:
 http://interacaohc.wordpress.com/

 Organizar-se em duplas e escolher um site
 (apenas a home) para analisá-lo, na
 próxima aula, de acordo com as
 Heurísticas de Nielsen.
Referências:
 AGNER, Luiz. Ergodesign e Arquitetura de Informação > trabalhando com o usuário. Rio de Janeiro:
 Quartet, 2009.

 AGNER, Luiz. Usuário: Alguém realmente conhece esse cara? Disponível em:
 http://webinsider.uol.com.br/2004/03/02/usuario-alguem-conhece-realmente-esse-cara/. Acessado em
 28/02/12.

 LAUREL, Brenda. The Art of Human-Computer Interface Design. Addison-Wesley, 1993.

 NIELSEN, Jakob. Then Usability Heuristics. Disponível em:
 http://www.useit.com/papers/heuristic/heuristic_list.html. Acessado em 28/02/12.

 NORMAN, Donald. O Design do dia a dia. Rio de Janeiro: Rocco, 2006.

 VAN AMSTEL, Frederick. Afinal, o que é Usabilidade? Disponível em:
 http://usabilidoido.com.br/afinal_o_que_e_usabilidade.html. Acessado em 28/02/12.

Weitere ähnliche Inhalte

Was ist angesagt?

2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador
guest8a778
 
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
 
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
 

Was ist angesagt? (20)

IHC Parte1
IHC Parte1IHC Parte1
IHC Parte1
 
Interação Homem Computador Aula 02
Interação Homem Computador Aula 02Interação Homem Computador Aula 02
Interação Homem Computador Aula 02
 
Aula 1
Aula 1Aula 1
Aula 1
 
01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]01 - IHC e usabilidade [Conceitos]
01 - IHC e usabilidade [Conceitos]
 
2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador2010 05-06 b - desenho de interfaces com o utilizador
2010 05-06 b - desenho de interfaces com o utilizador
 
Apresentação geral do gqs - Usabilidade na convergência digital - Customizaç...
Apresentação geral do gqs -  Usabilidade na convergência digital - Customizaç...Apresentação geral do gqs -  Usabilidade na convergência digital - Customizaç...
Apresentação geral do gqs - Usabilidade na convergência digital - Customizaç...
 
Jai apostila
Jai apostilaJai apostila
Jai apostila
 
Usabilidade
UsabilidadeUsabilidade
Usabilidade
 
Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!Usabilidade & heurísticas para a todos guiar!
Usabilidade & heurísticas para a todos guiar!
 
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 2 - A área de IHC
Aula 2 - A área de IHCAula 2 - A área de IHC
Aula 2 - A área de IHC
 
Regras de ouro
Regras de ouroRegras de ouro
Regras de ouro
 
Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.Ergonomia e Usabilidade AULA 6.
Ergonomia e Usabilidade AULA 6.
 
Ihc Aula7
Ihc Aula7Ihc Aula7
Ihc Aula7
 
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 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHCAula 2. Fatores Humanos em IHC
Aula 2. Fatores Humanos em IHC
 
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!
 
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
 
IHC estilos interacao
IHC estilos interacaoIHC estilos interacao
IHC estilos interacao
 
Interface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira FrancaInterface Homem Computador - Janaira Franca
Interface Homem Computador - Janaira Franca
 

Andere mochten auch (6)

Anamargarites 2sad
Anamargarites 2sadAnamargarites 2sad
Anamargarites 2sad
 
+ Inovação Pública: Oficina Observar
+ Inovação Pública: Oficina Observar+ Inovação Pública: Oficina Observar
+ Inovação Pública: Oficina Observar
 
IDENTIDADE VISUAL Apresentacao metodologia - design thinking inovação focada ...
IDENTIDADE VISUAL Apresentacao metodologia - design thinking inovação focada ...IDENTIDADE VISUAL Apresentacao metodologia - design thinking inovação focada ...
IDENTIDADE VISUAL Apresentacao metodologia - design thinking inovação focada ...
 
Colheita - Oficina de Entendimento
Colheita - Oficina de EntendimentoColheita - Oficina de Entendimento
Colheita - Oficina de Entendimento
 
Colheita - Oficina de Entendimento
Colheita - Oficina de EntendimentoColheita - Oficina de Entendimento
Colheita - Oficina de Entendimento
 
Técnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao DesignTécnicas Visuais Aplicadas ao Design
Técnicas Visuais Aplicadas ao Design
 

Ähnlich wie Graphic1

Usabilidade de aplicações
Usabilidade de aplicaçõesUsabilidade de aplicações
Usabilidade de aplicações
Vitor Julião
 
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
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãp
climack
 
Principios-e-Recomendacoes-Ergonomicas.pptx
Principios-e-Recomendacoes-Ergonomicas.pptxPrincipios-e-Recomendacoes-Ergonomicas.pptx
Principios-e-Recomendacoes-Ergonomicas.pptx
AuclioSilvaSouto
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Impacta Eventos
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
Reuel Lopes
 

Ähnlich wie Graphic1 (20)

Usabilidade de aplicações
Usabilidade de aplicaçõesUsabilidade de aplicações
Usabilidade de aplicações
 
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
 
Usabilidade na tv digital
Usabilidade na tv digitalUsabilidade na tv digital
Usabilidade na tv 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
 
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
 
Avaliaçãp
AvaliaçãpAvaliaçãp
Avaliaçãp
 
Projeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumoProjeto e interface_com_usuário_resumo
Projeto e interface_com_usuário_resumo
 
Interfece
InterfeceInterfece
Interfece
 
Interface Homem Computador - IHC
Interface Homem Computador - IHCInterface Homem Computador - IHC
Interface Homem Computador - IHC
 
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...Da IHC ao UX: Uma história de ressignificação  para o mercado / Webinar BR-CH...
Da IHC ao UX: Uma história de ressignificação para o mercado / Webinar BR-CH...
 
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
O Desafio da Usabilidade - Seminário de Metodologia do IBGE 2014
 
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 - ...
 
Pesquisa
PesquisaPesquisa
Pesquisa
 
Introdução a Interface Humano Computador.pdf
Introdução a Interface Humano Computador.pdfIntrodução a Interface Humano Computador.pdf
Introdução a Interface Humano Computador.pdf
 
Principios-e-Recomendacoes-Ergonomicas.pptx
Principios-e-Recomendacoes-Ergonomicas.pptxPrincipios-e-Recomendacoes-Ergonomicas.pptx
Principios-e-Recomendacoes-Ergonomicas.pptx
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Apresentação Aula 01
Apresentação  Aula 01Apresentação  Aula 01
Apresentação Aula 01
 
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)Palestra Experiência do Usuário no contexto do negócio (UX Expert)
Palestra Experiência do Usuário no contexto do negócio (UX Expert)
 
Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)Interface Humano-Computador (IHC)
Interface Humano-Computador (IHC)
 
Inserção da pesquisa no contexto de ihc - 1 bim
Inserção da pesquisa no contexto de ihc -  1 bimInserção da pesquisa no contexto de ihc -  1 bim
Inserção da pesquisa no contexto de ihc - 1 bim
 

Graphic1

  • 1. Fundamentos teóricos da interação: Interfaces, sistemas, usuários e usabilidade Ana Margarites Fevereiro / 2012
  • 2. Retomando... Interação Humano-Computador Psicologia Psicologia Organizacional Cognitiva e social Ciências IHC Ergonomia da Computação e fatores humanos Linguística Design
  • 3. Conceitos Básicos Usabilidade 10 0 10 010 1 0 01 101 11 1 00 0 Usuário Sistema Interface
  • 4. O Usuário «O erro mais comum entre os desenvolvedores seria fazer duas pressuposições apressadas: primeiro, que todos os usuários são iguais; segundo, que todos os usuários são iguais ao próprio desenvolvedor.» AGNER, 2009 Exemplos de questões a serem consideradas acerca do usuário: o nível educacional, o nível de leitura, a alfabetização tecnológica, a experiência na tarefa, a experiência no sistema, a experiência no aplicativo, a língua–mãe e o uso de outros sistemas informatizados. (AGNER, online)
  • 6. O Usuário Personas Personagens criadas para representar os diferentes públicos que utilizam um site. São atribuídos nomes, profissões, personalidades e aspirações a estas personagens.
  • 7. A Interface «Uma interface é uma superfície de contato que reflete as propriedades físicas das partes que interagem, as funções a serem executadas e o balanço entre poder e controle» (LAUREL, 1993) Quando você digita um texto, aperta o botão em uma máquina fotográfica ou temporiza o microondas, sua ação é entendida pelo aparelho em questão como uma ordem direta para que uma ação seja executada. Essa relação que permite o diálogo homem-máquina é permitida graças a um conjunto de procedimentos conhecidos por interface do usuário (NORMAN, 2006).
  • 8. A Interface Interface gráfica - aceita a entrada através de sistemas como o teclado ou mouse e fornece saída gráfica articulada no monitor. Interface web - aceita a entrada e fornece saída ao gerar páginas Web, que são transportadas pela Internet e visualizadas através de um navegador. Interface de linha de comando - aceita a entrada através de comandos de texto e fornece saída imprimindo o texto no monitor. Interface tátil - interface gráfica do usuário que usa telas de sensíveis ao toque como forma de entrada, tornando o monitor um dispositivo tanto de entrada como de saída do sistema.
  • 10. O Sistema Um sistema computacional, composto de hardware e 0 01 0 01 101 01 01 10 11 software, inclui os requisitos necessários para o 1 00 0 funcionamento de um WebSite ou de uma aplicação qualquer. A interface de usuário é responsável pela visualização e envio de informações ao / pelo sistema. O núcleo funcional é responsável pelo processamento destas informações e pela geração dinâmica da interface.
  • 11. O Sistema Client-side / Front-end Server-side / Back-end HTML Programas CSS Aplicativos JavaScript Banco de Dados Flash Outros Plugins e scripts
  • 12. Usabilidade Em IHC, usabilidade normalmente se refere à simplicidade e facilidade com que uma interface, um programa de computador ou um website pode ser utilizado. «Usabilidade é uma medida relativa. O mouse é fácil de usar, mas para quem? Uma trackball pode ser mais fácil de usar por quem tem deficiência motora ou sofre de LER. A interface ideal é aquela que está adaptada às necessidades de seus usuários» (VAN AMSTEL, online)
  • 14. Usabilidade Análise Heurística Análise de usabilidade de um site com base num repertório de boas práticas. Analistas de usabilidade avaliam o site, investigando possíveis problemas, e depois comparam seus achados.
  • 16. Usabilidade Heurísticas de Nielsen Visibilidade do estado do sistema Compatibilidade do sistema com o mundo real Controle e liberdade do usuário Consistência e padrões Prevenção de erros Reconhecimento ao invés de lembrança Flexibilidade e eficiência de uso Estética e design minimalista Ajudar os usuários a reconhecer, diagnosticar e corrigir erros Ajudas (Help) e documentação.
  • 17. Usabilidade Teste de Usabilidade Técnica formal que envolve usuários representando a população alvo para testar determinado sistema. Estes usuários são designados para desenvolver tarefas típicas e críticas havendo com isso uma coleta de dados para serem posteriormente analisados.
  • 18. Encerrando... Interfaces, sistemas, usuários e usabilidade Usuário Personas Interface Tipos de interface Sistema Front-end e Back-end Usabilidade Heurísticas
  • 19. Para Próxima Aula: Estudar as Heurísticas de Nielsen, disponíveis no blog da disciplina: http://interacaohc.wordpress.com/ Organizar-se em duplas e escolher um site (apenas a home) para analisá-lo, na próxima aula, de acordo com as Heurísticas de Nielsen.
  • 20.
  • 21. Referências: AGNER, Luiz. Ergodesign e Arquitetura de Informação > trabalhando com o usuário. Rio de Janeiro: Quartet, 2009. AGNER, Luiz. Usuário: Alguém realmente conhece esse cara? Disponível em: http://webinsider.uol.com.br/2004/03/02/usuario-alguem-conhece-realmente-esse-cara/. Acessado em 28/02/12. LAUREL, Brenda. The Art of Human-Computer Interface Design. Addison-Wesley, 1993. NIELSEN, Jakob. Then Usability Heuristics. Disponível em: http://www.useit.com/papers/heuristic/heuristic_list.html. Acessado em 28/02/12. NORMAN, Donald. O Design do dia a dia. Rio de Janeiro: Rocco, 2006. VAN AMSTEL, Frederick. Afinal, o que é Usabilidade? Disponível em: http://usabilidoido.com.br/afinal_o_que_e_usabilidade.html. Acessado em 28/02/12.