UserExperience in web2

Slide 1: User Experience in web2.0 dott. Daniele Galiffa Mediateca Santa Teresa Milano, 2007.07.13 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 1

Slide 2: Parleremo di... 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 ● 2 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 2

Slide 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 / wiki Skype OpenOffice Slideshare Flickr 3 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 3

Slide 4: Citazione \"When technology delivers basics needs, users expereince dominates\" Don Norman 4 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 4

Slide 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 5 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 5

Slide 6: User Experience - Il rapporto con le altre discipline Information Architecture Interaction Design Ethnography Branding Usability 6 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 6

Slide 7: User Experience – I domini coinvolti 7 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 7

Slide 8: User Experience – Le faccette di Q 8 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 8

Slide 9: User Experience – Gli elementi di Garrett 9 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 9

Slide 10: User Experience – Il processo progettuele Osservare, Ascoltare, Testare ...e poi ricominciare di nuovo 10 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 10

Slide 11: User Experience – Alcuni validi esempi apple iPhone Offrire migliori esperienze invece di moltissime funzioni Analizzare le esperienze Attenzione ai dettagli 11 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 11

Slide 12: User Experience – Alcuni validi esempi Nintendo Wii Concentrarsi sull'esperienza e sul contenuto 12 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 12

Slide 13: User Experience – Alcuni validi esempi Nabaztag Definizione di scenari di comunicazione non tradizionali 13 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 13

Slide 14: User Experience – Alcuni validi esempi Fiat 500 Gli utenti definiscono i valori del prodotto ('500 wants you') Il brand come esperienza 14 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 14

Slide 15: User Experience – Un esempio non (troppo) valido Nike+ system Il sistema pensato solo per un uso (la corsa) 15 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 15

Slide 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 16 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 16

Slide 17: Social Read/Write Web – Il ruolo dell'utente Meglio parlare di Social Read/Write Web (srww), cioè il web in cui ciascun utente è: editore fruitore distributore collaboratore 17 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 17

Slide 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 ● 18 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 18

Slide 19: Social Read/Write Web – Fenomi scatenanti Hypertexts ● emails ● Peer2Peer ● OpenSource ● RSS / RDF ● OnLine forums / mailing list ● OnDemandContents ● 19 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 19

Slide 20: Social Read/Write Web – Case Studies CASE STUDIES 20 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 20

Slide 21: Social Read/Write Web – Case Studies Flickr (http://www.flickr.com) 21 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 21

Slide 22: Social Read/Write Web – Case Studies 22 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 22

Slide 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) 28 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 28

Slide 29: Social Read/Write Web – Case Studies Delicious (http://www.delicious.com) 29 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 29

Slide 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 32 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 32

Slide 33: Social Read/Write Web – Case Studies YouTube (http://www.youtube.com) 33 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 33

Slide 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 36 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 36

Slide 37: Social Read/Write Web – Case Studies Digg (http://www.digg.com) 37 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 37

Slide 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 39 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 39

Slide 40: Social Read/Write Web – Case Studies WordPress (http://wordpress.org) 40 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 40

Slide 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 43 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 43

Slide 44: Social Read/Write Web – Case Studies UStream (http://www.ustream.tv) 44 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 44

Slide 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 47 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 47

Slide 48: Social Read/Write Web – Case Studies Wikipedia (http://www.wikipedia.org) 48 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 48

Slide 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 50 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 50

Slide 51: Social Read/Write Web – Case Studies Google (http://www.google.com) 51 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 51

Slide 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 53 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 53

Slide 54: Social Read/Write Web – Case Studies Zopa (http:www.zopa.com) 54 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 54

Slide 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 56 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 56

Slide 57: Social Read/Write Web – Case Studies Barcamp (http://barcamp.org) 57 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 57

Slide 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 60 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 60

Slide 61: Social Read/Write Web – Case Studies LinkedIn (http://www.linkedin.com) 61 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 61

Slide 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 63 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 63

Slide 64: Social Read/Write Web – Case Studies Many Eyes (http://services.alphaworks.ibm.com/manyeyes/) 64 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 64

Slide 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 68 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 68

Slide 69: Social Read/Write Web – Case Studies Programmable web (http://www.programmableweb.com/) 69 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 69

Slide 72: Social Read/Write Web – Case Studies Programmable web Aggregatore di informazioni sui servizi srww Elenchi, classifiche, tassonomie, tests su servizi e piattaforme collaborative 72 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 72

Slide 73: Social Read/Write Web – Case Studies Ning (http://www.ning.com ) 73 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 73

Slide 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 76 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 76

Slide 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 ● 77 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 77

Slide 78: Social Read/Write Web – Mash-ups MASH-UP 78 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 78

Slide 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 79 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 79

Slide 80: Social Read/Write Web – Mash-ups ALCUNI ESEMPI 80 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 80

Slide 81: Social Read/Write Web – Mash-ups 81 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 81

Slide 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 ● 94 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 94

Slide 95: User Experience – Archetipi TagCloud ● Branding: Naming ● Findability: Star / Favourites / “Your” ● Information Architecture: Explicit labeling ● Tono della comunicazione: diretta e semplice ● 95 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 95

Slide 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 96 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 96

Slide 97: Risorse e fonti The Design of Everyday Things delicious.org Donald A. Norman barcamp.org The Elements of User Experience: User-Centered Design for the Web wikipedia.org Jesse James Garrett wordpress.com Experience Design 1 mentegrafica.it Nathan Shedroff uxnet.com The Long Tail: Why the Future of Business Is Selling Less of More idearium.org Chris Anderson linkedin.com zooppa.com Designing Interactions zopa.com Bill Moggridge (Author) ning.com programmableweb.com paperandpencil.info/home/2003/06/index.html ustream.tv nathan.com/ digg.com semanticstudios.com/publications/semantics/000029.php youtube.com qltd.com/ http://www.ubilabs.net/tourdefrance/ jjg.net/elements/ http://www.theairdb.com/sub/Airlines.html pimpampum.net/rt/ http://googlemapsmania.blogspot.com/ adobe.com http://www.biblemap.org/ flickr.com http://www.placeopedia.com/ 97 User Experience in web2.0 – dott. Daniele Galiffa – Milano, 2007.07.13 - 97

Slide 98: Grazie Grazie www.mentegrafica.it/ux

Slideshare.net (beta)