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à
Smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire
1. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry
Strategie per la
progettazione web:
i clienti vogliono
interagire
Fabrizio Caccavello cfabry
2. 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
3. Titolo della presentazione
partecipazioni nazionali
L’associazione internazionale per la professionalità nel Web
partecipazioni internazionali
• Primaassociazionealmondo(dal1996)che
raggruppachilavoranelWeb,sianelsettore
pubblicocheprivato.
• ObiettivodiIWAècreareretetraisoci,
partecipareall'evoluzionedellareteedivulgare
conoscenzatramiteisociconeventied
iniziative.
• InItaliaIWAItalyèAssociazioneprofessionale
rappresentanzadelleprofessionalitàWebche
rilasciaattestatodiqualitàsecondoquanto
previstodallalegge4/2013,unicaAssociazione
delsettoreICTattualmentecensitadal
MinisterodelloSviluppoEconomico.
4. 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,00
Potrai 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
5. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 5
il web è un luogo vivo
6. 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
7. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 7
Aziende italiane sul web
anno 2013 fonte ISTAT
http://www.istat.it/it/archivio/107732
8. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 8
9. 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.
10. 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
11. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry
siti web
webapp
app mobile
UTENTI
User Experience
trasformare le interazioni
degli utenti in esperienze
piacevoli e significative
11
12. 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
13. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 13
Governance delle interazioni
sul sito web
non è solo una questione di codice
vecchie 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)
14. 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
15. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 15
Governance delle interazioni
sul sito web
non è solo una questione di codice
vecchie 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
16. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 16
Governance delle interazioni
sul sito web
non è solo una questione di codice
vecchie regole di accessibilità, alcune considerazioni
Responsive web design
L’esperienza utente e il
design dovrebbe essere
analogo in tutti i disposivi
17. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 17
18. 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
19. 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 :(
20. 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
21. 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
22. 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
23. 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
24. 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/
25. 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/
26. Strategie per la progettazione web:
i clienti vogliono interagire
Fabrizio Caccavello cfabry 26
non inventare sempre la ruota,
usare librerie e framework
27. Strategie per la progettazione web:
i clienti vogliono interagire
27
Fabrizio Caccavello
cfabry
fabrizio@akebia.it