Social design: progettare applicazioni web che funzionano

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


Why social?

3


Ogni applicazione è ormai “relazionale”.

4


L’avvento delle intranet relazionali

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

6


Giovani.it: utenti online (2000)

7


Facebook 2010

8


Facebook change issues

9

Privacy / profile page

(manage my identity)

Newsfeed

(what I see/do)


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


The usage lifecycle

http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/

Me and

friends

OthersManage

my info

11




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


Concept models

13

io

amici

altri

miei oggetti

oggetti di amici

oggetti di altri

profile wall

crud

uso

divento amico

uso


Come si arrivaa questo dettaglio?

14


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


Definire l’obiettivo(in una sola frase di senso compiuto)

16

Alberto Mucignat - Better Software 2010 17



21






Then something magic happens

22


“Secondo me”

Ric

erc

a c

on g

li ute

nti


Interviste

24

Questionari

Test di usabilità

Studi etnografici

Focus group

Comportamenti Obiettivi Motivazioni


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


Nome utente B4:17

Video

Titolo video 3


Nome utente C2:55

Titolo video 4


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


Usabilità sociale: facilità di creare, mantenere e sviluppare relazioni.

26


Usabilità sociale (Casali-Giacoma)

27

•Relazioni interpersonali

•Identità

•Comunicazione

•Emergenza dei gruppi

http://ibridazioni.com/2009/06/17/mode-motivational-design-versione-15/




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

....


Social task analysis

29


Concept models (Flickr)

30


Analisi delle azioni sociali

31

Like

Comment

Share

Post

Upload

Alto impegno

Basso impegno



32






Grazie!

Alberto Mucignat

[email protected]

skype: alberto.mucignat

http://www.mucignat.com

http://twitter.com/stain


mailto:[email protected]

mailto:[email protected]




Social design: progettare applicazioni web che funzionano

Design

Transcript of Social design: progettare applicazioni web che funzionano