i siti web della pa per dispositivi mobili - forumpa 2015
TRANSCRIPT
![Page 1: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/1.jpg)
1
I siti web della PA per dispositivi mobili sono un servizio al cittadino
Fabrizio Caccavello@cfabry
Da alcuni anni chi progetta il web lo fa con un approccio definito ""mobile first"" ossia con un'attenzione primaria agli utenti che navigano attraverso i dispositivi mobili. Per la Pubblica Amministrazione fornire progetti web di questo tipo rappresenta un vero e proprio servizio al cittadino. Vedremo perché attraverso alcuni esempi concreti.
Riflessioni e best practice
![Page 2: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/2.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Web Project Manager e User Experience DesignerMi occupo di standard, accessibilità e strategie per il webCerco di applicare ai miei progetti processi di semplificazione e riduzione in modo da renderli più efficienti e semplici
Membro del Consiglio Direttivo di IWA Italy
Agenzia per l’Italia Digitale Area Architetture, Standard e Infrastrutture
Amministratore e fondatore di Akebia società di servizi per il web.
About me: Fabrizio Caccavello
![Page 3: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/3.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
International Web Association
● Associazione Professionale che raggruppa i soggetti che - ai sensi della legge 4/2013, sono definibili come "professionisti Web"
● Ha 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
www.iwa.it
![Page 4: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/4.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 5: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/5.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
spesso le strategie di innovazione e digitalizzazione nella PA sembrano
una missione impossibile
![Page 6: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/6.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 7: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/7.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
21 aprile 2015Google: a partire dal 21 Aprile, espanderemo l’utilizzo dell’ottimizzazione per dispotivi mobili come segnale di posizionamento.
Questo cambiamento avrà effetti sulle ricerche mobile in tutto il mondo e in tutte le lingue e avrà un significativo impatto nei nostri risultati di ricerca.
![Page 8: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/8.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 9: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/9.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Mobile-friendly
![Page 10: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/10.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
https://developers.google.com/webmasters/mobile-sites/
![Page 11: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/11.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
https://www.google.com/webmasters/tools/mobile-friendly/
![Page 12: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/12.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Sito internet
Alessandro Fulciniti November 2005
la solidità delle colonne e il
mantenimento della struttura
su tutti i browser era un
elemento di qualità di un
progetto web
c’è stato un tempo in cui...
![Page 13: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/13.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
c’è stato un tempo in cui... ottimizzato per la risoluzione 800x600
Questo è il sito ufficiale di una nota SpA (ma purtroppo è online anche oggi)
![Page 14: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/14.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
« Nulla si crea, nulla si distrugge, tutto si trasforma »(Antoine Lavoisier)
RESPONSIVE WEB DESIGN
Pensare a utenti che hanno le stesse esigenze pur utilizzando dispositivi diversi e in condizioni diverse
![Page 15: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/15.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Adattarsi all’ambiente
mobile
tabletdesktop
Responsive Web Design
![Page 16: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/16.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
spesso nei siti web si trovano questo tipo di dati, in alcuni momenti della giornata l’accesso da dispositivi mobili prevale su quello da computer desktop
Responsive Web Design
![Page 17: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/17.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
RESPONSIVE WEB DESIGN
MOBILE FIRST
MOBILE TABLET DESKTOP
BIG DESKTOPSMALL TABLET
![Page 18: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/18.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
responsive web design MOBILE FIRST
![Page 19: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/19.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Accessibilitàè la base strategica e strutturaleper la progettazione per il web
http://www.slideshare.net/cfabry/smau09
![Page 20: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/20.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
accessibilità riguarda milioni di persone• disabilità motorie• disabilità cognitive• disabilità visive• ipovedenze• daltonismo• abilità non ottimali in
genere
• disagio economico e sociale
• funzionamento intellettivo al limite
• sindromi varie• DSA - BES• ….
![Page 21: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/21.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
accessibilità riguarda milioni di personepersone con:• dispositivi non ottimali• dispositivi desueti• condizioni ambientali sfavorevoli• difficoltà di accesso alla rete• …
![Page 22: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/22.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
1 Percepibile
2 Utilizzabile
3 Comprensibile
4 Robusto
Web Content Accessibility Guidelines (WCAG) 2.0W3C Recommendation 11 December 2008http://www.w3.org/TR/WCAG20/
![Page 23: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/23.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
http://www.w3.org/Mobile/The Web and Mobile Devices
Mobile Web Best Practices 1.0
http://www.w3.org/TR/mobile-bp/W3C Recommendation 29 July 2008
Mobile Web Application Best PracticesW3C Recommendation 14 December 2010http://www.w3.org/TR/mwabp/
![Page 24: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/24.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
Legge 9 gennaio 2004, n. 4
"Disposizioni per favorire l’accesso dei soggetti disabili agli strumenti informatici"
pubblicata nella Gazzetta Ufficiale n. 13 del 17 gennaio 2004
Legge Stanca
![Page 25: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/25.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
mobilità e movimentochi può dire quale sia lo stato di quiete e quello di moto?
![Page 26: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/26.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
https://twitter.com/webeconoscenza/status/603195698738257921
e ci si mettono pure le applicazioni con UX approssimative, poco usabili e talvolta inaccessibili
![Page 27: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/27.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 28: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/28.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
nuove competenze digitali
per diventare decisori capaci di scegliere prodotti e fornitori
![Page 29: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/29.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 30: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/30.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
![Page 31: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/31.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
http://lab.maltewassermann.com/viewport-resizer/
![Page 32: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/32.jpg)
32
![Page 33: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/33.jpg)
33
![Page 34: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/34.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello @cfabry
non è solo questione di tecnologia
deve essere un’occasione per collaborare e pianificare
è una questione di strategia e di cultura digitale
![Page 35: I siti web della PA per dispositivi mobili - ForumPA 2015](https://reader034.vdocuments.mx/reader034/viewer/2022052413/55c5a9f2bb61eb4f1f8b45c7/html5/thumbnails/35.jpg)
I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice
Fabrizio Caccavello
@cfabry