As pessoas leem o meu conteúdo, mas elas são invisíveis umas para as outras. Como posso aproximá-las, para que elas possam...
Cultura da InterfaceComo o computadortransforma a nossa maneirade criar e se comunicar?
Mapeamento de Bits e oEspaço InformaçãoDados com umalocalização física euma localizaçãovirtual, sendomanipuladosdiretament...
Espaço-InformaçãoAo invés de dizer que o computador execute alguma tarefa, os usuários poderiam fazer     isso através da ...
O Mouse: uma revolução
Interface: zona entre  o meio e a mensagemEssas metaformas, esses mapeamentos debits virão para ocupar praticamente todas ...
Usabilidade                  Criar interfaces fáceis de                  usar, para possibilitar a                  intera...
Foi o primeiro software de  compartilhamento de arquivos em redes P2P que ganhou grande destaque mundial.Foi o software ma...
Na janela principal do Napster existiam botões onde deveriam haver abas (afordabilidade), para que o usuário alternasse en...
Usabilidade não era tão importante     O Napster possibilitava que você    compartilhasse arquivos com outraspessoas, e es...
“Nós todos focamos na experiência do  usuário, ao invés de focarmos na     especificação ou no código” (Christopher Cox, v...
Mark Zuckerberg, o criador do Facebook,era um programador que não entendia nada  de design, mas que tinha a preocupação   ...
Quais experiênciasos usuários querem ter?
A partir do momento que o Facebook  começou a oferecer a possibilidade de  interação que as pessoas queriam, elecomeçou a ...
A interface social era considerada como umadendo em outros sites de fotografias da época,          como Photoworks e Ofoto...
"Se a facilidade de uso fosse o único requisito, estaríamos todos andando em triciclos" Douglas Engelbart, inventor do mou...
Usabilidade é o mais importante? Um aplicativo que faz algo bem, que aspessoas realmente querem fazer, pode serdifícil de ...
Usabilidade ainda é importante...O próximo nível de problemas de design de    interface, para além de acertar nausabilidad...
Os seres humanos respondemsocialmente em suas interações        com máquinas.
Você compra de quem tem boa reputação.     Social Interface Design | @eduagni - www.agni.art.br
Você possui diferentes círculos sociais.   Social Interface Design | @eduagni - www.agni.art.br
Você tem uma história.Social Interface Design | @eduagni - www.agni.art.br
Você conversa.Social Interface Design | @eduagni - www.agni.art.br
"A ideia não é compartilhar             pensamentos, como ocorre no Twitter,             mas dividir com o mundo instantên...
“O like é uma solução tão obvia e tão elegante que   o design é praticamente invisível, ao mesmo tempo é fácil de entender...
A Internet traz consigo uma outra possibilidade:    a mediação de interações entre pessoas,        e não entre pessoas e m...
Seres humanos possuemnecessidades sociaisque buscamincessantementesuprir no decorrerda vida, e caso elasnão consigam,torna...
Necessidades SociaisExpressar a  Status e                       Dar e       Pertencer      Senso deidentidade auto-estima ...
Necessidades SociaisExpressar a                    Status e     Dar e       Pertencer      Senso deidentidade             ...
Necessidades SociaisExpressar a                    Status e     Dar e       Pertencer      Senso deidentidade             ...
Necessidades SociaisExpressar a                    Status e     Dar e       Pertencer      Senso deidentidade             ...
Necessidades SociaisExpressar a                    Status e     Dar e       Pertencer      Senso deidentidade             ...
Interface SocialFoco na interação entre       pessoas
Usuário       Re                                        ç   a         pu                                   en             ...
Usuário                            Identidade                            A identidade do usuário e sua                    ...
Usuário                        Perfil O usuário precisa de um localonde todos possam ter acessoaos conteúdos que ele publi...
Usuário                            Presença                            O usuário precisa saber quem                       ...
Usuário       Reputação Os usuários querem  mostrar no que sãomelhores, através de    alguma forma declassificação em uma ...
Atividades                            Coleções                            As pessoas compartilham                         ...
Atividades    Compartilhamento    Permitir que os usuários compartilhem espontanea-mente os conteúdos que elas  encontram,...
Atividades                            Feedback                            Os usuários querem dar suas                     ...
What Problem Does This Solve?  When to Use This Pattern     Whats the Solution?    Why Use This Pattern?
Ubiquidade
Compartilhar tudo paradefinir a personalidadeObservar amigos online emlugares próximos e encontrarpessoas ao acaso são asp...
A tragédia dos comuns    Usabilidade e Design Defensivo:dizer ao usuário o que ele fez de errado, e    dizer como ele pode...
Princípio da Skinner Box                               Dar aos usuários                               recompensas pela    ...
As recompensas e o ego nos ambientes sociais                       Desbloquear funções                       (como os come...
Lembre os usuários de interagir...                           Avisar os usuários sobre                           atualizaçõ...
Lembre os usuários de interagir...                           Avisar os usuários sobre                           atualizaçõ...
A Day Made of Glass
Antes que você possa vir a teruma interface eficaz, você precisasaber exatamente quais são seus        objetivos sociais.
É preciso começar a pensar de  uma forma menos técnica ematemática, e começar a pensar nas interações de forma mais  antro...
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
Social interface Design: projetando interações entre pessoas
Próximos SlideShares
Carregando em…5
×

Social interface Design: projetando interações entre pessoas

3.158 visualizações

Publicada em

Diferente da interação humano-computador que acontece nos softwares que estamos habituados a utilizar em nossos computadores, a Internet traz consigo uma outra possibilidade: a interação entre humanos.

Palestra ministrada nos seguintes eventos:

- Semana de Design + Fotografia - 20/10/2011 na FMU, em São Paulo.
- Semana de Tecnologia - 24/10/2011, na FATEC de Carapicuíba.
- Semana Acadêmica - 27/10/2011, na Faculdade Dom Bosco de Piracicaba.

Publicada em: Design
0 comentários
10 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

Sem downloads
Visualizações
Visualizações totais
3.158
No SlideShare
0
A partir de incorporações
0
Número de incorporações
1.545
Ações
Compartilhamentos
0
Downloads
97
Comentários
0
Gostaram
10
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Social interface Design: projetando interações entre pessoas

  1. 1. As pessoas leem o meu conteúdo, mas elas são invisíveis umas para as outras. Como posso aproximá-las, para que elas possam interagir umas com as outras sobre o meu conteúdo?
  2. 2. Cultura da InterfaceComo o computadortransforma a nossa maneirade criar e se comunicar?
  3. 3. Mapeamento de Bits e oEspaço InformaçãoDados com umalocalização física euma localizaçãovirtual, sendomanipuladosdiretamente pelousuário.
  4. 4. Espaço-InformaçãoAo invés de dizer que o computador execute alguma tarefa, os usuários poderiam fazer isso através da manipulação direta. Social Interface Design | @eduagni - www.agni.art.br
  5. 5. O Mouse: uma revolução
  6. 6. Interface: zona entre o meio e a mensagemEssas metaformas, esses mapeamentos debits virão para ocupar praticamente todas as facetas da sociedade contemporânea:trabalho, divertimento, amor, família, arte elevada, cultura popular, política. Social Interface Design | @eduagni - www.agni.art.br
  7. 7. Usabilidade Criar interfaces fáceis de usar, para possibilitar a interação entre humanos e máquinas.Social Interface Design | @eduagni - www.agni.art.br
  8. 8. Foi o primeiro software de compartilhamento de arquivos em redes P2P que ganhou grande destaque mundial.Foi o software mais usado do planeta no seu momento. Social Interface Design | @eduagni - www.agni.art.br
  9. 9. Na janela principal do Napster existiam botões onde deveriam haver abas (afordabilidade), para que o usuário alternasse entre as telas. Essa era uma grande falha de usabilidade. Social Interface Design | @eduagni - www.agni.art.br
  10. 10. Usabilidade não era tão importante O Napster possibilitava que você compartilhasse arquivos com outraspessoas, e esse tipo de interação atraía cada vez mais usuários. Isso ia além da usabilidade, e era mais importante. Social Interface Design | @eduagni - www.agni.art.br
  11. 11. “Nós todos focamos na experiência do usuário, ao invés de focarmos na especificação ou no código” (Christopher Cox, vice-presidente de produto)
  12. 12. Mark Zuckerberg, o criador do Facebook,era um programador que não entendia nada de design, mas que tinha a preocupação constante de que o Facebook fosse um ambiente legal para as pessoas. Social Interface Design | @eduagni - www.agni.art.br
  13. 13. Quais experiênciasos usuários querem ter?
  14. 14. A partir do momento que o Facebook começou a oferecer a possibilidade de interação que as pessoas queriam, elecomeçou a se tornar o sucesso que é hoje. Social Interface Design | @eduagni - www.agni.art.br
  15. 15. A interface social era considerada como umadendo em outros sites de fotografias da época, como Photoworks e Ofoto.O que tornou o Flickr um sucesso foi o fato de ascaracterísticas sociais serem parte integrante doprojeto. Os componentes sociais eram essenciais para o design. Social Interface Design | @eduagni - www.agni.art.br
  16. 16. "Se a facilidade de uso fosse o único requisito, estaríamos todos andando em triciclos" Douglas Engelbart, inventor do mouse http://flickr.com/photos/sfj/611720154/
  17. 17. Usabilidade é o mais importante? Um aplicativo que faz algo bem, que aspessoas realmente querem fazer, pode serdifícil de usar, mas ainda será um sucesso.Um aplicativo pode ser a coisa mais fácil no mundo para usar, mas se ele não faz algo que todo mundo quer, ele irá fracassar. Social Interface Design | @eduagni - www.agni.art.br
  18. 18. Usabilidade ainda é importante...O próximo nível de problemas de design de interface, para além de acertar nausabilidade, é o projeto da interface social. Social Interface Design | @eduagni - www.agni.art.br
  19. 19. Os seres humanos respondemsocialmente em suas interações com máquinas.
  20. 20. Você compra de quem tem boa reputação. Social Interface Design | @eduagni - www.agni.art.br
  21. 21. Você possui diferentes círculos sociais. Social Interface Design | @eduagni - www.agni.art.br
  22. 22. Você tem uma história.Social Interface Design | @eduagni - www.agni.art.br
  23. 23. Você conversa.Social Interface Design | @eduagni - www.agni.art.br
  24. 24. "A ideia não é compartilhar pensamentos, como ocorre no Twitter, mas dividir com o mundo instantêneos da vida capturados em imagens" (Mike Kriege, brasileiro criador do Instagram)Social Interface Design | @eduagni - www.agni.art.br
  25. 25. “O like é uma solução tão obvia e tão elegante que o design é praticamente invisível, ao mesmo tempo é fácil de entender, esteja você usando o Facebook no Cairo, em Madrid ou em São Francisco.” (Christopher Cox, vice-presidente de produto)
  26. 26. A Internet traz consigo uma outra possibilidade: a mediação de interações entre pessoas, e não entre pessoas e máquinas.
  27. 27. Seres humanos possuemnecessidades sociaisque buscamincessantementesuprir no decorrerda vida, e caso elasnão consigam,tornam-se pessoasfrustradas.
  28. 28. Necessidades SociaisExpressar a Status e Dar e Pertencer Senso deidentidade auto-estima receber a grupos, comunidade ajuda afiliaçãoBlogsVídeos, compartilhamento de conteúdo, social bookmarksYoutube, DeliciousListas de discussãoYahoo ou Google GroupsPerfil em redes sociaisFacebook, OrkutSites para avaliações, recomendações e resenhasYelp, Trip AdvisorComunidades para objetivos específicosSlashdot, DiHitt, Linkedin Social Interface Design | @eduagni - www.agni.art.br
  29. 29. Necessidades SociaisExpressar a Status e Dar e Pertencer Senso deidentidade auto-estima receber a grupos, comunidade ajuda afiliaçãoBlogsVídeos, compartilhamento de conteúdo, social bookmarksYoutube, DeliciousListas de discussãoYahoo ou Google GroupsPerfil em redes sociaisFacebook, OrkutSites para avaliações, recomendações e resenhasYelp, Trip AdvisorComunidades para objetivos específicosSlashdot, DiHitt, Linkedin Social Interface Design | @eduagni - www.agni.art.br
  30. 30. Necessidades SociaisExpressar a Status e Dar e Pertencer Senso deidentidade auto-estima receber a grupos, comunidade ajuda afiliaçãoBlogsVídeos, compartilhamento de conteúdo, social bookmarksYoutube, DeliciousListas de discussãoYahoo ou Google GroupsPerfil em redes sociaisFacebook, OrkutSites para avaliações, recomendações e resenhasYelp, Trip AdvisorComunidades para objetivos específicosSlashdot, DiHitt, Linkedin Social Interface Design | @eduagni - www.agni.art.br
  31. 31. Necessidades SociaisExpressar a Status e Dar e Pertencer Senso deidentidade auto-estima receber a grupos, comunidade ajuda afiliaçãoBlogsVídeos, compartilhamento de conteúdo, social bookmarksYoutube, DeliciousListas de discussãoYahoo ou Google GroupsPerfil em redes sociaisFacebook, OrkutSites para avaliações, recomendações e resenhasYelp, Trip AdvisorComunidades para objetivos específicosSlashdot, DiHitt, Linkedin Social Interface Design | @eduagni - www.agni.art.br
  32. 32. Necessidades SociaisExpressar a Status e Dar e Pertencer Senso deidentidade auto-estima receber a grupos, comunidade ajuda afiliaçãoBlogsVídeos, compartilhamento de conteúdo, social bookmarksYoutube, DeliciousListas de discussãoYahoo ou Google GroupsPerfil em redes sociaisFacebook, OrkutSites para avaliações, recomendações e resenhasYelp, Trip AdvisorComunidades para objetivos específicosSlashdot, DiHitt, Linkedin Social Interface Design | @eduagni - www.agni.art.br
  33. 33. Interface SocialFoco na interação entre pessoas
  34. 34. Usuário Re ç a pu en taç es ão Pr CompartilharComunidade Atividade
  35. 35. Usuário Identidade A identidade do usuário e sua capacidade de controlar sua apresentação é um elemento central na construção de um site social.Social Interface Design | @eduagni - www.agni.art.br
  36. 36. Usuário Perfil O usuário precisa de um localonde todos possam ter acessoaos conteúdos que ele publica ou compartilha, e que são relevantes para ele. Social Interface Design | @eduagni - www.agni.art.br
  37. 37. Usuário Presença O usuário precisa saber quem está disponível em um determinado contexto social, para compartilhar conteúdos e status.Social Interface Design | @eduagni - www.agni.art.br
  38. 38. Usuário Reputação Os usuários querem mostrar no que sãomelhores, através de alguma forma declassificação em uma categoria, ou de modo geral.Social Interface Design | @eduagni - www.agni.art.br
  39. 39. Atividades Coleções As pessoas compartilham coisas que encontram, e querem poder guardar e expor tudo como numa estante de troféus para os outros verem.Social Interface Design | @eduagni - www.agni.art.br
  40. 40. Atividades Compartilhamento Permitir que os usuários compartilhem espontanea-mente os conteúdos que elas encontram, enviando para amigos ou publicando em perfis de redes sociais. Social Interface Design | @eduagni - www.agni.art.br
  41. 41. Atividades Feedback Os usuários querem dar suas opiniões sobre um conteúdo, objeto, pessoa ou lugar.Social Interface Design | @eduagni - www.agni.art.br
  42. 42. What Problem Does This Solve? When to Use This Pattern Whats the Solution? Why Use This Pattern?
  43. 43. Ubiquidade
  44. 44. Compartilhar tudo paradefinir a personalidadeObservar amigos online emlugares próximos e encontrarpessoas ao acaso são asprincipais características doFoursquare, segundo seuco-fundador Dennis Crowley• Serendipismo• Dinâmica de jogo• Diário pessoal• Compartilhar experiências• Participar de promoções
  45. 45. A tragédia dos comuns Usabilidade e Design Defensivo:dizer ao usuário o que ele fez de errado, e dizer como ele pode corrigir isso. Design de interface social: ajudar a sociedade a ter sucesso, mesmo que isso signifique que um usuário tem que falhar. Social Interface Design | @eduagni - www.agni.art.br
  46. 46. Princípio da Skinner Box Dar aos usuários recompensas pela realização de uma determinada tarefa, incentivando a interação. Social Interface Design | @eduagni - www.agni.art.br
  47. 47. As recompensas e o ego nos ambientes sociais Desbloquear funções (como os comentários nos votos do Hacker News) ou fornecer Badges (como no Blip.fm) podem motivar os usuários a interagir. Social Interface Design | @eduagni - www.agni.art.br
  48. 48. Lembre os usuários de interagir... Avisar os usuários sobre atualizações no conteúdo ou novas respostas para seus comentários, assim como fornecer opções de compartilhamento, são recursos essências para potencializar a interação. Social Interface Design | @eduagni - www.agni.art.br
  49. 49. Lembre os usuários de interagir... Avisar os usuários sobre atualizações no conteúdo ou novas respostas para seus comentários, assim como fornecer opções de compartilhamento, são recursos essências para potencializar a interação. Social Interface Design | @eduagni - www.agni.art.br
  50. 50. A Day Made of Glass
  51. 51. Antes que você possa vir a teruma interface eficaz, você precisasaber exatamente quais são seus objetivos sociais.
  52. 52. É preciso começar a pensar de uma forma menos técnica ematemática, e começar a pensar nas interações de forma mais antropológica e etnológica. É preciso manter o foco na interação entre as pessoas.

×