Social interface Design: projetando interações entre pessoas

58

description

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.

Transcript of Social interface Design: projetando interações entre pessoas

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?

Cultura da InterfaceComo o computador transforma a nossa maneira de criar e se comunicar?

Mapeamento de Bits e oEspaço Informação

Dados com uma localização física e uma localização virtual, sendo manipulados diretamente pelo usuário.

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.

O Mouse: uma revolução

Interface: zona entreo 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

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

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

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

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.

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

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

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 fosseum ambiente legal para as pessoas.

Quais experiênciasos usuários querem ter?

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.

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

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 interface, para além de acertar na

usabilidade, é o projeto da interface social.

Os seres humanos respondem socialmente em suas interações

com máquinas.

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

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

Você possui diferentes círculos sociais.

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

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

Você tem uma história.

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

Você conversa.

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

"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)

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

A Internet traz consigo uma outra possibilidade:a mediação de interações entre pessoas,

e não entre pessoas e máquinas.

que buscam incessantemente suprir no decorrer da vida, e caso elas não consigam, tornam-se pessoas frustradas.

Seres humanos possuem necessidades sociais

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

Necessidades Sociais

Expressar aidentidade

Status eauto-estima

Dar ereceber

ajuda

Pertencera grupos,afiliação

Senso decomunidade

Blogs

Vídeos, compartilhamento de conteúdo, social bookmarksYoutube, Delicious

Listas de discussãoYahoo ou Google Groups

Perfil em redes sociaisFacebook, Orkut

Sites para avaliações, recomendações e resenhasYelp, Trip Advisor

Comunidades para objetivos específicosSlashdot, DiHitt, Linkedin

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

Necessidades Sociais

Expressar aidentidade

Status eauto-estima

Dar ereceber

ajuda

Pertencera grupos,afiliação

Senso decomunidade

Blogs

Vídeos, compartilhamento de conteúdo, social bookmarksYoutube, Delicious

Listas de discussãoYahoo ou Google Groups

Perfil em redes sociaisFacebook, Orkut

Sites para avaliações, recomendações e resenhasYelp, Trip Advisor

Comunidades para objetivos específicosSlashdot, DiHitt, Linkedin

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

Necessidades Sociais

Expressar aidentidade

Status eauto-estima

Dar ereceber

ajuda

Pertencera grupos,afiliação

Senso decomunidade

Blogs

Vídeos, compartilhamento de conteúdo, social bookmarksYoutube, Delicious

Listas de discussãoYahoo ou Google Groups

Perfil em redes sociaisFacebook, Orkut

Sites para avaliações, recomendações e resenhasYelp, Trip Advisor

Comunidades para objetivos específicosSlashdot, DiHitt, Linkedin

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

Necessidades Sociais

Expressar aidentidade

Status eauto-estima

Dar ereceber

ajuda

Pertencera grupos,afiliação

Senso decomunidade

Blogs

Vídeos, compartilhamento de conteúdo, social bookmarksYoutube, Delicious

Listas de discussãoYahoo ou Google Groups

Perfil em redes sociaisFacebook, Orkut

Sites para avaliações, recomendações e resenhasYelp, Trip Advisor

Comunidades para objetivos específicosSlashdot, DiHitt, Linkedin

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

Necessidades Sociais

Expressar aidentidade

Status eauto-estima

Dar ereceber

ajuda

Pertencera grupos,afiliação

Senso decomunidade

Blogs

Vídeos, compartilhamento de conteúdo, social bookmarksYoutube, Delicious

Listas de discussãoYahoo ou Google Groups

Perfil em redes sociaisFacebook, Orkut

Sites para avaliações, recomendações e resenhasYelp, Trip Advisor

Comunidades para objetivos específicosSlashdot, DiHitt, Linkedin

Interface Social

Foco na interação entre pessoas

Usuário

AtividadeComunidade

Reputação Presença

Co

mp

arti

lhar

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

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

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

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

Usuário

Reputação

Os usuários queremmostrar no que são

melhores, através dealguma forma de

classificação em umacategoria, ou de

modo geral.

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

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

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

Atividades

Feedback

Os usuários querem dar suas opiniões sobre um conteúdo, objeto, pessoa ou lugar.

What Problem Does This Solve?

When to Use This Pattern

What's the Solution?

Why Use This Pattern?

Ubiquidade

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

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 aos usuários recompensas pela realização de uma determinada tarefa, incentivando a interação.

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

As recompensas e o egonos 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

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.

A Day Made of GlassA Day Made of Glass

Antes que você possa vir a teruma interface eficaz, você precisa saber exatamente quais são seus

objetivos sociais.

É preciso começar a pensar deuma 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 nainteração entre as pessoas.