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.
Usabilidade, User Experience e Design Emocional no E-commerce
Social interface Design: projetando interações entre pessoas
1.
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?
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
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
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
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
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?
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
48.
49.
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
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.