User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 1

User Experience in web2.0 dott. Daniele Galiffa

Mediateca Santa Teresa

Milano, 2007.07.13

2User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 2

● User Experience● Social Read/Write web ( srww )● Case studies ( User Experience e srww )● Mash-ups● Opportunità nel mondo srww● Archetipi negli elementi di User Experience dei servizi srww

Parleremo di...

3User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 3

Premesse

Il seminario di oggi è l'espressione dell'uso collaborativo e partecipativo di strumenti e serivizi di rete ad alto valore aggiunto in termini di User Experience.

Blog ( www.idearium.org )Barcamp / wikiSkypeOpenOfficeSlideshareFlickr

4User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 4

Citazione

"When technology delivers basics needs, users expereince dominates"

Don Norman

5User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 5

User Experience – Una definizione

Possiamo definire la User Experience (UX) come la disciplina che studia, progetta ed analizza l'insieme delle esperienze e soddisfazioni tratte da un utente durante l'uso di un prodotto o di un sistema

6User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 6

User Experience - Il rapporto con le altre discipline

Information ArchitectureInteraction DesignEthnographyBrandingUsability

7User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 7

User Experience – I domini coinvolti

8User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 8

User Experience – Le faccette di Q

9User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 9

User Experience – Gli elementi di Garrett

10User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 10

User Experience – Il processo progettuele

Osservare,Ascoltare,Testare...e poi ricominciare di nuovo

11User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 11

User Experience – Alcuni validi esempi

apple iPhone

Offrire migliori esperienze invece di moltissime funzioni

Analizzare le esperienze

Attenzione ai dettagli

12User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 12

User Experience – Alcuni validi esempi

Nintendo Wii

Concentrarsi sull'esperienza e sul contenuto

13User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 13

User Experience – Alcuni validi esempi

Nabaztag

Definizione di scenari di comunicazione non tradizionali

14User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 14

User Experience – Alcuni validi esempi

Fiat 500

Gli utenti definiscono i valori del prodotto ('500 wants you')

Il brand come esperienza

15User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 15

User Experience – Un esempio non (troppo) valido

Nike+ system

Il sistema pensato solo per un uso (la corsa)

16User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 16

Social Read/Write Web

Web 2.0...ma siamo sicuri ?

Il web è nato per condividere ( documenti testuali ) e collaborare ( tra scienziati )

Il web ora consente di condividere moltissimi tipi di documenti tra moltissimi utenti

17User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 17

Social Read/Write Web – Il ruolo dell'utente

Meglio parlare di Social Read/Write Web (srww),cioè il web in cui ciascun utente è:

editorefruitoredistributorecollaboratore

18User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 18

Social Read/Write Web – Caratteristiche

● Il web come piattaforma● Il software è un servizio e non un prodotto● Intelligenza collettiva● Informazione distribuita● Gli utenti producono valore● Facilità di utilizzo● Customizzazione● Perpetual Beta● Focus sui concetti della LongTail

19User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 19

Social Read/Write Web – Fenomi scatenanti

● Hypertexts● emails● Peer2Peer● OpenSource● RSS / RDF● OnLine forums / mailing list● OnDemandContents

20User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 20

Social Read/Write Web – Case Studies

CASE STUDIES

21User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 21

Social Read/Write Web – Case Studies

Flickr(http://www.flickr.com)

22User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 22

Social Read/Write Web – Case Studies

23User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 23

Social Read/Write Web – Case Studies

24User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 24

Social Read/Write Web – Case Studies

25User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 25

Social Read/Write Web – Case Studies

26User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 26

Social Read/Write Web – Case Studies

27User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 27

Social Read/Write Web – Case Studies

28User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 28

Social Read/Write Web – Case Studies

Flickr

Condivisione di foto

Annotazioni e commenti sulle foto

Organizzazione delle foto per argomenti (tags), date, coordinate geografiche (geotagging)

Erogazione e produzione via API / RSS / widgets

Integrazione con servizi offline (stampa) ed altri devices (mobile phones)

29User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 29

Social Read/Write Web – Case Studies

Delicious(http://www.delicious.com)

30User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 30

Social Read/Write Web – Case Studies

31User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 31

Social Read/Write Web – Case Studies

32User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 32

Social Read/Write Web – Case Studies

Delicious

Condivisione di bookmarks

Annotazioni sui bookmarks

Organizzazione dei bookmark per argomenti (tags)

Erogazione e produzione dei contenuti via API / RSS / widget

Integrazione con browsers

33User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 33

Social Read/Write Web – Case Studies

YouTube(http://www.youtube.com)

34User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 34

Social Read/Write Web – Case Studies

35User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 35

Social Read/Write Web – Case Studies

36User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 36

Social Read/Write Web – Case Studies

YouTube

Condivisione di video

Commenti e rating sui video

Organizzazione dei video per argomenti (tags) e canali

Erogazione e produzione dei contenuti via API / RSS / widget

Integrazione con devices mobili e blogs

37User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 37

Social Read/Write Web – Case Studies

Digg(http://www.digg.com)

38User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 38

Social Read/Write Web – Case Studies

39User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 39

Social Read/Write Web – Case Studies

Digg

Condivisione di storie

Annotazioni e commenti sulle storie

Organizzazione delle storie per argomenti (tags) e canali

Erogazione e produzione dei contenuti via API / RSS / widget

40User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 40

Social Read/Write Web – Case Studies

WordPress(http://wordpress.org)

41User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 41

Social Read/Write Web – Case Studies

42User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 42

Social Read/Write Web – Case Studies

43User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 43

Social Read/Write Web – Case Studies

Wordpress

Piattaforma opensource per blogging

Ampia possibilità customizzazione

Integrazione con altri servizi (technorati, delicious, flickr, google adsense, etc...)

Sharing dei contenuti e della tecnologia

44User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 44

Social Read/Write Web – Case Studies

UStream(http://www.ustream.tv)

45User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 45

Social Read/Write Web – Case Studies

46User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 46

Social Read/Write Web – Case Studies

47User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 47

Social Read/Write Web – Case Studies

Ustream.tv

Piattaforma per streaming audio/video (live ed onDemand)

Aggregazione dei contenuti per argomenti (tags) o canali

Integrazione con altri servizi (blogs, etc...)

Annotazioni e commenti sui contenuti

Erogazione dei contenuti via RSS

48User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 48

Social Read/Write Web – Case Studies

Wikipedia(http://www.wikipedia.org)

49User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 49

Social Read/Write Web – Case Studies

50User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 50

Social Read/Write Web – Case Studies

Wikipedia

Piattaforma per la produzione e fruizione gratuita di hypertesti via web

Organizzazione dei contenuti per tassonomie

Processo di revisione dei contenuti Peer2Peer

Annotazioni e commenti sui contenuti e sugli interventi di modifica

Erogazione dei contenuti via RSS

51User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 51

Social Read/Write Web – Case Studies

Google(http://www.google.com)

52User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 52

Social Read/Write Web – Case Studies

53User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 53

Social Read/Write Web – Case Studies

Google adWords + Google adSense

Piattaforma per pubblicità online, interamente basata su UGCs.

Eroga pubblicità contestualmente e coerente al contenuto che fruito dall'utente o legato alle parole cercate

Format della comunicazione: testo + link

Modello di business con revenue sharing tra gli stakeholders

54User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 54

Social Read/Write Web – Case Studies

Zopa(http:www.zopa.com)

55User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 55

Social Read/Write Web – Case Studies

56User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 56

Social Read/Write Web – Case Studies

Zopa

Piattaforma partecipativa per crediti/prestiti in denaro

Condivisione del rischio

Stile della comunicazione: tono semplice e diretto

Modello di business con revenue sharing tra gli stakeholders

57User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 57

Social Read/Write Web – Case Studies

Barcamp(http://barcamp.org)

58User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 58

Social Read/Write Web – Case Studies

59User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 59

Social Read/Write Web – Case Studies

60User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 60

Social Read/Write Web – Case Studies

Barcamp

Piattaforma collaborativa per organizzare incontri tematici

Utilizzo di wiki

Contenuto generato spontaneamente ed esclusivamente dagli utenti

Forte correlazione tra online ed offline

Comunicazione: naming forte (molti eventi hanno nel nome il suffisso “camp”. Esempio: ZenaCamp)

Erogazione dei contenuti via RSS

61User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 61

Social Read/Write Web – Case Studies

LinkedIn(http://www.linkedin.com)

62User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 62

Social Read/Write Web – Case Studies

63User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 63

Social Read/Write Web – Case Studies

LinkedIn

Social network che mette in relazione colleghi e professionisti

Utenze freemium

Autorevolezza / Digital Identity

Integrazione con i servizi di pubblicità di google ad sense

64User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 64

Social Read/Write Web – Case Studies

Many Eyes(http://services.alphaworks.ibm.com/manyeyes/)

65User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 65

Social Read/Write Web – Case Studies

66User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 66

Social Read/Write Web – Case Studies

67User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 67

Social Read/Write Web – Case Studies

68User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 68

Social Read/Write Web – Case Studies

Many eyes

Condivisione di tabelle di dati e di strumenti di visualizzazione

Commenti e annotazioni sui contenuti e sulle visualizzazioni dei contenuti

Comunicazione: forte interattività tra il contenuto e gli utenti

Richiede forte partecipazione e senso critico

69User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 69

Social Read/Write Web – Case Studies

Programmable web(http://www.programmableweb.com/)

70User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 70

Social Read/Write Web – Case Studies

71User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 71

Social Read/Write Web – Case Studies

72User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 72

Social Read/Write Web – Case Studies

Programmable web

Aggregatore di informazioni sui servizi srww

Elenchi, classifiche, tassonomie, tests su servizi e piattaforme collaborative

73User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 73

Social Read/Write Web – Case Studies

Ning(http://www.ning.com )

74User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 74

Social Read/Write Web – Case Studies

75User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 75

Social Read/Write Web – Case Studies

76User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 76

Social Read/Write Web – Case Studies

Ning

Piattaforme per la creazione del proprio social network

Integrazione con altri servizi (flickr, you tube, etc... )

Forte customizzazione

Utenze freemium

Completamente basato su UGCs

Forte attenzione alle nicchie

77User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 77

Social Read/Write Web – Fenomi derivati

● Folksonomy● Forma separata dal contenuto (Mash-ups / APIs)● LiveCasting / Podcasting / VideoCasting● Contenuti accessibili e frammentati

(cross-media e cross-platform)● Forte relazione tra online/offline● OnLine collaboration/sharing● Rating / Autority● Digital Identity

78User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 78

Social Read/Write Web – Mash-ups

MASH-UP

79User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 79

Social Read/Write Web – Mash-ups

I Mash-up sono dei servizi digitali ottenuti dall'integrazione di contenuti e strumenti forniti gratuitamente da terze parti.

I Mash-up sono una delle tipiche espressioni di sintesi di cosa è il Social Read/Write web

80User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 80

Social Read/Write Web – Mash-ups

ALCUNI ESEMPI

81User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 81

Social Read/Write Web – Mash-ups

82User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 82

Social Read/Write Web – Mash-ups

83User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 83

Social Read/Write Web – Mash-ups

84User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 84

Social Read/Write Web – Mash-ups

85User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 85

Social Read/Write Web – Mash-ups

86User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 86

Social Read/Write Web – Mash-ups

87User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 87

Social Read/Write Web – Mash-ups

88User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 88

Social Read/Write Web – Mash-ups

89User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 89

Social Read/Write Web – Mash-ups

90User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 90

Social Read/Write Web – Mash-ups

91User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 91

Social Read/Write Web – Mash-ups

92User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 92

Social Read/Write Web – Mash-ups

93User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 93

Social Read/Write Web – Mash-ups

94User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 94

Opportunità nel Social Read/Write Web

● Progettazione dei servizi srww centrati sull'utente

● Attenzione alle nicchie(ai loro linguaggi, stili e contenuti)

● Definizione di nuove forme di comunicazione

● Utilizzo di strumenti complessi ma non complicati

● Il brand veicolato come somma di esperienze

95User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 95

User Experience – Archetipi

● TagCloud

● Branding: Naming

● Findability: Star / Favourites / “Your”

● Information Architecture: Explicit labeling

● Tono della comunicazione: diretta e semplice

96User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 96

Conclusioni

Internet è sempre più lo strumento per creare e rafforzare relazioni tra le persone

La qualità dell'esperienza degli utenti nell'utilizzo dei nuovi servizi srww è un fattore determinante nel decretare il successo di un servizio web

Gli utenti cercano di trovare l'ambiente (e i mercati) in cui le conversazioni e le relazioni con altri utenti vengono valorizzate

97User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 97

Risorse e fonti

The Design of Everyday ThingsDonald A. Norman

The Elements of User Experience: User-Centered Design for the WebJesse James Garrett

Experience Design 1Nathan Shedroff

The Long Tail: Why the Future of Business Is Selling Less of MoreChris Anderson

Designing InteractionsBill Moggridge (Author)

paperandpencil.info/home/2003/06/index.html

nathan.com/

semanticstudios.com/publications/semantics/000029.php

qltd.com/

jjg.net/elements/

pimpampum.net/rt/

adobe.com

flickr.com

delicious.org

barcamp.org

wikipedia.orgwordpress.com

mentegrafica.it

uxnet.com

idearium.org

linkedin.com

zooppa.com

zopa.com

ning.com

programmableweb.com

ustream.tv

digg.com

youtube.comhttp://www.ubilabs.net/tourdefrance/

http://www.theairdb.com/sub/Airlines.html

http://googlemapsmania.blogspot.com/

http://www.biblemap.org/

http://www.placeopedia.com/

Grazie

www.mentegrafica.it/ux

Grazie