UserExperience in web2
-
Upload
daniele-galiffa -
Category
Business
-
view
115 -
download
0
description
Transcript of UserExperience in web2
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
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