smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire
DESCRIPTION
C'erano una volta i siti vetrina. Le aziende si collocavano in internet allo scopo di far vedere ai propri clienti i prodotti . Poi sono arrivati i blog e i siti aziendali hanno subito il fascino del web collaborativo. Ma oggi la partita della presenza sul web si gioca sulle interazioni. Si devo poter offrire ai propri clienti la possibilità di interagire con le piattaforme web. Le interazioni e l'esperienza utente sono determinanti per poter avere un progetto web di qualitàTRANSCRIPT
![Page 1: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/1.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry
![Page 2: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/2.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
2
Web Project Manager e User Experience Designer.!Mi occupo di strategie di comunicazione online, e di sviluppo di applicazioni web con particolare riferimento ai temi dell'accessibilità.!!Cerco di applicare ai miei progetti processi di semplificazione e riduzione in modo da renderli più efficienti e semplici.!!
Sono amministratore e fondatore di Akebia società di servizi per il web.!
!Sono membro del Consiglio Direttivo di IWA Italy.
About me: Fabrizio Caccavello
![Page 3: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/3.jpg)
Titolo della presentazione
partecipazioni nazionali
L’associazione internazionale per la professionalità nel Web
partecipazioni internazionali • Prima associazione al mondo (dal 1996) che raggruppa chi lavora nel Web, sia nel settore pubblico che privato.
• Obiettivo di IWA è creare rete tra i soci, partecipare all'evoluzione della rete e divulgare conoscenza tramite i soci con eventi ed iniziative.
• In Italia IWA Italy è Associazione professionale rappresentanza delle professionalità Web che rilascia attestato di qualità secondo quanto previsto dalla legge 4/2013, unica Associazione del settore ICT attualmente censita dal Ministero dello Sviluppo Economico.
![Page 4: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/4.jpg)
Titolo della presentazione
Perché associarsi?IWA Italy è associazione professionale che raggruppa chi opera nel Web, ovvero i soggetti che - ai sensi della legge 4/2013, sono definibili come "professionisti Web" (liberi professionisti, dipendenti - pubblici e privati, altre forme di lavoro che come attività prevalente operano nel Web). !IWA Italy ha inoltre rilasciato i primi profili professionali (G3 Web Skill Profiles) in linea con i dettami dell'agenda digitale europea e italiana ed ha avviato accordi di collaborazione con realtà di tutela del lavoro (sindacati) e di domanda/offerta di lavoro: ancora una volta il ruolo di IWA è quello di unire, far collaborare e tutelare chi opera nel Web. http://www.skillprofiles.eu
SMAUBOLOGNA2014
Quota speciale SMAU euro 50,00Potrai ottenere uno sconto sulla quota associativa che pagherai euro 50,00 anziché euro 65,00. Lo sconto vale sia per i nuovi soci che per i rinnovi. Per usufruire dello sconto usa in fase di registrazione o rinnovo il seguente promocode:
http://www.iwa.it/join
![Page 5: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/5.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 5
il web è un luogo vivo
![Page 6: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/6.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 6
Ma purtroppo per molte aziende la presenza online è ancora soltanto una questione di immagine aziendale, il passo successivo alla brochure
![Page 7: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/7.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 7
Aziende italiane sul web
anno 2013 fonte ISTAThttp://www.istat.it/it/archivio/107732
![Page 8: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/8.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 8
![Page 9: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/9.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 9
Da molti anni il sito web è al centro delle strategie per la presenza online delle aziende.
![Page 10: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/10.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 10
l’evoluzione dell’albero mostra chiaramente che
il sito web sostiene le interazioni con gli utenti
![Page 11: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/11.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry
siti web
webapp
app mobile
UTENTI
User Experiencetrasformare le interazioni degli utenti in esperienze piacevoli e significative
11
![Page 12: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/12.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 12
Governance delle interazioni sul sito web
il sito web come fulcro delle interazioni attraverso i
social network
interactive web design & gestione delle interazioni sociali
![Page 13: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/13.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 13
Governance delle interazioni sul sito web
non è solo una questione di codicevecchie regole di accessibilità, alcune considerazioni
• usare codice corretto:HTML CSS Javascript
• distinguere le interazioni coi colori e la forma
• porre attenzione alla sequenza degli oggetti nelle pagine
• attenzione al focus (anche da tastiera)
![Page 14: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/14.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 14
in questo testo la parola link è un collegamento ipertestuale
in questo testo la parola link è un collegamento ipertestuale
in questo testo la parola link è un collegamento ipertestuale
in questo testo la parola link è un collegamento ipertestuale
![Page 15: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/15.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 15
Governance delle interazioni sul sito web
non è solo una questione di codicevecchie regole di accessibilità, alcune considerazioni
Responsive web design
Tecnologie touch, il mondo del non over
è importante utilizzare i colori per indicare lo status “on mouse over”, ma ricordarsi che negli ambienti touch questa funzione non è disponibile
![Page 16: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/16.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 16
Governance delle interazioni sul sito web
non è solo una questione di codicevecchie regole di accessibilità, alcune considerazioni
Responsive web design
L’esperienza utente e il design dovrebbe essere
analogo in tutti i disposivi
![Page 17: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/17.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 17
![Page 18: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/18.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 18
passare da una immagine all’altra permettere il controllo
degli automatismi
animazioni che si fermano con mouse over
![Page 19: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/19.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 19
Governance delle interazioni sul sito web
fornire risposte/informazioni chiare e comprensibili :(
![Page 20: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/20.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 20
L’esecuzione del plugin obsoleto “Silverlight” su www.fiat.com è stata bloccata da Firefox
Attenzione alle tecnologie e ai messaggi agli utenti
![Page 21: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/21.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 21
il sito web come fulcro delle interazioni attraverso i
social network
seguici su twitter
oppure
utilizzare i widget per mostrare sul sito le interazioni
individuare una strategia per la gestione
![Page 22: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/22.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 22
il sito web come fulcro delle interazioni attraverso i
social network
seguici su twitter
oppure
utilizzare le API per mostrare le interazioni sul sito
![Page 23: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/23.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 23
il sito web come fulcro delle interazioni attraverso i
social network si possono mostrare le foto degli utenti di instagram
![Page 24: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/24.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 24
non inventare sempre la ruota, usare librerie e framework
http://yuilibrary.com/
![Page 25: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/25.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 25
non inventare sempre la ruota, usare librerie e framework
http://getbootstrap.com/
![Page 26: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/26.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
Fabrizio Caccavello cfabry 26
non inventare sempre la ruota, usare librerie e framework
![Page 27: Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire](https://reader034.vdocuments.net/reader034/viewer/2022051616/55383b034a7959f66c8b46c2/html5/thumbnails/27.jpg)
Strategie per la progettazione web: i clienti vogliono interagire
27
Fabrizio Caccavello
cfabry