Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Social interface Design: projetando interações entre pessoas

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.

  • Login to see the comments

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.

×