smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire

Strategie per la progettazione web: i clienti vogliono interagire

Fabrizio Caccavello cfabry




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

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.

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

http://www.skillprofiles.eu/


Fabrizio Caccavello cfabry 5

il web è un luogo vivo



Ma purtroppo per molte aziende la presenza online è ancora soltanto una questione di immagine aziendale, il passo successivo alla brochure



Aziende italiane sul web

anno 2013 fonte ISTAThttp://www.istat.it/it/archivio/107732



Da molti anni il sito web è al centro delle strategie per la presenza online delle aziende.



l’evoluzione dell’albero mostra chiaramente che

il sito web sostiene le interazioni con gli utenti



siti web

webapp

app mobile

UTENTI

User Experiencetrasformare le interazioni degli utenti in esperienze piacevoli e significative

11



Governance delle interazioni sul sito web

il sito web come fulcro delle interazioni attraverso i

social network

interactive web design & gestione delle interazioni sociali




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)



in questo testo la parola link è un collegamento ipertestuale








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





Responsive web design

L’esperienza utente e il design dovrebbe essere

analogo in tutti i disposivi



passare da una immagine all’altra permettere il controllo

degli automatismi

animazioni che si fermano con mouse over




fornire risposte/informazioni chiare e comprensibili :(



L’esecuzione del plugin obsoleto “Silverlight” su www.fiat.com è stata bloccata da Firefox

Attenzione alle tecnologie e ai messaggi agli utenti




social network

seguici su twitter

oppure

utilizzare i widget per mostrare sul sito le interazioni

individuare una strategia per la gestione




social network

seguici su twitter

oppure

utilizzare le API per mostrare le interazioni sul sito




social network si possono mostrare le foto degli utenti di instagram



non inventare sempre la ruota, usare librerie e framework

http://yuilibrary.com/




http://getbootstrap.com/


27

Fabrizio Caccavello

cfabry

[email protected]

smau bologna 2014 strategie per la progettazione web: i clientie vogliono interagire

Internet