DAVIDE GENCO11.03.2013

STRUMENTIPER LAPROGETTAZIONE

MASTER SNID SOCIAL NETWORK INFLUENCE DESIGN

MASTER SNID

PREMESSA

STRUMENTI PER LA PROGETTAZIONE

STRUMENTI PER LA PROGETTAZIONEPREMESSA

METAPROGETTO

USER ExPERIENCE SOCIAL TOOLSPERSONAL bRAND wEbSITE

FOCUS SU

PROGETTO VISIbILITà

MASTER SNID

USER ExPERIENCE

STRUMENTI PER LA PROGETTAZIONE

STRUMENTI PER LA PROGETTAZIONEDEFINIZIONE

LA USER ExPERIENCE (Ux) (D. NORMAN, 1995) è UNA DISCIPLINA ChE DESCRIvE IL MODO CON CUI UN UTENTE SI RELAZIONA AD UN ARTEFATTO COMUNICATIvO DIGITALE.

LA Ux vIENE DEFINITA ATTRAvERSO L’ATTIvITà DI INTERACTION DESIGN (b. MOGGRIDGE, IDEO 1990): è L’ARTE DI FACILITARE LE INTERAZIONI FRA ESSERI UMANI ATTRAvERSO PRODOTTI E SERvIZI, E FRA ESSERI UMANI E I PRODOTTI/SERvIZI STESSI.

STRUMENTI PER LA PROGETTAZIONECENNI STORICI

EvOLUZIONE DELLA UxD IN RELAZIONE ALL’EvOLUZIONE DELLA TECNOLOGIA:

1996-2000 EDITOR hTML WYSIWYG

2001 CONTENT MANAGEMENT SYSTEMS (CMS)

2010-ORA hTML5/MObILE APP/RESPONSIvE DESIGN

2001 LAYOUT LIqUIDI, SENZA TAbELLE (CSS)

2005 ADObE FLASh

STRUMENTI PER LA PROGETTAZIONE

— IL DECALOGO DI JAKOb NIELSEN (1995)1. vISIbILITà DELLO STATO DEL SISTEMA: DOvE MI TROvO, COSA STO FACENDO2. CORRISPONDENZA TRA SISTEMA E MONDO REALE: LINGUAGGIO COMUNE3. CONTROLLO E LIbERTà PER GLI UTENTI: MUOvERSI LIbERAMENTE CAPENDO

CON ChIAREZZA qUALI E DOvE SONO I LINK DI COLLEGAMENTO4. CONSISTENZA E UNIFORMITà: COERENZA STRUTTURALE, GRAFICA E

DI COMPORTAMENTO IN TUTTE LE PAGINE5. PREvENIRE GLI ERRORI DELL’UTENTE6. INDICARE PIUTTOSTO ChE FAR SCOPRIRE7. FLESSIbILITà ED EFFICENZA: PERCORSI DI NAvIGAZIONE DIFFERENZIATI,

ADATTATI AL LIvELLO DI COMPETENZA/ESPERIENZA DEGLI UTENTI, E RAPIDI-Tà NEI TEMPI DI RISPOSTA

8. IMPORTANZA DEL CONTENUTO E SEMPLICITà GRAFICA: IN PRIMO PIANO IL CONTENUTO RISPETTO AGLI ASPETTI DECORATIvI/SCENOGRAFICI

9. INFORMARE SUGLI ERRORI E FORNIRE ELEMENTI DI RIPARAZIONE10. AIUTO E SUPPORTO DOCUMENTATO: SPIEGAZIONI CONTESTUALI

GRANDE ASSENTE...L’ENGAGEMENT.

LE LEGGI DELLA Ux

STRUMENTI PER LA PROGETTAZIONE

LE LEGGI DELL’INTERACTION DESIGN (1/2)

— LEGGE DI MOOREDISPOSITIvI GRADUALMENTE PIù vELOCI, PICCOLI E POTENTI.

— LEGGE DI FITTSDISTANZA DAL bERSAGLIO E DIMENSIONE DEL bERSAGLIO INFLUENZANO IL TEMPO RIChIESTO PER ASSOLvERE L’AZIONE.

— LEGGE DI hICKIL TEMPO RIChIESTO PER PRENDERE DECISIONI DIPENDE DAL NUMERO DI SCELTE ChE SI OFFRONO AGLI UTENTI, E DALLA FAMILIARITà E DAL FORMATO DELLE SCELTE STESSE.

LE LEGGI DELLA Ux

STRUMENTI PER LA PROGETTAZIONE

LE LEGGI DELL’INTERACTION DESIGN (2/2)

— LEGGE DI MILLER“IL MAGICO NUMERO SETTE”: FACILITà DI MEMORIZZAZIONE DI PEZZI DI INFORMAZIONE SE CLUSTERIZZATI PER 7 ALLA vOLTA.

— LEGGE DI TESLERC’è UN PUNTO OLTRE IL qUALE UN PROCESSO NON PUò ESSERE SEMPLIFICATO.SI PUò SOLO SPOSTARE LA COMPLESSITà INERENTE DA UNA PARTE ALL’ALTRA.

— LEGGE DI ShINGO“PRINCIPIO DEL POKA YOKE”: NECESSITà DI INTRODURRE vINCOLI PER PREvENIRE E LIMITARE GLI ERRORI.

LE LEGGI DELLA Ux

STRUMENTI PER LA PROGETTAZIONELE FASI DELLA Ux

LA Ux SI COMPONE DI MOLTEPLICI PRATIChE E STRUMENTI ChE DANNO EFFICIENZA, EFFICACIA E qUALITà AL PROCESSO DI PROGETTAZIONE.

STRUMENTI PER LA PROGETTAZIONELE FASI DELLA Ux

ALCUNI ESEMPI:

— IL PESO CRESCENTE DEL CONTENUTO VISUALE

• IL 44% DEGLI UTENTI è PIù INDOTTO A INTERAGIRE CON UN bRAND ChE POSTA FOTO PIUTTOSTO ChE ALTRE FORME DI MEDIA (FONTE: ROI RESEARCh)

• IL 90% DELL’INFORMAZIONE TRASMESSA AL CERvELLO è vISUALE, E vIENE PROCESSATA 60.000 vOLTE PIù vELOCEMENTE DEL TESTO (FONTE: 3M)

• 1 MESE DOPO L’INTRODUZIONE DELLA TIMELINE PER LE PAGINE FACEbOOK, è STATO REGISTRATO UN INCREMENTO DEL 65% NEL COINvOLGIMENTO DEGLI UTENTI ATTORNO A CONTENUTI vISIvI (FONTE: SIMPLY MEASURED)

STRUMENTI PER LA PROGETTAZIONESCELTE PRATIChE

FOTO

VIDEO

INFOGRAFIChE

FUMETTIMEME

APPUNTI

MASTER SNID

SOCIAL TOOLS

STRUMENTI PER LA PROGETTAZIONE

STRUMENTI PER LA PROGETTAZIONEPANORAMICA

bLOGGING (61%)RETI SOCIALI (IN 73%, Fb 92%, TW 82%, G+ 40%)VIDEO (57%)IMMAGINI (21%)

* LE PERCENTUALI INDICANO qUANTI UTENTI INTERNET USANO LO SPECIFICO STRUMENTO

GEOLOCAL (14%)E-COMMERCECRMCOLLAb

wORDPRESS

• SITO O bLOG• CMS STRUTTURATO• PLUGIN PER TUTTO• INDICIZZAZIONE• CUSTOM TOTALE

STRUMENTI PER LA PROGETTAZIONEDATI DI CONTESTO

— PIATTAFORME DI bLOG A CONFRONTO

CORE FEATURE:

TUMbLR

•MULTIbLOG• CONTRIbUISCI• CONTATTA• FOLLOWER• LAYOUT PREDEFINITI• CUSTOM hTML

bLOGGER

•MULTIbLOG• INTERAZIONE RAPIDA• INTEGRATO CON G•MONETIZZAZIONE• STATISTIChE•MObILE vS• CUSTOM hTML

STRUMENTI PER LA PROGETTAZIONEDATI DI CONTESTO

— TOP 5 SOCIAL MEDIAN° UTILIZZATORI E FASCIA D’ETà

STRUMENTI PER LA PROGETTAZIONEMONITORAGGIO

NON ESISTONO DEGLI INDICATORI STANDARD CON CUI MISURARE IL ROI (RETURN ON INvESTMENT) SUI SOCIAL MEDIA.

I SOCIAL MEDIA hANNO PROPRIE DINAMIChE E METRI DI vALUTAZIONE ChE NON SONO FACILMENTE MISURAbILI CON UNA FORMULA.

GLI INDICATORI PIù UTILIZZATI SONO:•N° DI FAN/ISCRIZIONI/FOLLOwER•N° COMMENTI•N° LIKE•N° INTERAZIONI•N° CONVERSIONI• INCREMENTO bRAND AwARENESS

STRUMENTI PER LA PROGETTAZIONEMONITORAGGIO

— ANALYTICSDATI DI FLUSSO SU SITO, WORDPRESS, TUMbLR...

— KLOUTCOME LE MIE AZIONI SUI SOCIAL INFLUENZANO I MIEI LETTORI.

— MAILChIMPRISCONTRO FEEDbACK DI LETTURA E CONvERSIONE DALLE PROPRIE NEWSLETTER.

IMPRESA INDIvIDUALE CON SEGUITO FEMMINILE, GENERATO DA PROGETTI DI ARREDO FAI-DA-TE:

• SUL SUO SITO, MOLTI POST SONO GENERATI DAI FAN•PRESENTE SU PINTEREST, TwITTER, FACEbOOK, YOUTUbE

ANA whITECASI STUDIO

VAMPLETSCASI STUDIO

AZIENDA ChE PRODUCE bAMbOLE:INVESTIMENTO 250 $ AL MESE > INCREMENTO MENSILE DI 1.000 $ D’ENTRATE.

ROI POSITIVO DEL 300% LEGATO AD UN’INIZIATIvA DI SOCIAL MEDIA MKTG NON DISPENDIOSA, RIvOLTA AD UN PUbbLICO MIRATO.

MARTELLCASI STUDIO

PROGETTAZIONE CASE CUSTOM:•AREA COLLAbORATIVA PER I CLIENTI SU bASECAMP• TwITTER PER COMUNICARE CON I CLIENTI• FACEbOOK PER DESCRIVERE I PROCESSI INTERNI•YOUTUbE CON INTERVISTE E hOw-TO

bUSINESS MODEL DI SUCCESSO SORRETTO DA UNA ADEGUATA STRATEGIA DI SOCIAL MEDIA MARKETING.

2007 16 UNITà, 2008 40 UNITà, 2009 100...

CATENA DI RISTORANTI STATUNITENSE CON CIRCA 100 PUNTI vENDITA: MARKETING + SOCIAL NETwORK PRIVATO CON NING + EMAIL MARKETING.

NEL 2008, AvvIO COMMUNITY DI C.A. 10.000 MEMbRI, A CUI SONO RISERvATI SCONTI E PROMOZIONI.

GRAZIE ALLA CAMPAGNA, IL RISTORANTE hA STIMATO ChE “TRA LE 7.000 E LE 13.000 PERSONE hANNO SENTITO PARLARE DELLE PROMOZIONI GRAZIE A MEMbRI DEL NETWORK”.

hOULIhANCASI STUDIO

GIOvANE bRAND ChE PRODUCE CAPPELLI IN PAGLIA ANNI ’20 E ’30 RIvISTI CON UN GUSTO CONTEMPORANEO:

•DIALOGO CON ALTRI bLOG•E-COMMERCE

SUPER DUPERCASI STUDIO

DESIGN + OPEN SOURCE: LAMPADA A LED COSTRUITA IN CARTONESENZA COLLA O ChIODI MA SOLO ATTRAvERSO PIEGATURE E INCASTRI.

SUL SITO RILASCIATE LE ISTRUZIONI NECESSARIE PER REALIZZARE LA LAMPADA IN AUTONOMIA E PER FARE IN MODO ChE LA COMMUNITY POSSA CONTRIbUIRE A FAR CRESCERE LA qUALITà DEL PRODOTTO, ATTRAvERSO LA REALIZZAZIONE DI vARIANTI E MODIFIChE.

FATTELO!CASI STUDIO

DESIGN + OPEN SOURCE: LAMPADA A LED COSTRUITA IN CARTONESENZA COLLA O ChIODI MA SOLO ATTRAvERSO PIEGATURE E INCASTRI.

SUL SITO RILASCIATE LE ISTRUZIONI NECESSARIE PER REALIZZARE LA LAMPADA IN AUTONOMIA E PER FARE IN MODO ChE LA COMMUNITY POSSA CONTRIbUIRE A FAR CRESCERE LA qUALITà DEL PRODOTTO, ATTRAvERSO LA REALIZZAZIONE DI vARIANTI E MODIFIChE.

FATTELO!CASI STUDIO

MASTER SNID

LINKOGRAFIA

STRUMENTI PER LA PROGETTAZIONE

STRUMENTI PER LA PROGETTAZIONELINKOGRAFIA

• hTTP://WWW.NINjAMARKETING.IT/2012/03/09/5-INTERESSANTI-TREND-DI-SOCIAL-MEDIA-MARKETING/ • hTTP://WWW.MEDIAbISTRO.COM/ALLTWITTER/b2b-SOCIAL-MARKETING_b20019• hTTP://WWW.4MARKETING.bIZ/2012/03/PMI-SOCIAL-MANIA-O-SOCIAL-FObIA/• hTTP://bLOG.PMI.IT/06/10/2009/I-SOCIAL-NETWORK-SPAvENTANO-LE-PMI/• hTTP://WWW.NETWORKSOLUTIONS.COM/SMALLbUSINESS/• hTTP://WWW.FONDAZIONEIMPRESA.IT/ARChIvES/3414• hTTP://WWW.ALESSANDRODETOMMASO.IT/bLOG-DI-ALESSANDRO-DE-TOMMASO/INTERNET-E-LE-PMI• hTTP://WWW.FIRSTDRAFT.IT/2009/03/25/PMI-DEL-MADE-IN-ITALY-E-WEb-20/• hTTP://WWW.ILSOLE24ORE.COM/ART/TECNOLOGIE/2012-10-16/SOCIAL-MICROPOST-DATI-COSI-215112.

ShTML?UUID=AbM2URTG&FROMSEARCh• hTTP://WWW.ZEROvENTIqUATTRO.IT/WEb-2-0/LE-PMI-SCOPRONO-I-SOCIAL-NETWORK/• hTTP://WWW.NINjAMARKETING.IT/2012/03/09/5-INTERESSANTI-TREND-DI-SOCIAL-MEDIA-MARKETING/• hTTP://WWW.4MARKETING.bIZ/2012/02/SOCIAL-MEDIA-PLANNING-PER-LE-PMI-5-CONSIGLI/• hTTP://MYTECh.PANORAMA.IT/EFFETTO-STREISAND-MAI-SvEGLIARE-IL-CAN-ChE-bLOGGA• hTTP://RCS.SEERINTERACTIvE.COM/MONEY/• hTTP://WWW.NOWMEDIA.IT/2012/09/06/LA-CLASSIFICA-DEI-TOP-bRAND-ITALIANI-SU-FACEbOOK-AGOSTO-2012/ • hTTP://WWW.NYTIMES.COM/2009/11/12/bUSINESS/SMALLbUSINESS/12GUIDE.hTML?_R=2&PAGEWANTED=1&EM&• hTTP://WWW.NOWMEDIA.IT/2012/09/18/PUbbLICITA-SU-TWITTER-LhO-PROvATA-ED-ECCO-I-RISULTATI-TWITTER-MARKETING-ADvERTISING/• hTTP://UxDESIGN.SMAShINGMAGAZINE.COM/2010/10/05/WhAT-IS-USER-ExPERIENCE-DESIGN-OvERvIEW-TOOLS-AND-RESOURCES/• hTTP://WWW.WEbINFERMENTO.IT/COME-SFRUTTARE-INSTAGRAM-PER-IL-SOCIAL-MEDIA-MARKETING-CASE-hISTORIES/• hTTP://WWW.NINjAMARKETING.IT/2010/10/13/LA-TOP-5-DEI-bRAND-SU-FOURSqUARE/• hTTP://WWW.FIRSTDRAFT.IT/2009/03/25/PMI-DEL-MADE-IN-ITALY-E-WEb-20/• hTTP://WWW.NINjAMARKETING.IT/2011/07/21/MISURARE-IL-ROI-DEI-SOCIAL-MEDIA-10-CASI-DI-SUCCESSO/• hTTP://WWW.SOCIALMEDIAExPLORER.COM/SOCIAL-MEDIA-MARKETING/SOCIAL-MEDIA-FOR-SMALL-bUSINESS-MARTELL-hOME-bUILDERS/• hTTP://WWW.SOCIALMEDIAExAMINER.COM/9-SMALL-bUSINESS-SOCIAL-MEDIA-SUCCESS-STORIES/• hTTP://WWW.FIRSTDRAFT.IT/2012/04/28/ARTIGIANI-DIGITALI-2/• hTTP://WWW.4MARKETING.bIZ/2012/09/4-MITI-SUL-SOCIAL-MEDIA-MARKETING/• hTTP://WWW.PMI.IT/TECNOLOGIA/SOFTWARE-E-WEb/ARTICOLO/7370/WEb-2-0-E-PMI-CASI-DI-SUCCESSO-E-RISULTATI-CONCRETI.hTML• hTTP://WWW.SLIDEShARE.NET/MARKETINGARENA/WEb-MARKETING-E-PMI-UN-AMORE-DIFFICILE• hTTP://WWW.SLIDEShARE.NET/ChRISTIANGADAMS/INSTAbRAND-ThE-RISE-OF-vISUAL-STORYTELLING-IN-A-CONTENT-MARKETING-WORLD• hTTP://WWW.NNGROUP.COM/ARTICLES/TEN-USAbILITY-hEURISTICS/• hTTP://UxDESIGN.SMAShINGMAGAZINE.COM/2010/10/05/WhAT-IS-USER-ExPERIENCE-DESIGN-OvERvIEW-TOOLS-AND-RESOURCES/• hTTP://WWW.LAFELTRINELLI.IT/PRODUCTS/9788871923536/DESIGN_DELL’INTERAZIONE/DAN_SAFFER.hTML

GRAZIE.

DAVIDE GENCODAvIDEGENCO@GMAIL.COM

-

WWW.DAvIDEGENCO.IT

@DAvIDEGENCO