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

 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

 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

O Mouse
 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

 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

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

 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

 Afordabilidade?

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

 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

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

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

 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

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

Você compra de quem tem boa reputação.

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

 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

 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

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

 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

 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

 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

 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

 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

 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

 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
 Princípio da Skinner Box
Dar recompensas pela realização de uma tarefa

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

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

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

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

 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

 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

 Antes que você possa vir a ter
uma interface eficaz, você precisa
saber exatamente quais são seus
objetivos sociais.
 É 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.