ForumPA - App no grazie, lunga vita a Responsive Design

transcript

Fabrizio Caccavellocfabry

APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

Nella Pubblica Amministrazione il ricorso alla costruzione di applicazioni per dispositivi mobili sembra essere diventato un elemento primario nelle strategie per la fornitura di servizi al cittadino. Attraverso le App si possono fornire servizi innovativi e rendere più efficiente la PA. Spesso però si rischia di realizzare applicazioni che sono semplicemente una trasposizione di quello che può essere già fornito attraverso un progetto web. Il confine tra un progetto web e un’applicazione per dispositivi mobili è molto meno marcato di quanto si pensi, anche perché attraverso la modalità di progettazione definita “responsive” un progetto web può avere caratteristiche davvero analoghe a un’applicazione nativa. È necessario poter scegliere con consapevolezza i prodotti di cui si ha bisogno per fornire servizi più efficienti senza sprecare inutilmente risorse.

fabrizio@akebia.it

cfabryFabrizio Caccavello

Web Project Manager e User Experience Designer.!Mi occupo di strategie di comunicazione online, e di sviluppo di applicazioni web con particolare riferimento ai temi dell'accessibilità.!!Cerco di applicare ai miei progetti processi di semplificazione e riduzione in modo da renderli più efficienti e semplici.!!

Sono amministratore e fondatore di Akebia società di servizi per il web.!

!Sono membro del Consiglio Direttivo di IWA Italy.

About me: Fabrizio Caccavello

Fabrizio Caccavellocfabry APP NO GRAZIE, LUNGA VITA A RESPONSIVE DESIGN

partecipazioni internazionali

partecipazioni nazionali

• Prima associazione al mondo (dal 1996) che raggruppa chi

lavora nel Web, sia nel settore pubblico che privato.

• Obiettivo di IWA è creare rete tra i soci, partecipare

all'evoluzione della rete e divulgare conoscenza tramite i soci

con eventi ed iniziative.

• In Italia IWA Italy è Associazione professionale rappresentanza

delle professionalità Web che rilascia attestato di qualità

secondo quanto previsto dalla legge 4/2013, unica Associazione

del settore ICT attualmente censita dal Ministero dello Sviluppo

Economico.

L’associazione internazionale per la professionalità nel Web

DESKTOP VS MOBILE

qualcosa sta cambiando

questa immagine è stata molto condivisa in rete

era il 2010

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

RESPONSIVE WEBAPP NATIVA

« Nulla si crea, nulla si distrugge, tutto si trasforma » (Antoine Lavoisier)

È un progetto web che si adatta automaticamente al dispositivo che lo sta visualizzando

RESPONSIVE WEB DESIGN

mobile

tabletdesktop

adattamento in base al dispositivo

MOBILE TABLET DESKTOPBIG DESKTOPSMALL TABLET

MOBILE FIRST pensare prima al contenuto il design deve adattarsi in progressione

Aggiungere un sito internet sul proprio home screen comparirà come un’app nativa

Possiamo aggiungere un elemento (in javascript) che inviti l’utente a utilizzare la funzione “aggiungi a Home”http://cubiq.org/add-to-home-screen

(quasi) una webapp

SITO INTERNET

IL NUOVO PROGETTO

RESPONSIVE WEBAPP

WEBAPP

il nuovo linguaggio con cui si costruiscono le pagine web

non è ancora uno standard del W3C, lo diventerà forse quest’anno (2014) ma ne viene ugualmente consigliata l’utilizzazione

Attraverso HTML5 e i fogli di stile CSS3 si possono creare progetti web che rassomigliano ad applicazioni native

WEBAPP

principali caratteristiche per le app mobile

Accesso alla fotocamera

Accesso al filesystem

Geolocalizzazione

Memorizzazione dati offline

Attraverso un’applicazione tipo PhoneGap è possibile trasformare una web app in una app nativa

WEBAPP HTML + CSS + JAVASCRIPT

APP NATIVA Objective C (per Apple)

Java (per Android)

RESPONSIVE web design

APPLICAZIONE WEB

APPLICAZIONE NATIVA

i confini tecnologici e strategici possono essere poco netti

stesso linguaggio HTML CSS Javascript

differenze?

APPLICAZIONE WEB

stesso linguaggio HTML CSS Javascript

differenze?

tecnologia, user experience, contenuti

STRATEGIA

APPLICAZIONE WEB

STRATEGIA

APPLICAZIONE WEB

APPLICAZIONE NATIVA

dove trovo queste app?

APPLICAZIONE NATIVA

l’utente è in grado di scaricare e/o acquistare un’app nativa dallo store mentre è in mobilità?

APPLICAZIONE WEB

progetti web responsive e webapp si trovano semplicemente online: http://www.miosito/it

QR Code

posso favorire l’accesso alla webapp attraverso un QR code l’utente non dovrà neanche digitare l’indirizzo web

geolocalizzando l’accesso si possono fornire informazioni su orari, traffico, servizi nei dintorni, ecc.

148 pagine in PDF sono difficilente consultabili su mobile è evidente che l’idea progettuale non è fornire questi dati a un utente in movimento

L’obiettivo è la tecnologia?

L’obiettivo è il contenuto o il servizio

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

• pensare prima al contenuto e al servizio

• un progetto web responsive è già una buona strategia

• una webapp ottimizzata può essere poi trasformata in una app nativa

• pensare in questo modo strategico può aiutare a ridurre i costi e ad avere servizi migliori

• gli utenti devono essere facilitati nell’uso delle tecnologie

SITO INTERNET

IL NUOVO PROGETTO

APPLICAZIONE

Fabrizio Caccavello

cfabry

fabrizio@akebia.it

ForumPA - App no grazie, lunga vita a Responsive Design

Education