Social Web Design

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

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”

I verbi del Social Web
Comunicare
Blog
Podcast
Video Blogging
Video Sharing
Photo Sharing
Connettere
Social networks
SMS
IM
/Twitter
Skype
Connettere
Social networks
SMS
Instant messaging/Twitter
Skype
Raccogliere/Categorizzare
Marcatura
Social Bookmarking
Motori di ricerca
Collaborare/creare collaborativamente
Wiki
Consumer-Generated Content
Software Open Source
Creative Commons
Mash-ups
Valutazioni collettive
siti di valutazione
social news
Personalizzare
RRS
Widgets
Mondi virtuali/ Avatar

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

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

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

1. First, the individual
Prima soddisfa i bisogni dell’individuo
Identifica i bisogni, il valore ed il senso che offri per il singolo
Offri un servizio che abbia valore anche per il singolo individuo
La community è come un by-product che nasce grazie alle interazioni tra gli utenti

2. Quali sono i membri più attivi in Twitter ?
Le moderne applicazioni sono “Social” di default
Cambia il concetto di “ proprietà ”
I creatori del Sito Web sono sullo stesso piano dei suoi utilizzatori
I membri più attivi di una community, i più influenti di una community non sono i suoi Fondatori..

DigitalMarketingLab Group su LinkedIn A chi appartiene?

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

Un Ecosistema di Piattaforme strettamente interconnesse

Crea e utilizza le API per il tuo Web Service
Le API sono un mezzo per distribuire i vostri contenuti e i comportamenti del sistema attraverso il WEB
Permettono agli utenti di connettersi senza accedere al sito
Per creare servizi in maniera efficace, create un set di API

Social Web e l’intelligenza collettiva
Google Page Rank per il posizionamento
Netflix Collaborative Filtering per le raccomandazioni di film
Amazon Customer reviews
I membri sono incoraggiati ad arricchire il sito con contenuti personali
Effetto di rete: rende visibili a tutti i risultati frutto dell’intelligenza collettiva

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

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

Un Design Pattern per il Social Web
Raccogliere dati
Renderli utili
Offrire servizi basati su questo al resto del Web
Pochi tool utili + Meccanismo di scambio sociale

AOF – UNA METODOLOGIA PER IL SOCIAL WEB DESIGN

AOF: Activities – Objects - Features
Focus sull’attività primaria : cosa fa e deve fare l’utente/audience?
Identificare i temi/oggetti social : per i quali gli utenti decidono di iscriversi ad un sito/servizio, su cui vogliono discutere avere un parere
Scegliere un insieme ristretto di feature : quale set di azioni devono fare gli utenti con gli oggetti scelti?

Focus sull’attività primaria
Conosci i tuoi utenti:
Gli step che fanno per completare l’attività
Le decisioni che devono prendere per fare ciascuno step
I fattori che influenzano le decisioni
I ruoli che le persone assumono quando fanno i vari passi
Cosa sta facendo la tua Audience online?

Social Technographics di Forrester
Usa questa scala per segmentare i tuoi utenti
Definisci strategie differenti per livelli di engagement differenti
Scegli piattaforme e feature in base ai loro comportamenti e attitudini

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

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

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

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

Attività: acquistare e vendere prodotti fatti a mano

Attività: trovare buoni posti dove mangiare

Attività: conservare e condividere foto

Attività: ricordarsi e condividere i bookmark preferiti

Le Attività sono importanti perché..
Rivelano i processi , ci permettono di scoprire i passi compiuti dalle persone per raggiungere i loro obiettivi
Rivelano criticità : quando le persone si affidano ad altri in cerca di aiuto
Ci permettono di gestire informazioni
Ci aiutano a focalizzare su un Design centrato sull’utente

Eccellere in una singola attività primaria
Flickr ->photo sharing
Amazon ->shopping
Dopplr -> viaggi
Last.fm -> gusti musicali
Twitter ->conversazioni brevi

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

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

Il successo dei Social Object
I Social Object non necessariamente sono fisici
Possono essere anche astratti come i posti di lavoro o gli appuntamenti, i progetti, i team e gli eventi o le conversazioni tra persone
“ If your product is not a Social Object, why are you in business?” Hugh McLeod, Gaping Void

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

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

Gli eventi su LinkedIn come Oggetto Sociale

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

Dare un URL univoco agli oggetti sociali
Quali vantaggi?
Gli Url rendono i temi/oggetti condivisibili
Gli Url consentono di trovare e ri-trovare i temi/oggetti
Gli Url consentono di linkare direttamente i temi/oggetti
Gli Url piacciono ai motori di ricerca
Un Oggetto sociale deve essere condivisibile

Gli Url e Flickr
http://www.flickr.com/photos/brezzadilago/4316589967/

3. F come Feature
Insieme di applicazioni che consentono di:
eseguire meglio l’attività primaria (wish list, recommendations)
essere supportati nell’attività primaria ( rating, review, compare )
interagire con gli altri utenti (friending, grouping,following)
partecipare e contribuire ai contenuti del sito ( post, comment, tag, upload, bookmark )

Upload tagging Commenting Grouping Organizing Title Nota

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

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

Funzionalità legate alla Shopping Experience
Le liste di oggetti sono una collezione importante
Perché le persone fanno delle liste?
Come le ordinano e le gestiscono?
Esempi per collezionare oggetti/temi:
Wish list
Shopping cart
Favorites
Shared item
I miei oggetti (ristoranti preferiti, recensioni, bookmarks)
Gli oggetti dei miei amici
Progetti
Quali azioni svolgono su queste liste i membri della vostra Social Web App?

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

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

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

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

Introducete poche funzionalità alla volta
Il processo di introdurre, spostare o riassegnare le priorità è complesso. Se l’applicazione e l’interfaccia grafica sono fatte bene l’utente si adatta presto
Non create migliaia di funzionalità. Fate invece una scelta sensata su quelle che sono realmente importanti
Non copiate le funzionalità . Le migliori idee e la migliore progettazione si distinguono fra tutti anche se altri le hanno copiate

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

Applicare AOF a Postilla
Attività : costruire e coltivare relazioni tra professionisti (Avvocati, Commercialisti, Consulenti del lavoro, d’impresa, ambiente e sicurezza)
Oggetto Sociale :
Singolo Blog del Professionista
Profilo personale
Feature
Scrivi Post
Seleziona categorie, aggiungi Tag
Pubblica Post
Diventa Blogger
I post + letti
I post + commentati
I tag più ricorrenti

Premia i Super User
Sono state create 2 classifiche:
Classifica settimanale per i primi 5 blogger
Classifica Blogger complessiva (dalla nascita di Postilla)
La classifica tiene conto del N° di Post letti e del N° di commenti ricevuti.
La formula prevede:
( 0,5 * N° Commenti + 0,5 * N° Letture del Post)

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/

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

CHI VI HA PARLATO…
Leonardo Bellini – Consulenza, Formazione e Servizi Web
Riferimenti online:
Book site: www.farebusinessconilweb.com
Web site: www.dml.it
Blog: www.digitalmarketinglab.it
Slideshare: www.slideshare.net/leonardobellini
email: [email_address]

http://www.digitalmarketinglab.it	47
http://www.slideshare.net	21
http://www.geekagenda.it	17
http://www.nordestcreativo.it	13
http://www.duepunto1.it	12
http://posizionamentomotoridiricerca-gae79.blogspot.com	7
http://209.85.129.132	1
http://www.mefeedia.com	1

Social Web Design

by Leonardo Bellini on Feb 06, 2010

Accessibility

Categories

Tags

Upload Details

Usage Rights

8 Embeds 119

Statistics

Social Web Design — Presentation Transcript