App sviluppate, simulate o derivate dal Web

Le app sono la perfetta ossessione per chi auspica una perfetta User eXperience: dunque come si può prevedere od arrivare allo sviluppo della conseguente User Interface?

La prototipazione di app è un’esigenza di molti capi-progetti, creativi, sviluppatori, concept creator, eccetera e poco conta se si parla di qualcosa che non nascerà mai, avrà uno suo sviluppo immediato solo su Android (oppure anche su iOS) opure si privilegerà la via delle Progressive Web App… quel che conta è capire se può funzionare ovvero costruire un modello interattivo da testare e valutare rispetto ai canonici parametri di obiettivo comunicativo, target di riferimento e contesto di distribuzione: quali dunque gli strumenti a disposizione?

Simulare

La maggior parte dei sotware applicativi per pc desktop – compresi gli immancabili pacchetti Adobe – consentono di simulare la realizzazione di prototipi interattivi ma esistono anche soluzioni online molto interessanti come Marvel oppure Figma che consentono di prototipare anche senza nessun costo (salvo immancabili limiti di contributori e progetti).

Fare

Bisogna salire di livello, ed ergersi al quasi mistico livello (quello mistico è quello di sistemista beninteso) di sviluppatore vero e proprio: uno degli strumenti più interessanti ed entry level viene offerto gratuitamente niente meno che dal Massachusetts Institute of Technology ed infatti si chiama MIT App Inventor.

Derivare dal Web

Per chi vuole mantenere la centralità operativa e comunicativa del Web (brave/i!) esistono svariate soluzioni per realizzare quella che viene definita una !Progressive Web App ovvero l’offerta di file strategici javascript ed xml che consentono a chiunque che visiti un sito Web nel tornare a visualizzarlo in modalità app… ovviamente plugin per il proprio content management system preferito ma le soluzioni più interessanti arrivano curiosamente da Microsoft: guide (molto ben fatte e con approccio laico ovvero con link a similari iniziative della concorrenza), tool di sviluppo molto utili come PWA Builder per facilitare la creazione di quei file che presenteranno il sito Web come una User Interface App e quelli che decideranno quali file dovranno essere immagazzinati (storage) per poterle utilizzare offline oppure il plugin PWA Tools per Visual Studio; infine webhint per controlli di accessibilità e conformità ai requisiti di una progressive web app.

Published by:

ebisenzi

Sono decenni che mi occupo di accessibilità ed usabilità del digitale contribuendo al restyling di Comuni, Musei, Ospedali, Comitati Olimpici ed anche molte aziende private sensibili all'argomento INCLUSIVE DESIGN: garantendo il corretto accesso e fruizione anche al 15% delle persone diversamente abili quali epilettici, non vedenti, ipovedenti e daltonici, dislessici e disprassici, sordi, disabili cognitivi ed autistici; impostando una corretta reperibilità e rappresentazione sui motori di ricerca; controllando una corretta ed efficace condivisione sui social network: trasmettendo dei corretti valori semantici relativamente al diverso bagaglio linguistico e culturale del proprio target di riferimento; predisponendo un appropriato livello di leggibilità dei testi e contenuti prodotti rispetto al proprio target di riferimento; verificando la legittimità dei contenuti ospitati mettendosi al riparo di eventuali copyright strike; verificando una corretta rappresentazione dei propri contenuti digitali su device diversi; predisponendo e mettendo in sicurezza i propri contenuti per una conservazione a lungo termine. Enrico che se ti interessa un collaudo completo https://scaccoalweb.wordpress.com/collaudo-xs2web/ oppure anche solo un aspetto specifico di questo scenario in stile Inclusive Design... https://www.linkedin.com/in/enricobisenzi/

Categorie app,designTag Lascia un commento

Rispondi

Inserisci i tuoi dati qui sotto o clicca su un'icona per effettuare l'accesso:

Logo di WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione /  Modifica )

Google photo

Stai commentando usando il tuo account Google. Chiudi sessione /  Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione /  Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione /  Modifica )

Connessione a %s...