Social design: progettare applicazioni web che funzionano

2,149 views

Published on

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

Published in: Design

Social design: progettare applicazioni web che funzionano

  1. 1. Social design: progettare applicazioni che funzionano Alberto Mucignat Better Software Firenze, 06 Maggio 2010
  2. 2. Alberto Mucignat (ovvero: “10 anni in 30 secondi”) 2000 2002 2004 2006 2008 2010 Alberto Mucignat - Better Software 2010 2
  3. 3. Why social? Alberto Mucignat - Better Software 2010 3
  4. 4. Ogni applicazione è ormai “relazionale”. Alberto Mucignat - Better Software 2010 4
  5. 5. L’avvento delle intranet relazionali Alberto Mucignat - Better Software 2010 5
  6. 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. 7. Giovani.it: utenti online (2000) Alberto Mucignat - Better Software 2010 7
  8. 8. Facebook 2010 Alberto Mucignat - Better Software 2010 8
  9. 9. Facebook change issues Privacy / profile page Newsfeed (manage my identity) (what I see/do) Alberto Mucignat - Better Software 2010 9
  10. 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. 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. 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. 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. 14. Come si arriva a questo dettaglio? Alberto Mucignat - Better Software 2010 14
  15. 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. 16. Definire l’obiettivo (in una sola frase di senso compiuto) Alberto Mucignat - Better Software 2010 16
  17. 17. Alberto Mucignat - Better Software 2010 17
  18. 18. Alberto Mucignat - Better Software 2010 18
  19. 19. Alberto Mucignat - Better Software 2010 19
  20. 20. Alberto Mucignat - Better Software 2010 20
  21. 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. 22. Then something magic happens Alberto Mucignat - Better Software 2010 22
  23. 23. Then something magic happens Alberto Mucignat - Better Software 2010 22
  24. 24. Ricerca con gli utenti “Se co ndo me ” Alberto Mucignat - Better Software 2010 23
  25. 25. Interviste Questionari Focus group Test di usabilità Studi etnografici Comportamenti Obiettivi Motivazioni Alberto Mucignat - Better Software 2010 24
  26. 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. 27. Usabilità sociale: facilità di creare, mantenere e sviluppare relazioni. Alberto Mucignat - Better Software 2010 26
  28. 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. 29. Come si lavora sull’usabilità sociale? Alberto Mucignat - Better Software 2010 28
  30. 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. 31. Concept models (Flickr) Alberto Mucignat - Better Software 2010 30
  32. 32. Analisi delle azioni sociali Alto impegno Upload Post Share Comment Like Basso impegno Alberto Mucignat - Better Software 2010 31
  33. 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. 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

×