social design: progettare applicazioni web che funzionano
Post on 11-May-2015
1.789 Views
Preview:
DESCRIPTION
TRANSCRIPT
Social design: progettare
applicazioni che funzionano
Alberto Mucignat
Better Software
Firenze, 06 Maggio 2010
Alberto Mucignat - Better Software 2010
Alberto Mucignat(ovvero: “10 anni in 30 secondi”)
2
2000 2002 2004 2006 2008 2010
Alberto Mucignat - Better Software 2010
Why social?
3
Alberto Mucignat - Better Software 2010
Ogni applicazione è ormai “relazionale”.
4
Alberto Mucignat - Better Software 2010
L’avvento delle intranet relazionali
5
Alberto Mucignat - Better Software 2010
Studenti.it/Giovani.it
•upload di appunti scolastici/universitari
•ricerca e download di appunti
•community (amici, status, profile, blog)
•>2,5ML di utenti registrati
6
Alberto Mucignat - Better Software 2010
Giovani.it: utenti online (2000)
7
Alberto Mucignat - Better Software 2010
Facebook 2010
8
Alberto Mucignat - Better Software 2010
Facebook change issues
9
Privacy / profile page
(manage my identity)
Newsfeed
(what I see/do)
Alberto Mucignat - Better Software 2010
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)
10
Alberto Mucignat - Better Software 2010
The usage lifecycle
http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/
Me and
friends
OthersManage
my info
11
Alberto Mucignat - Better Software 2010
Scenari e user journey
12
Manage my info Me & my friendsMe, my friends
& others
Action
sIn
form
ation
sP
ages
- upload picture- change status- update profile
- my details- status
- profile page
- read profiles- like & comment
- note- photo / video- status- personal info- comments / likes
- newsfeed- profile page
- search people- discover- promote
- personal info- comments / likes- photos
- friend search- profile page- newsfeed- fan page
Alberto Mucignat - Better Software 2010
Concept models
13
io
amici
altri
miei oggetti
oggetti di amici
oggetti di altri
profile wall
crud
uso
divento amico
uso
Alberto Mucignat - Better Software 2010
Come si arrivaa questo dettaglio?
14
Alberto Mucignat - Better Software 2010
Design centrato sugli utenti
15
•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
Definire l’obiettivo(in una sola frase di senso compiuto)
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
Alberto Mucignat - Better Software 2010
Design centrato sugli utenti
21
•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
Then something magic happens
22
Alberto Mucignat - Better Software 2010
Then something magic happens
22
Alberto Mucignat - Better Software 2010 23
“Secondo me”
Ric
erc
a c
on g
li ute
nti
Alberto Mucignat - Better Software 2010
Interviste
24
Questionari
Test di usabilità
Studi etnografici
Focus group
Comportamenti Obiettivi Motivazioni
Alberto Mucignat - Better Software 2010 25
Brand A livello mondiale | Italiano Registrati | QuickList (0) | Guida | Accedi
Home page Video Canali Community Cerca Carica video
Titolo video
HQ
Video
img
Titolo video 1
2665454 visualizzazioni
Nome utente A
Iscriviti
Titolo video
URL
Codice da incorporare
<url>
<codice>
Includecontenuti da:
Propetario contenuti
Altro da: nome utente
Video correlati
3:26
Video
Titolo video 2
2665454 visualizzazioni
Nome utente B4:17
Video
Titolo video 3
2665454 visualizzazioni
Nome utente C2:55
Titolo video 4
2665454 visualizzazioni
Nome utente AVideo
3:26
Vota Numero voti Visualizzazioni:
56226464
Preferiti Condividi Playlist Segnala
MySpace Facebook Twitter altro
Video in primo piano
Titolo video 7
2665454
visualizzazioni
Nome utente A
3:26
Video
3:26
Titolo video 5
2665454
visualizzazioni
Nome utente A
Video
3:26
Titolo video 6
2665454
visualizzazioni
Nome utente A
Video
Statistiche e dati
Video di risposta (1)
Video
3:26
Nome utente
26 ottobre 2008
(ulteriori info)
Nome utente C
Commenti testuali (5200) Opzioni Accedi per pubblicare un commento
Accedi per pubblicare un video di risposta
Nome utente (5 minuti fa) Rispondi Vota
<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
Cerca
box con link utili
Comportamenti Obiettivi Motivazioni
Alberto Mucignat - Better Software 2010
Usabilità sociale: facilità di creare, mantenere e sviluppare relazioni.
26
Alberto Mucignat - Better Software 2010
Usabilità sociale (Casali-Giacoma)
27
•Relazioni interpersonali
•Identità
•Comunicazione
•Emergenza dei gruppi
http://ibridazioni.com/2009/06/17/mode-motivational-design-versione-15/
Alberto Mucignat - Better Software 2010
Come si lavorasull’usabilità sociale?
28
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
Social task analysis
29
Alberto Mucignat - Better Software 2010
Concept models (Flickr)
30
Alberto Mucignat - Better Software 2010
Analisi delle azioni sociali
31
Like
Comment
Share
Post
Upload
Alto impegno
Basso impegno
Alberto Mucignat - Better Software 2010
Design centrato sugli utenti
32
•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 33
Grazie!
Alberto Mucignat
alberto.mucignat@gmail.com
skype: alberto.mucignat
http://www.mucignat.com
http://twitter.com/stain
top related