SlideShare uma empresa Scribd logo
1 de 36
Baixar para ler offline
DESIGNING
FOR SOCIAL
INTERACTIONS
Como projetar sistemas para
dar suporte à interação e à
inteligência social.




TechTalk, Carlos Krämer, 02/08/2011
O que é Design de
Interação e por que
isso interessa?
Design de Interação é:




   (algumas) Definições e abordagens
Design de Interação é:



   design de produtos
   interativos digitais
   “design de produtos interativos que
   fornecem suporte às atividades
   cotidianas das pessoas, seja no lar
   ou trabalho”
   (Preece, Rogers e Sharp, 2005)
Design de Interação é:



   design de produtos interativos
   “Interaction design has to do with the
   design of any artifact, be it an object,
   system, or environment, whose primary
   aim is to support either an interaction of a
   person with the artifact, or an interaction
   among people that is mediated by the
   artifact. Although some see interaction
   design as particularly concerned with
   digital systems -- either computer systems
   or artifacts with embedded computational
   capabilities -- I see no reason to exclude
   humbler artifacts”
   (Tom Erickson, 2005)
Design de Interação é:



   design de mediação social
   “Interaction design is the art of
   facilitating or instigating interactions
   between humans mediated by
               humans,
   products. (…) The products an
   interaction designer creates can be
   digital or analog, physical or
   incorporeal or some combination
   thereof.”
   (Dan Saffer, 2004)




                                              Crédito: Paul Adams
so, what's new?
Um típico problema
de design industrial
Uma típica solução
de design industrial
Um problema
de interação
Uma solução de
design de interação
Uma alternativa
ou, quem sabe, essa:
a good framework
exists around
designing for social
relationships
Paul Adams
Como colocar em prática o
design de interação focado em
relações sociais? Como engajar
pessoas através do Design?

O exemplo dos social proxies de
Tom Erickson.
INTELIGÊNCIA SOCIAL
E SOCIAL PROXIES
Definição de Erickon para inteligência social:


the ways in which groups
of people manage to
produce coherent behavior
directed towards individual
or collective ends
Interação social e
normas sociais

Relações sociais acontecem em
função do “outro”, e as normas
sociais são reforçadas na medida
em que acontecem e são vistas. A
visibilidade do outro é importante.
o caso da porta com janela
COOPERAÇÃO
COLETIVA
O papel das pistas físicas, ambientais e comportamentais
Pistas físicas e
comportamentais de normas
socias subjacentes ajudam a
obter comportamentos
coletivos cooperativos e no
engajamento para produção
de inteligência social.
Como transportar as pistas
do “mundo real” para
sistemas digitais e dar
suporte à interação e ao
desenvolvimento da
inteligência social?
Social Proxies
A social proxy is an abstract dynamic
graphical representation that portrays
socially salient information about the
presence and activities of a group of people
participating in an online interaction. It is
one technique for providing online, multi-
user systems with some of the cues so
prevalent in the face to face world.
(Tom Erickson)
Exemplo de proxy social usado em sistemas de comunicação da IBM.
Babble (1997-2001) e Loops (2001-2004). Créditos: Thomas D. Erickson
Exemplo de proxy social usado em sistemas de comunicação da IBM.
Babble (1997-2001) e Loops (2001-2004). Créditos: Thomas D. Erickson
Timeline proxy para o sistema Babble, da IBM.
            (Erickson and Laff, 2001)
Proxy experimental para gerenciamento de tarefas. IBM.
                  (Erickson et al., 2004)
Visão geral de uma tarefa sendo executada em nível organizacional. IBM.
                          (Erickson et al., 2004)
Social Proxies
Segundo Erickson, é importante que:

Todos vejam a mesma coisa. Seja visto por todos
e não permita visualização customizada por usuário.

“It is this mutuality that supports people
being held accountable for their actions, and that
leads to useful social phenomena such as feelings of
obligation and peer pressure.” (Erickson)
Social Proxies
Segundo Erickson, é importante que (2):

Retrate ações, não interpretações. Deixe os
usuários interpretarem e conferirem sentido.

“we recommend minimizing the amount of
interpretation that is built into the system; let the
users interpret – they understand the context better
than the system ever will.” (Erickson)
Social Proxies
Segundo Erickson, é importante que (3):

Seja visto de uma perpectiva em terceira
pessoa. Ver suas próprias ações permite aprender
com o sistema e saber como os outros te enxergam.
Social Proxies servem para
 Simular pistas físicas, ambientais e
 comportamentais em ambientes digitais.

 Criar um senso de obrigação e “pressão social”.

 Proporcionar um ambiente comum onde usuários
 podem inferir sobre o comportamento de outros
 indivíduos e do grupo.

 Permitir que grupos atuem de maneira coerente e
 cooperativa, tendo em vista um fim.
Obrigado!




Carlos Krämer
carloskramer.com
kramer.carlos@gmail.com
Referências
CARLSON, Nicholas. Here's The Presentation That Inspired Google+. Disponível em:

http://www.businessinsider.com/heres-the-presentation-that-inspired-google-2011-7?op=1 Acesso em jun. de 2011.


ERICKSON, Thomas. ‘Social’ Systems: Designing Digital Systemsthat Support Social Intelligence. Disponível em:

http://www.visi.com/~snowfall/AIandSoc_SocialSystems.pdf Acesso em jun. de 2011.


______. Five Lenses: Towards a Toolkit for Interaction Design. Disponível em: http://www.visi.com/~snowfall/5Lenses.html

Acesso em jun. de 2011.


______. LAFF, MARK. The Design of the 'Babble' Timeline: A Social Proxy for Visualizing Group Activity over Time. Disponível
em: http://www.pliant.org/personal/Tom_Erickson/Timeline.html Acesso em jun. de 2011.


______. Kellogg,W. A.. Social Proxies. Disponível em: http://www.pliant.org/personal/Tom_Erickson/Encyc_SocialProxy.pdf

Acesso em jun. de 2011.


ERICKSON, Thomas et al. A Social Proxy for Distributed Tasks: Design and Evaluation of a Working Prototype. Disponível

em: http://www.pliant.org/personal/Tom_Erickson/CHI04_TaskProxy.pdf Acesso em jun. de 2011.


PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de Interação: além da interação homem-computador. Trad.
Viviane Possamai. Porto Alegre: Bookman, 2005.


SAFFER, Dan. Designing for Interaction, Second Edition: Creating Innovative Applications and Devices. New Riders, 2010.

Mais conteúdo relacionado

Destaque

Converted by pdf suite
Converted by pdf suiteConverted by pdf suite
Converted by pdf suite
duangduand
 
จืนตนาการรัก
จืนตนาการรักจืนตนาการรัก
จืนตนาการรัก
STNo1
 
จิตวิทยาการเรียนรู้ Jea
จิตวิทยาการเรียนรู้ Jeaจิตวิทยาการเรียนรู้ Jea
จิตวิทยาการเรียนรู้ Jea
jaacllassic
 
KONSEP PENGELOLAAN SITU
KONSEP  PENGELOLAAN SITUKONSEP  PENGELOLAAN SITU
KONSEP PENGELOLAAN SITU
Anton Riyanto
 
Universidade das quebradas (aula 04 de setembro) revisada
Universidade das quebradas (aula 04 de setembro) revisadaUniversidade das quebradas (aula 04 de setembro) revisada
Universidade das quebradas (aula 04 de setembro) revisada
Universidade das Quebradas
 

Destaque (17)

Converted by pdf suite
Converted by pdf suiteConverted by pdf suite
Converted by pdf suite
 
Презентация 2
Презентация 2Презентация 2
Презентация 2
 
Pesquisa e ensino em geografia a linguagem imagética para …
Pesquisa e ensino em geografia a linguagem imagética para …Pesquisa e ensino em geografia a linguagem imagética para …
Pesquisa e ensino em geografia a linguagem imagética para …
 
Chapter5
Chapter5Chapter5
Chapter5
 
Personal Coach Stress Management
Personal Coach Stress ManagementPersonal Coach Stress Management
Personal Coach Stress Management
 
San valentin
San valentinSan valentin
San valentin
 
Facebook活用ワークショップセミナー20110827
Facebook活用ワークショップセミナー20110827Facebook活用ワークショップセミナー20110827
Facebook活用ワークショップセミナー20110827
 
Guia obras brasilia
Guia obras brasiliaGuia obras brasilia
Guia obras brasilia
 
ผลสอบ O net รายบุคคล ม.6 ปี 52
ผลสอบ O net  รายบุคคล ม.6  ปี 52ผลสอบ O net  รายบุคคล ม.6  ปี 52
ผลสอบ O net รายบุคคล ม.6 ปี 52
 
Proyecto de investigacion
Proyecto de investigacionProyecto de investigacion
Proyecto de investigacion
 
Mssa Dynamische Gebiedsontwikkeling
Mssa Dynamische GebiedsontwikkelingMssa Dynamische Gebiedsontwikkeling
Mssa Dynamische Gebiedsontwikkeling
 
Elma - Управление показателями
Elma - Управление показателямиElma - Управление показателями
Elma - Управление показателями
 
Globalgascard presentacion
Globalgascard presentacionGlobalgascard presentacion
Globalgascard presentacion
 
จืนตนาการรัก
จืนตนาการรักจืนตนาการรัก
จืนตนาการรัก
 
จิตวิทยาการเรียนรู้ Jea
จิตวิทยาการเรียนรู้ Jeaจิตวิทยาการเรียนรู้ Jea
จิตวิทยาการเรียนรู้ Jea
 
KONSEP PENGELOLAAN SITU
KONSEP  PENGELOLAAN SITUKONSEP  PENGELOLAAN SITU
KONSEP PENGELOLAAN SITU
 
Universidade das quebradas (aula 04 de setembro) revisada
Universidade das quebradas (aula 04 de setembro) revisadaUniversidade das quebradas (aula 04 de setembro) revisada
Universidade das quebradas (aula 04 de setembro) revisada
 

Semelhante a Designing for Social Interactions

Convergencia de tecnologias
Convergencia de tecnologiasConvergencia de tecnologias
Convergencia de tecnologias
hetorivc
 
Convergencia de tecnologias
Convergencia de tecnologias Convergencia de tecnologias
Convergencia de tecnologias
hetorivc
 
Agentes Inteligentes - IA
Agentes Inteligentes - IAAgentes Inteligentes - IA
Agentes Inteligentes - IA
Thiago Marinho
 
A interface grupos no ning 20112011
A interface grupos no ning 20112011A interface grupos no ning 20112011
A interface grupos no ning 20112011
Sinapse
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
Erico Fileno
 

Semelhante a Designing for Social Interactions (20)

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...
 
PACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativosPACT: um framework para o design de sistemas interativos
PACT: um framework para o design de sistemas interativos
 
Intro redes sociais
Intro redes sociaisIntro redes sociais
Intro redes sociais
 
Intro redes sociais
Intro redes sociaisIntro redes sociais
Intro redes sociais
 
Mídias Digitais - Apresentação da aula 02 (11/08/2012)
Mídias Digitais - Apresentação da aula 02 (11/08/2012)Mídias Digitais - Apresentação da aula 02 (11/08/2012)
Mídias Digitais - Apresentação da aula 02 (11/08/2012)
 
Designinteração– veda 3
Designinteração– veda 3Designinteração– veda 3
Designinteração– veda 3
 
Interação Humano Computador 1
Interação Humano Computador 1Interação Humano Computador 1
Interação Humano Computador 1
 
Design de Interação 2008
Design de Interação 2008Design de Interação 2008
Design de Interação 2008
 
O que há de social nas mídias sociais: reflexões a partir da Teoria Ator-Rede
O que há de social nas mídias sociais: reflexões a partir da Teoria Ator-RedeO que há de social nas mídias sociais: reflexões a partir da Teoria Ator-Rede
O que há de social nas mídias sociais: reflexões a partir da Teoria Ator-Rede
 
Redes operativas e grupos operativos aproximações.
Redes operativas e grupos operativos  aproximações.Redes operativas e grupos operativos  aproximações.
Redes operativas e grupos operativos aproximações.
 
Design Sistemas Centrado Usuario
Design Sistemas Centrado UsuarioDesign Sistemas Centrado Usuario
Design Sistemas Centrado Usuario
 
Convergencia de tecnologias
Convergencia de tecnologiasConvergencia de tecnologias
Convergencia de tecnologias
 
Convergencia de tecnologias
Convergencia de tecnologiasConvergencia de tecnologias
Convergencia de tecnologias
 
Convergencia de tecnologias
Convergencia de tecnologias Convergencia de tecnologias
Convergencia de tecnologias
 
2.3.3.
2.3.3.2.3.3.
2.3.3.
 
CEDUS - Abril 2009­
CEDUS - Abril 2009­CEDUS - Abril 2009­
CEDUS - Abril 2009­
 
Agentes Inteligentes - IA
Agentes Inteligentes - IAAgentes Inteligentes - IA
Agentes Inteligentes - IA
 
Palestra - Design de interação
Palestra - Design de interaçãoPalestra - Design de interação
Palestra - Design de interação
 
A interface grupos no ning 20112011
A interface grupos no ning 20112011A interface grupos no ning 20112011
A interface grupos no ning 20112011
 
Aula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no UsuárioAula 1 - Minicurso sobre Design Centrado no Usuário
Aula 1 - Minicurso sobre Design Centrado no Usuário
 

Designing for Social Interactions

  • 1. DESIGNING FOR SOCIAL INTERACTIONS Como projetar sistemas para dar suporte à interação e à inteligência social. TechTalk, Carlos Krämer, 02/08/2011
  • 2. O que é Design de Interação e por que isso interessa?
  • 3. Design de Interação é: (algumas) Definições e abordagens
  • 4. Design de Interação é: design de produtos interativos digitais “design de produtos interativos que fornecem suporte às atividades cotidianas das pessoas, seja no lar ou trabalho” (Preece, Rogers e Sharp, 2005)
  • 5. Design de Interação é: design de produtos interativos “Interaction design has to do with the design of any artifact, be it an object, system, or environment, whose primary aim is to support either an interaction of a person with the artifact, or an interaction among people that is mediated by the artifact. Although some see interaction design as particularly concerned with digital systems -- either computer systems or artifacts with embedded computational capabilities -- I see no reason to exclude humbler artifacts” (Tom Erickson, 2005)
  • 6. Design de Interação é: design de mediação social “Interaction design is the art of facilitating or instigating interactions between humans mediated by humans, products. (…) The products an interaction designer creates can be digital or analog, physical or incorporeal or some combination thereof.” (Dan Saffer, 2004) Crédito: Paul Adams
  • 8.
  • 9. Um típico problema de design industrial
  • 10. Uma típica solução de design industrial
  • 11.
  • 13. Uma solução de design de interação
  • 15. ou, quem sabe, essa:
  • 16. a good framework exists around designing for social relationships Paul Adams
  • 17. Como colocar em prática o design de interação focado em relações sociais? Como engajar pessoas através do Design? O exemplo dos social proxies de Tom Erickson.
  • 19. Definição de Erickon para inteligência social: the ways in which groups of people manage to produce coherent behavior directed towards individual or collective ends
  • 20. Interação social e normas sociais Relações sociais acontecem em função do “outro”, e as normas sociais são reforçadas na medida em que acontecem e são vistas. A visibilidade do outro é importante. o caso da porta com janela
  • 22. O papel das pistas físicas, ambientais e comportamentais
  • 23. Pistas físicas e comportamentais de normas socias subjacentes ajudam a obter comportamentos coletivos cooperativos e no engajamento para produção de inteligência social.
  • 24. Como transportar as pistas do “mundo real” para sistemas digitais e dar suporte à interação e ao desenvolvimento da inteligência social?
  • 25. Social Proxies A social proxy is an abstract dynamic graphical representation that portrays socially salient information about the presence and activities of a group of people participating in an online interaction. It is one technique for providing online, multi- user systems with some of the cues so prevalent in the face to face world. (Tom Erickson)
  • 26. Exemplo de proxy social usado em sistemas de comunicação da IBM. Babble (1997-2001) e Loops (2001-2004). Créditos: Thomas D. Erickson
  • 27. Exemplo de proxy social usado em sistemas de comunicação da IBM. Babble (1997-2001) e Loops (2001-2004). Créditos: Thomas D. Erickson
  • 28. Timeline proxy para o sistema Babble, da IBM. (Erickson and Laff, 2001)
  • 29. Proxy experimental para gerenciamento de tarefas. IBM. (Erickson et al., 2004)
  • 30. Visão geral de uma tarefa sendo executada em nível organizacional. IBM. (Erickson et al., 2004)
  • 31. Social Proxies Segundo Erickson, é importante que: Todos vejam a mesma coisa. Seja visto por todos e não permita visualização customizada por usuário. “It is this mutuality that supports people being held accountable for their actions, and that leads to useful social phenomena such as feelings of obligation and peer pressure.” (Erickson)
  • 32. Social Proxies Segundo Erickson, é importante que (2): Retrate ações, não interpretações. Deixe os usuários interpretarem e conferirem sentido. “we recommend minimizing the amount of interpretation that is built into the system; let the users interpret – they understand the context better than the system ever will.” (Erickson)
  • 33. Social Proxies Segundo Erickson, é importante que (3): Seja visto de uma perpectiva em terceira pessoa. Ver suas próprias ações permite aprender com o sistema e saber como os outros te enxergam.
  • 34. Social Proxies servem para Simular pistas físicas, ambientais e comportamentais em ambientes digitais. Criar um senso de obrigação e “pressão social”. Proporcionar um ambiente comum onde usuários podem inferir sobre o comportamento de outros indivíduos e do grupo. Permitir que grupos atuem de maneira coerente e cooperativa, tendo em vista um fim.
  • 36. Referências CARLSON, Nicholas. Here's The Presentation That Inspired Google+. Disponível em: http://www.businessinsider.com/heres-the-presentation-that-inspired-google-2011-7?op=1 Acesso em jun. de 2011. ERICKSON, Thomas. ‘Social’ Systems: Designing Digital Systemsthat Support Social Intelligence. Disponível em: http://www.visi.com/~snowfall/AIandSoc_SocialSystems.pdf Acesso em jun. de 2011. ______. Five Lenses: Towards a Toolkit for Interaction Design. Disponível em: http://www.visi.com/~snowfall/5Lenses.html Acesso em jun. de 2011. ______. LAFF, MARK. The Design of the 'Babble' Timeline: A Social Proxy for Visualizing Group Activity over Time. Disponível em: http://www.pliant.org/personal/Tom_Erickson/Timeline.html Acesso em jun. de 2011. ______. Kellogg,W. A.. Social Proxies. Disponível em: http://www.pliant.org/personal/Tom_Erickson/Encyc_SocialProxy.pdf Acesso em jun. de 2011. ERICKSON, Thomas et al. A Social Proxy for Distributed Tasks: Design and Evaluation of a Working Prototype. Disponível em: http://www.pliant.org/personal/Tom_Erickson/CHI04_TaskProxy.pdf Acesso em jun. de 2011. PREECE, Jennifer; ROGERS, Yvonne; SHARP, Helen. Design de Interação: além da interação homem-computador. Trad. Viviane Possamai. Porto Alegre: Bookman, 2005. SAFFER, Dan. Designing for Interaction, Second Edition: Creating Innovative Applications and Devices. New Riders, 2010.