SlideShare a Scribd company logo
1 of 22
Download to read offline
D E S I G N E U S A B I L I DA D E N A W E B
              P RO F. H U G O C R I S TO, M S C .




    U N I V E R S I DA D E F E D E R A L D O E S P Í R I TO S A N TO
     D E PA RTA M E N TO D E D E S E N H O I N D U S T R I A L
          @ H U G O C R I S TO · W W W. N I C V I X . C O M
ANATÔMICO

                FÍSICA        MECÂNICO      HARDWARE

                              FISIOLÓGICO


                             PENSAMENTO
ATIVIDADE     COGNITIVA       LINGUAGEM     SOFTWARE
HUMANA
                             APRENDIZAGEM


                              ESTRUTURAS

            ORGANIZACIONAL     POLÍTICAS    GROUPWARE

                              PROCESSOS
FÍSICA




ATIVIDADE
HUMANA
              COGNITIVA      PRODUTO




            ORGANIZACIONAL
FÍSICA




ATIVIDADE
HUMANA
              COGNITIVA      COMPUTADOR




            ORGANIZACIONAL
FÍSICA




ATIVIDADE
HUMANA
              COGNITIVA      SPIMEWARE




            ORGANIZACIONAL
[ G R E E N F I E L D ] E V E RY WA R E   [ STERLING ] SPIME   [ M E I R A ] S P I M E WA R E
spimeware 1. está na rede; 2. é wireless; 3. é múltiplo [pode haver uma infinidade de
cópias] mas 4. é identificável de forma única e 5. obedece ao princípio SFO [search, find,
obtain] mas 6. é imperceptível [a “olho nu”] porque 7. está embarcado, embutido em
coisas e, também por causa disso, 8. tem interface “invisível”. ainda mais, spimeware 9.
carrega seu próprio plano de construção, uso e reciclagem e 10. guarda ou deposita na
rede seu rastro histórico. [adam greenfield + bruce sterling + silvio meira]
O objeto é a interface                Da UX para UXI
Reencontro da metáfora da atividade   Não bastará projetar a partir da
com a própria atividade.              experiência. Sistemas desenvolverão
                                      uma inteligência sobre a experiência
IHC, ICC, ICH...                      do usuário para operar.
Interações de todas as naturezas
terão desdobramentos cognitivos.      Mudança de escala
                                      A dimensão do contexto orienta a
O design é do serviço                 escala do projeto: o quarto, a casa, a
Foco nas interações que emergem do    rua, a vizinhança, o bairro, a cidade...
sistema e não nos seus componentes.   e todas as suas transições.
OBRIGADO!




U N I V E R S I DA D E F E D E R A L D O E S P Í R I TO S A N TO
 D E PA RTA M E N TO D E D E S E N H O I N D U S T R I A L
      @ H U G O C R I S TO · W W W. N I C V I X . C O M

More Related Content

Similar to Design e Usabilidade para a Web (que morreu)

Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópiaIgor Rezende Santos
 
Palestra - Arquitetura de Informação e Usabilidade
Palestra - Arquitetura de Informação e UsabilidadePalestra - Arquitetura de Informação e Usabilidade
Palestra - Arquitetura de Informação e UsabilidadeLuiz Agner
 
Artigos Interaction South America 2010
Artigos  Interaction South America 2010Artigos  Interaction South America 2010
Artigos Interaction South America 2010Erico Fileno
 
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFES
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFESDesign da Informação x Novas mìdias: A proposta do NIC/DDI-UFES
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFESHugo Cristo
 
Palestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSPalestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSGabriela Oliveira
 
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?Marcos César
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interaçãoLuiz Agner
 
Sobre a Informação
Sobre a InformaçãoSobre a Informação
Sobre a Informaçãoaiadufmg
 
[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência JuntosTássia Spinelli
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da InformaçãoMarcello Cardoso
 
TICs para relações públicas em assessorias
TICs para relações públicas em assessoriasTICs para relações públicas em assessorias
TICs para relações públicas em assessoriasLuciana Jerônimo
 
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...Wagner Tironi Pinto
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeEscola do Marketing Digital
 

Similar to Design e Usabilidade para a Web (que morreu) (20)

Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Tic’s na educação profa. suzy dayse cópia
Tic’s na educação profa. suzy dayse   cópiaTic’s na educação profa. suzy dayse   cópia
Tic’s na educação profa. suzy dayse cópia
 
Palestra - Arquitetura de Informação e Usabilidade
Palestra - Arquitetura de Informação e UsabilidadePalestra - Arquitetura de Informação e Usabilidade
Palestra - Arquitetura de Informação e Usabilidade
 
Etnografia Remota: a mobilidade dos dados
Etnografia Remota: a mobilidade dos dadosEtnografia Remota: a mobilidade dos dados
Etnografia Remota: a mobilidade dos dados
 
Artigos Interaction South America 2010
Artigos  Interaction South America 2010Artigos  Interaction South America 2010
Artigos Interaction South America 2010
 
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFES
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFESDesign da Informação x Novas mìdias: A proposta do NIC/DDI-UFES
Design da Informação x Novas mìdias: A proposta do NIC/DDI-UFES
 
Palestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCSPalestra UX no curso de Jornalismo/UCS
Palestra UX no curso de Jornalismo/UCS
 
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
DESENVOLVEDORES, ONDE FOI QUE A TÉCNICA DEVOROU A ESSÊNCIA DO NOSSO TRABALHO?
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
Sobre a Informação
Sobre a InformaçãoSobre a Informação
Sobre a Informação
 
[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos[Web br 2016] Construindo a Experiência Juntos
[Web br 2016] Construindo a Experiência Juntos
 
Arquitetura da Informação
Arquitetura da InformaçãoArquitetura da Informação
Arquitetura da Informação
 
BIM hive
BIM hiveBIM hive
BIM hive
 
TICs para relações públicas em assessorias
TICs para relações públicas em assessoriasTICs para relações públicas em assessorias
TICs para relações públicas em assessorias
 
Computação?
Computação?Computação?
Computação?
 
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...Graduação   puc - aplicações de padrões de projeto no desenvolvimento de inte...
Graduação puc - aplicações de padrões de projeto no desenvolvimento de inte...
 
Intensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidadeIntensivo 80h - Arquitetura de informação e usabilidade
Intensivo 80h - Arquitetura de informação e usabilidade
 
Petic Ufs
Petic UfsPetic Ufs
Petic Ufs
 

More from Hugo Cristo

Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Hugo Cristo
 
Paulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoPaulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoHugo Cristo
 
Demoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realDemoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realHugo Cristo
 
Apresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesApresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesHugo Cristo
 
Apresentação Cidades
Apresentação CidadesApresentação Cidades
Apresentação CidadesHugo Cristo
 
Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Hugo Cristo
 
Tecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosTecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosHugo Cristo
 
Design sem Designer - PUCPR
Design sem Designer - PUCPRDesign sem Designer - PUCPR
Design sem Designer - PUCPRHugo Cristo
 
Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Hugo Cristo
 
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosProjeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosHugo Cristo
 
Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Hugo Cristo
 
Design e Cidanania no e-Gov
Design e Cidanania no e-GovDesign e Cidanania no e-Gov
Design e Cidanania no e-GovHugo Cristo
 
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosCidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosHugo Cristo
 
Design e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoDesign e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoHugo Cristo
 
Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Hugo Cristo
 
Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Hugo Cristo
 
Palestra Campus Party 7
Palestra Campus Party 7Palestra Campus Party 7
Palestra Campus Party 7Hugo Cristo
 
Design sem Designer no meet2Brains
Design sem Designer no meet2BrainsDesign sem Designer no meet2Brains
Design sem Designer no meet2BrainsHugo Cristo
 
Para onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisPara onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisHugo Cristo
 
Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Hugo Cristo
 

More from Hugo Cristo (20)

Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
Tendências da Revista “Psicologia: Ciência e Profissão” (1982-2018): demonstr...
 
Paulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de InteraçãoPaulo Freire e a educação em Design de Interação
Paulo Freire e a educação em Design de Interação
 
Demoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo realDemoscene: arte computacional em tempo real
Demoscene: arte computacional em tempo real
 
Apresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do IfesApresentação do Cidades na Câmara de Extensão do Ifes
Apresentação do Cidades na Câmara de Extensão do Ifes
 
Apresentação Cidades
Apresentação CidadesApresentação Cidades
Apresentação Cidades
 
Apresentação Inovaserra 2013
Apresentação Inovaserra 2013Apresentação Inovaserra 2013
Apresentação Inovaserra 2013
 
Tecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileirosTecnologias e práticas docentes: casos brasileiros
Tecnologias e práticas docentes: casos brasileiros
 
Design sem Designer - PUCPR
Design sem Designer - PUCPRDesign sem Designer - PUCPR
Design sem Designer - PUCPR
 
Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015Imersão em Design na Agroindústria - Apresentação N SP 2015
Imersão em Design na Agroindústria - Apresentação N SP 2015
 
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de ProjetosProjeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
Projeto de Apoio ao Artesão - Loop / UFES / Escritório-Modelo de Projetos
 
Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)Design de Interação (se é que existe outro)
Design de Interação (se é que existe outro)
 
Design e Cidanania no e-Gov
Design e Cidanania no e-GovDesign e Cidanania no e-Gov
Design e Cidanania no e-Gov
 
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e ConteúdosCidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
Cidadania e Educação Inclusiva: Teoria, Infraestrutura e Conteúdos
 
Design e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da InovaçãoDesign e UX para inovação - Desafio da Inovação
Design e UX para inovação - Desafio da Inovação
 
Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015Apresentação Loop Semana Calórica Design/Ufes 2015
Apresentação Loop Semana Calórica Design/Ufes 2015
 
Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014Design sem Designer - UnB 01/12/2014
Design sem Designer - UnB 01/12/2014
 
Palestra Campus Party 7
Palestra Campus Party 7Palestra Campus Party 7
Palestra Campus Party 7
 
Design sem Designer no meet2Brains
Design sem Designer no meet2BrainsDesign sem Designer no meet2Brains
Design sem Designer no meet2Brains
 
Para onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes SociaisPara onde caminhamos com o uso das Redes Sociais
Para onde caminhamos com o uso das Redes Sociais
 
Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)Seminários do LabPC I: Design Computacional (Aula 03)
Seminários do LabPC I: Design Computacional (Aula 03)
 

Design e Usabilidade para a Web (que morreu)

  • 1. D E S I G N E U S A B I L I DA D E N A W E B P RO F. H U G O C R I S TO, M S C . U N I V E R S I DA D E F E D E R A L D O E S P Í R I TO S A N TO D E PA RTA M E N TO D E D E S E N H O I N D U S T R I A L @ H U G O C R I S TO · W W W. N I C V I X . C O M
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. ANATÔMICO FÍSICA MECÂNICO HARDWARE FISIOLÓGICO PENSAMENTO ATIVIDADE COGNITIVA LINGUAGEM SOFTWARE HUMANA APRENDIZAGEM ESTRUTURAS ORGANIZACIONAL POLÍTICAS GROUPWARE PROCESSOS
  • 7.
  • 8.
  • 9.
  • 10. FÍSICA ATIVIDADE HUMANA COGNITIVA PRODUTO ORGANIZACIONAL
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17. FÍSICA ATIVIDADE HUMANA COGNITIVA COMPUTADOR ORGANIZACIONAL
  • 18. FÍSICA ATIVIDADE HUMANA COGNITIVA SPIMEWARE ORGANIZACIONAL
  • 19. [ G R E E N F I E L D ] E V E RY WA R E [ STERLING ] SPIME [ M E I R A ] S P I M E WA R E
  • 20. spimeware 1. está na rede; 2. é wireless; 3. é múltiplo [pode haver uma infinidade de cópias] mas 4. é identificável de forma única e 5. obedece ao princípio SFO [search, find, obtain] mas 6. é imperceptível [a “olho nu”] porque 7. está embarcado, embutido em coisas e, também por causa disso, 8. tem interface “invisível”. ainda mais, spimeware 9. carrega seu próprio plano de construção, uso e reciclagem e 10. guarda ou deposita na rede seu rastro histórico. [adam greenfield + bruce sterling + silvio meira]
  • 21. O objeto é a interface Da UX para UXI Reencontro da metáfora da atividade Não bastará projetar a partir da com a própria atividade. experiência. Sistemas desenvolverão uma inteligência sobre a experiência IHC, ICC, ICH... do usuário para operar. Interações de todas as naturezas terão desdobramentos cognitivos. Mudança de escala A dimensão do contexto orienta a O design é do serviço escala do projeto: o quarto, a casa, a Foco nas interações que emergem do rua, a vizinhança, o bairro, a cidade... sistema e não nos seus componentes. e todas as suas transições.
  • 22. OBRIGADO! U N I V E R S I DA D E F E D E R A L D O E S P Í R I TO S A N TO D E PA RTA M E N TO D E D E S E N H O I N D U S T R I A L @ H U G O C R I S TO · W W W. N I C V I X . C O M