Presentata alla conferenza Better Software 2010, nella track "Workshop".

1. Social design: progettare
applicazioni che funzionano
Alberto Mucignat
Better Software
Firenze, 06 Maggio 2010

2. Alberto Mucignat
(ovvero: “10 anni in 30 secondi”)
2000 2002 2004 2006 2008 2010
Alberto Mucignat - Better Software 2010 2

3. Why social?
Alberto Mucignat - Better Software 2010 3

4. Ogni applicazione è ormai “relazionale”.
Alberto Mucignat - Better Software 2010 4

5. L’avvento delle intranet relazionali
Alberto Mucignat - Better Software 2010 5

6. Studenti.it/Giovani.it
•upload di appunti scolastici/universitari
•ricerca e download di appunti
•community (amici, status, profile, blog)
•>2,5ML di utenti registrati
Alberto Mucignat - Better Software 2010 6

7. Giovani.it: utenti online (2000)
Alberto Mucignat - Better Software 2010 7

8. Facebook 2010
Alberto Mucignat - Better Software 2010 8

9. Facebook change issues
Privacy / profile page Newsfeed
(manage my identity) (what I see/do)
Alberto Mucignat - Better Software 2010 9

10. Facebook “iceberg” paradigma
1. Update my profile (myself)
2. What I usually see/do (me and my friends)
3. What I can do (me, my friends and others)
Alberto Mucignat - Better Software 2010 10

11. The usage lifecycle
Manage Me and Others
my info friends
http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/
Alberto Mucignat - Better Software 2010 11

12. Scenari e user journey
Me, my friends
Manage my info Me & my friends
& others
- upload picture - read profiles - search people
Actions
- change status - like & comment - discover
- update profile - promote
- my details - note - personal info
Informations
- status - photo / video - comments / likes
- status - photos
- personal info
- comments / likes
- profile page - newsfeed - friend search
Pages
- profile page - profile page
- newsfeed
- fan page
Alberto Mucignat - Better Software 2010 12

13. Concept models
io crud miei oggetti
uso
divento
amico oggetti di profile
amici
amici wall
uso
oggetti di
altri
altri
Alberto Mucignat - Better Software 2010 13

14. Come si arriva
a questo dettaglio?
Alberto Mucignat - Better Software 2010 14

15. Design centrato sugli utenti
•obiettivo del social network
•ricerca con utenti -> personaggi e scenari
•definizione delle user stories + planning
•design iterativo + test con utenti
Alberto Mucignat - Better Software 2010 15

16. Definire l’obiettivo
(in una sola frase
di senso compiuto)
Alberto Mucignat - Better Software 2010 16

17. Alberto Mucignat - Better Software 2010 17

18. Alberto Mucignat - Better Software 2010 18

19. Alberto Mucignat - Better Software 2010 19

20. Alberto Mucignat - Better Software 2010 20

21. Design centrato sugli utenti
•obiettivo del social network
•ricerca con utenti -> personaggi e scenari
•definizione delle user stories + planning
•design iterativo + test con utenti
Alberto Mucignat - Better Software 2010 21

22. Then something magic happens
Alberto Mucignat - Better Software 2010 22

23. Then something magic happens
Alberto Mucignat - Better Software 2010 22

24. Ricerca con gli utenti
“Se
co
ndo
me
”
Alberto Mucignat - Better Software 2010 23

25. Interviste
Questionari
Focus group
Test di usabilità
Studi etnografici
Comportamenti Obiettivi Motivazioni
Alberto Mucignat - Better Software 2010 24

26. Comportamenti Obiettivi Motivazioni
Brand A livello mondiale | Italiano Registrati | QuickList (0) | Guida | Accedi
Home page Video Canali Community Cerca Carica video
Titolo video
Nome utente Iscriviti
img 26 ottobre 2008
(ulteriori info)
Titolo video
URL
<url>
Codice da incorporare
<codice>
Include
contenuti da:
Propetario contenuti
Altro da: nome utente
Video correlati
Titolo video 1
Video 2665454 visualizzazioni
3:26
Nome utente A
Titolo video 2
HQ 2665454 visualizzazioni
Video
4:17
Nome utente B
Vota Numero voti Visualizzazioni:
56226464
Titolo video 3
Video 2665454 visualizzazioni
Preferiti Condividi Playlist Segnala
2:55
Nome utente C
MySpace Facebook Twitter altro
Titolo video 4
Video 2665454 visualizzazioni
Statistiche e dati Nome utente A
3:26
Video di risposta (1) Accedi per pubblicare un video di risposta
Video in primo piano
Video
3:26
Nome utente C Video Video Video
3:26 3:26 3:26
Commenti testuali (5200) Opzioni Accedi per pubblicare un commento Titolo video 5 Titolo video 6 Titolo video 7
2665454 2665454 2665454
Nome utente (5 minuti fa) visualizzazioni visualizzazioni visualizzazioni
Rispondi Vota
Nome utente A Nome utente A Nome utente A
<testo commento>
Nome utente (10 minuti fa) Rispondi Vota
<testo commento>
Pagine: 1 2 3 … Avanti
Visualizza tutti i 5200 commenti
Vuoi commentare questo video?
Registrati per avere un account gratuito o accedi se sei già membro
Alberto Mucignat - Better Software 2010 25
Cerca

27. Usabilità sociale:
facilità di creare, mantenere e
sviluppare relazioni.
Alberto Mucignat - Better Software 2010 26

28. Usabilità sociale (Casali-Giacoma)
•Relazioni interpersonali
•Identità
•Comunicazione
•Emergenza dei gruppi
http://ibridazioni.com/2009/06/17/mode-motivational-design-versione-15/
Alberto Mucignat - Better Software 2010 27

29. Come si lavora
sull’usabilità sociale?
Alberto Mucignat - Better Software 2010 28

30. Social task analysis
Utente A Utente B
Inserisce un nuovo post in bacheca
Naviga il proprio newsfeed
Legge il post di A
Clicca “Mi piace”
Commenta
Riceve una notifica del commento
Risponde al commento di B
Riceve una notifica del commento
....
Alberto Mucignat - Better Software 2010 29

31. Concept models (Flickr)
Alberto Mucignat - Better Software 2010 30

32. Analisi delle azioni sociali
Alto impegno
Upload
Post
Share
Comment
Like
Basso impegno
Alberto Mucignat - Better Software 2010 31

33. Design centrato sugli utenti
•obiettivo del social network
•ricerca con utenti -> personaggi e scenari
•definizione delle user stories + planning
•design iterativo + test con utenti
Alberto Mucignat - Better Software 2010 32

34. Grazie!
Alberto Mucignat
alberto.mucignat@gmail.com
skype: alberto.mucignat
http://www.mucignat.com
http://twitter.com/stain
Alberto Mucignat - Better Software 2010 33