Design è come funziona: introduzione allo sviluppo per dispositivi mobili
I siti web della PA per dispositivi mobili - ForumPA 2015
-
Upload
fabrizio-caccavello -
Category
Internet
-
view
119 -
download
0
Transcript of 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
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