Presentazione al Webdesign international Festival (WIF), tenutsi a Milano dal 4 al 6 febbraio. Con l'avvento del Web 2.0 anche il Web design è cambiato: da siti web a Social Web applications.. La metodologia AOF (Activities, Objects, Features) applicata al Web Design. Particolare focus sul concetto di Oggetti sociali e sui verbi del Social Web

1. ELEMENTI DI SOCIAL WEB DESIGN Milano- 5 febbraio 2010 Leonardo Bellini

2. Il Social Web Design Cos’è il social web design? È lo studio, la pianificazione e la produzione di siti web e applicazioni che supportano l’interazione sociale Joshua Porter Autore di “designing for the Social Web”

4. Uno dei Principi del web 2.0 Da sito Web a una Piattaforma di condivisione e partecipazione

5. Il trend del Social software / Web sta accelerando 2000 Prime social web application Attività dell’utente: Conversation Comunicazione fra tanti utenti che usano l’applicazione Many-way communication WEB site/apps 1995 Prime web application Attività dell’utente: Read & write Contenuti dinamici con cui l’utente può interagire Two-way communication WEB site/apps 1990 Primi siti: statici Attività dell’utente: Read only Contenuti statici con cui l’utente non può interagire One-way communication WEB site/apps

6. I Siti Web più visitati al mondo sono piattaforme “social”

9. DigitalMarketingLab Group su LinkedIn A chi appartiene?

10. Dalla Single Web Experience alla Social Connected Exp La mia nuova casa

11. Un Ecosistema di Piattaforme strettamente interconnesse

14. Digital User Experience goes Mobile Web, Desktop Client, Mobile App Seamless Social User Experience

15. Il Ciclo di vita dell’utente nel Social Web E’ l’insieme di fasi che gli utenti di un sito attraversano quando approcciano e usano un sito. Awareness Sign-up Return visits Emotional attachment Unaware Interested First-time use Regular use Passionate use

17. AOF – UNA METODOLOGIA PER IL SOCIAL WEB DESIGN

21. Online Profile Tool di Forrester http://www.forrester.com/Groundswell/profile_tool.html

22. 1. Seleziona una singola specifica attività Focus solo su 1 attività primaria Site Attività Flickr Condividere foto Netflix Prendere a nolo film Monster Trovare un lavoro Amazon Fare shopping Menuism Trovare luoghi salutari dove mangiare

23. 1. Attività, Obiettivi e Compiti Spesso ci concentriamo sugli obiettivi e non sulle attività Site Attività Obiettivi Compiti Flickr Condividere foto Stare aggiornati da parenti e amici Caricare foto, commentare, inviare URL via email Netflix Prendere a nolo film Divertimento Selezionare film, inserire nella lista, discutere, votare.. Monster Trovare un lavoro Soldi, carriera Cercare un lavoro, inviare CV Amazon Fare shopping Acquistare buoni prodotti Cercare,Aggiungere nel carrello,comparare, acquistare Menuism Trovare luoghi dove mangiare Mangiare bene Recensire e votare i ristoranti, leggere commenti, prenotare

24. Attività e Interazioni Sociali Le attività ci permettono di focalizzarci meglio sulle Interazioni Sociali quando compiamo un’attività (es. fare acquisti)

25. Attività: acquistare e vendere prodotti fatti a mano

26. Attività: trovare buoni posti dove mangiare

27. Attività: conservare e condividere foto

28. Attività: ricordarsi e condividere i bookmark preferiti

31. 2. Identificate i tuoi Oggetti Social Le web app di maggior successo sono costruite attorno a questi elementi social Tutte le interazioni degli utenti su questi siti è all’interno e intorno a questi elementi: Amazon -> Prodotti Flickr -> Foto Youtube ->Video Upcoming ->Eventi Twitter ->Messaggi Blogger-> Blogs Monster-> Lavori Netflix-> Film Slideshare-> Slide Last.fm-> Musica

32. 2. Identificate gli Oggetti Social Un Oggetto sociale è la ragione per cui 2 persone parlano l’un con l’altro e non con qualcun altro. È il nodo sociale che fa scattare la conversazione. Questo è il motivo per cui lo chiamiamo “ Social Object ” Hugh McLeod, Gaping Void I Social network sono costruiti attorno ai Social Object

34. Oggetti primari e oggetti secondari Website Oggetto primario Attività Oggetto secondario Last.fm Music Track Ascoltare, commentare Artista, Album, favoriti, raccomandazioni Dopplr viaggio Coincidenze Luoghi, suggerimenti Twitter Messaggi brevi Posting Liste, #hashtag

35. Dopplr – una community di viaggiatori Il viaggio diventa l’oggetto sociale

36. Gli eventi su LinkedIn come Oggetto Sociale

37. Una bottiglia di vino come oggetto sociale Blue Monster Reserve genera conversazioni, crea amicizie 1218 membri

41. Upload tagging Commenting Grouping Organizing Title Nota

42. Trovate i vostri verbi! Dato un tema/oggetto, quali verbi d’azione sono associati? Molti di questi verbi possono essere trasformati direttamente in applicazioni (feature). Inoltre molti di essi sono sia social che personal Oggetto Verbo /azione Articoli Leggi, archivia per leggere dopo, vota, linka a, condividi, commenta, annota, Libri Leggi, aggiungi al carrello, acquista, aggiungi alla wish list, condividi, commenta, vota, tagga, aggiungi una recensione Video avvia, ferma, edita, magazzina, carica, commenta, embedda sul blog Software Scarica, acquista, scarica il trial, vedi demo,vota, aggiungi una recensione

43. I Social Object su Youtube Video Object: Play Pause Share Add to favs Add to playlist Flag Rate Comment Post a response Embed Upload Response Object Comments Object Person Object Subscribe View Related Object Add to quicklist View

45. Le Social Feature di Amazon Product rating Share your own product images Add to Wish/Shopping List Add to Wedding/Baby Registry Tell a friend

46. Un Post – Acquisto di tipo social What do customers ultimately buy after viewing this item ? Tag this item Help others find this item? Rate this item to improve your recommendations

47. Consigli per gli acquisti – Collaborative filtering People who bought this also bought that..

48. Le recensioni e i voti dei clienti Customer reviews Was this review helpful to you?

50. Postilla, un Blog network per Professionisti Ultimi Post TagCloud Diventa Blogger

53. E per finire: una citazione “ Il web è più una creazione sociale che tecnica. Mi occupo del suo design per studiarne gli effetti di tipo social, per aiutare le persone a lavorare insieme, e non per usarlo come strumento tecnico. L’obiettivo ultimo del web è supportare e migliorare la nostra presenza interconnessa nel mondo . Dobbiamo quindi assicurarci che la società virtuale che costruiamo con il web sia del tipo che realmente noi intendiamo ”. Tim Berners-Lee, Weaving the Web www.w3.org/People/Berners-Lee/Weaving/

54. Per saperne di più… Building social Web Applications Web2.0 Architectures