Social design: progettare applicazioni web che funzionano
Upcoming SlideShare
Loading in...5
×
 

Social design: progettare applicazioni web che funzionano

on

  • 2,592 views

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

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

Statistics

Views

Total Views
2,592
Views on SlideShare
2,435
Embed Views
157

Actions

Likes
13
Downloads
39
Comments
5

6 Embeds 157

http://www.mucignat.com 127
http://www.slideshare.net 21
http://www.linkedin.com 5
https://www.linkedin.com 2
http://static.slidesharecdn.com 1
http://www.lmodules.com 1

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

CC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike LicenseCC Attribution-NonCommercial-ShareAlike License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Social design: progettare applicazioni web che funzionano Social design: progettare applicazioni web che funzionano Presentation Transcript

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