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.

1. 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

2. 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 Designer
Mi occupo di standard, accessibilità e strategie per il web
Cerco 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

3. 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

4. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

5. 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

6. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

7. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry
21 aprile 2015
Google: 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.

8. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

9. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry
Mobile-friendly

10. 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/

11. 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/

12. 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...

13. 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)

14. 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

15. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry
Adattarsi all’ambiente
mobile
tablet
desktop
Responsive Web Design

16. 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

17. 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

18. 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

19. 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 strutturale
per la progettazione per il web
http://www.slideshare.net/cfabry/smau09

20. 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
• ….

21. 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
persone con:
• dispositivi non ottimali
• dispositivi desueti
• condizioni ambientali sfavorevoli
• difficoltà di accesso alla rete
• …

22. 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.0
W3C Recommendation 11 December 2008
http://www.w3.org/TR/WCAG20/

23. 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 Practices
W3C Recommendation 14 December 2010
http://www.w3.org/TR/mwabp/

24. 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

25. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry
mobilità e movimento
chi può dire quale sia lo stato di quiete e quello di moto?

26. 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

27. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

28. 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

29. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

30. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello @cfabry

31. 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/

32. 32

33. 33

34. 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

35. I siti web della PA per dispositivi mobili
sono un servizio al cittadino.
Riflessioni e best practice
Fabrizio Caccavello
@cfabry
fabrizio.caccavello@gmail.com