O documento discute a importância do design de interfaces sociais, enfatizando como a interação entre usuários é fundamental para o sucesso de plataformas digitais. Aborda também a evolução das interfaces e como a usabilidade deve ser aliada às necessidades sociais dos usuários, como expressão de identidade e pertencimento. Exemplos como Napster e Facebook ilustram como a criação de espaços sociais impacta experiências de usuários e a relevância do conteúdo compartilhado.

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. Cultura da Interface
Como o computador
transforma a nossa maneira
de criar e se comunicar?

4. Mapeamento de Bits e o
Espaço Informação
Dados com uma
localização física e
uma localização
virtual, sendo
manipulados
diretamente pelo
usuário.

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

6. O Mouse: uma revolução

7. Interface: zona entre
o meio e a mensagem
Essas metaformas, esses mapeamentos de
bits 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

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

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

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

12. “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)

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

14. Quais experiências
os usuários querem ter?

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. "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/

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
interface, para além de acertar na
usabilidade, é o projeto da interface social.
Social Interface Design | @eduagni - www.agni.art.br

20. Os seres humanos respondem
socialmente em suas interações
com máquinas.

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

22. Você possui diferentes círculos sociais.
Social Interface Design | @eduagni - www.agni.art.br

23. Você tem uma história.
Social Interface Design | @eduagni - www.agni.art.br

24. Você conversa.
Social Interface Design | @eduagni - www.agni.art.br

25. "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

26. “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)

27. A Internet traz consigo uma outra possibilidade:
a mediação de interações entre pessoas,
e não entre pessoas e máquinas.

28. Seres humanos possuem
necessidades sociais
que buscam
incessantemente
suprir no decorrer
da vida, e caso elas
não consigam,
tornam-se pessoas
frustradas.

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

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

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

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

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

35. Interface Social
Foco na interação entre
pessoas

36. Usuário
Re ç a
pu en
taç es
ão Pr
Compartilhar
Comunidade Atividade

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

38. Usuário
Perfil
O usuário precisa de um local
onde todos possam ter acesso
aos conteúdos que ele publica
ou compartilha, e que são
relevantes para ele.
Social Interface Design | @eduagni - www.agni.art.br

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

40. Usuário
Reputação
Os usuários querem
mostrar no que são
melhores, através de
alguma forma de
classificação em uma
categoria, ou de
modo geral.
Social Interface Design | @eduagni - www.agni.art.br

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

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

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

44. What Problem Does This Solve?
When to Use This Pattern
What's the Solution?
Why Use This Pattern?

45. Ubiquidade

47. Compartilhar tudo para
definir a personalidade
Observar amigos online em
lugares próximos e encontrar
pessoas ao acaso são as
principais características do
Foursquare, segundo seu
co-fundador Dennis Crowley
• Serendipismo
• Dinâmica de jogo
• Diário pessoal
• Compartilhar experiências
• Participar de promoções

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

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

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

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

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

55. A Day Made of Glass

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

57. É 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.