O documento discute o design de interfaces sociais, mencionando como sites como Facebook e Flickr tornaram a interação social uma parte essencial do projeto, atraindo mais usuários. Também discute a importância de entender as necessidades sociais dos usuários ao projetar interfaces e como recompensas podem motivar a interação, desde que não sejam intrusivas.

2. 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?

3. Mapeamento de Bits
O mapeamento de bits possibilitou que os
dados tivessem uma localização física e
uma localização virtual.
Social Interface Design | @eduagni - www.agni.art.br

4. Espaço-Informação
Ao 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. Revolução
Em 1968, Doug Engelbart fez a
demonstração de um produto no San
Franscisco Civic Auditorium que mudou o
curso da história...
Social Interface Design | @eduagni - www.agni.art.br

6. O Mouse

7. Formas parasitas na mídia
TV nos anos 90:
Organismos que não contam histórias. Eles
comentam, desmantelam, dissecam,
sampleiam. Tudo que fazem se reflete em
outros meios convencionais de que
dependem para sobreviver.
É a televisão que fala da Televisão!
Social Interface Design | @eduagni - www.agni.art.br

8. 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

9. Os seres humanos respondem socialmente
em suas interações com máquinas.
Quando uma pessoa se identifica com
elementos de uma interface, ou enxerga
nela associações com o seu meio ambiente e
seu convívio em sociedade, isso pode
facilitar as respostas corretas na interação
com o sistema.
Social Interface Design | @eduagni - www.agni.art.br

10. 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

11. Afordabilidade?
Social Interface Design | @eduagni - www.agni.art.br

12. Usabilidade no Napster
Na janela principal do Napster existiam
botões onde deveriam haver abas, para que
o usuário alternasse entre as telas. Essa era
uma grande falha de usabilidade.
Social Interface Design | @eduagni - www.agni.art.br

13. Usabilidade não era tão importante
O Napster possibilitava que você
compartilhasse arquivos com outras
pessoas, 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

14. Mark Zuckerberg, o criador do Facebook, era
um programador que não entendia nada de
interface, 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

15. A partir do momento que o Facebook
começou a oferecer a possibilidade de
interação que as pessoas queriam, ele
começou a se tornar o sucesso que é hoje.
Social Interface Design | @eduagni - www.agni.art.br

16. A interface social era considerada como um adendo
em outros sites de fotografias da época, como
Photoworks e Ofoto.
O que tornou o Flickr um sucesso foi o fato de as
características sociais serem parte integrante do
projeto. Os componentes sociais eram essenciais
para o design.
Social Interface Design | @eduagni - www.agni.art.br

17. Você compra de quem tem boa reputação.
Social Interface Design | @eduagni - www.agni.art.br

18. Usabilidade é o mais importante?
Um aplicativo que faz algo bem, que as
pessoas realmente querem fazer, pode ser
difí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

19. Usabilidade ainda é importante...
O próximo nível de problemas de design de
software, para além de acertar na
usabilidade, é o projeto da interface social.
Social Interface Design | @eduagni - www.agni.art.br

20. A Internet traz consigo uma outra possibilidade:
a mediação de interações entre pessoas,
e não entre pessoas e máquinas.
Social Interface Design | @eduagni - www.agni.art.br

21. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Orkut
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Redes sociais para objetivos específicos
Slashdot, DiHitt, Linkedin
Social Interface Design | @eduagni - www.agni.art.br

22. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Orkut
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Comunidades para objetivos específicos
Slashdot, DiHitt
Social Interface Design | @eduagni - www.agni.art.br

23. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Orkut
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Comunidades para objetivos específicos
Slashdot, DiHitt
Social Interface Design | @eduagni - www.agni.art.br

24. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Orkut
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Comunidades para objetivos específicos
Slashdot, DiHitt
Social Interface Design | @eduagni - www.agni.art.br

25. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Orkut
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Comunidades para objetivos específicos
Slashdot, DiHitt, Linkedin
Social Interface Design | @eduagni - www.agni.art.br

26. Necessidades Sociais
Expressar a Status e Dar e Pertencer Senso de
identidade auto-estima receber a grupos, comunidade
ajuda afiliação
Blogs
Vídeos, compartilhamento de conteúdo, social bookmarks
Youtube, Delicious
Listas de discussão
Yahoo ou Google Groups
Perfil em redes sociais
Facebook, Linkedin
Sites para avaliações, recomendações e resenhas
Yelp, Trip Advisor
Comunidades para objetivos específicos
Slashdot, DiHitt
Social Interface Design | @eduagni - www.agni.art.br

27. 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

28. Princípio da Skinner Box
Dar recompensas pela realização de uma tarefa
Social Interface Design | @eduagni - www.agni.art.br

29. 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

30. 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

31. ...mas não seja intrusivo!
Nada de mensagens
indesejadas: não tente
desesperadamente forçar
as pessoas a usarem o seu
site ou consumir o seu
conteúdo.
Social Interface Design | @eduagni - www.agni.art.br

32. Efeitos colaterais
Essas tecnologias tentam
formalizar como as
pessoas deveriam
construir e gerenciar seus
relacionamentos. Elas
assumem que você pode
classificar seus amigos.
Social Interface Design | @eduagni - www.agni.art.br

33. Leitura recomendada
Livros

Cultura da Interface (Steve Johnson)

Designing Social Interfaces (Christian Crumlish e Erin Malone)
Artigos

It's Not Just Usability (Joel Spolsky)

Baking Social Interfaces Into Your Design (Jared M. Spool)

Designing Social Interfaces: Overview and Practical Techniques
(Dmitry Fadeyev)
Social Interface Design | @eduagni - www.agni.art.br

34. Antes que você possa vir a ter
uma interface eficaz, você precisa
saber exatamente quais são seus
objetivos sociais.

35. É preciso começar a pensar de
uma forma menos técnica e
matemá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.