Social interface Design: projetando interações entre pessoas

3,159 views

Published on

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.

Published in: Design
0 Comments
10 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
3,159
On SlideShare
0
From Embeds
0
Number of Embeds
1,545
Actions
Shares
0
Downloads
97
Comments
0
Likes
10
Embeds 0
No embeds

No notes for 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.

×