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

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

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

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

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

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

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.

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

Mobile-friendly

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/

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/

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

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)

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

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

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

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

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

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

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

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

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/

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/

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

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?

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

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

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

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello @cfabry

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

33

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

I siti web della PA per dispositivi mobili sono un servizio al cittadino.Riflessioni e best practice

Fabrizio Caccavello

@cfabry

fabrizio.caccavello@gmail.com