I siti web della PA per dispositivi mobili - ForumPA 2015

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



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

http://www.iwa.it



spesso le strategie di innovazione e digitalizzazione nella PA sembrano

una missione impossibile



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.



Mobile-friendly



https://developers.google.com/webmasters/mobile-sites/

https://developers.google.com/webmasters/mobile-sites/


https://www.google.com/webmasters/tools/mobile-friendly/

https://www.google.com/webmasters/tools/mobile-friendly/



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



c’è stato un tempo in cui... ottimizzato per la risoluzione 800x600

Questo è il sito ufficiale di una nota SpA (ma purtroppo è online anche oggi)



« 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



Adattarsi all’ambiente

mobile

tabletdesktop

Responsive Web Design



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



RESPONSIVE WEB DESIGN

MOBILE FIRST

MOBILE TABLET DESKTOP

BIG DESKTOPSMALL TABLET



responsive web design MOBILE FIRST



Accessibilitàè la base strategica e strutturaleper la progettazione per il web

http://www.slideshare.net/cfabry/smau09

http://www.slideshare.net/cfabry/smau09



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



accessibilità riguarda milioni di personepersone con:• dispositivi non ottimali• dispositivi desueti• condizioni ambientali sfavorevoli• difficoltà di accesso alla rete• …



1 Percepibile

2 Utilizzabile

3 Comprensibile

4 Robusto

Web Content Accessibility Guidelines (WCAG) 2.0W3C Recommendation 11 December 2008http://www.w3.org/TR/WCAG20/



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/



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



mobilità e movimentochi può dire quale sia lo stato di quiete e quello di moto?


https://twitter.com/webeconoscenza/status/603195698738257921

e ci si mettono pure le applicazioni con UX approssimative, poco usabili e talvolta inaccessibili

https://twitter.com/webeconoscenza/status/603195698738257921



nuove competenze digitali

per diventare decisori capaci di scegliere prodotti e fornitori



http://lab.maltewassermann.com/viewport-resizer/

http://lab.maltewassermann.com/viewport-resizer/



non è solo questione di tecnologia

deve essere un’occasione per collaborare e pianificare

è una questione di strategia e di cultura digitale


Fabrizio Caccavello

@cfabry

[email protected]

I siti web della PA per dispositivi mobili - ForumPA 2015

Internet

Transcript of I siti web della PA per dispositivi mobili - ForumPA 2015