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 felicemente approdato all'Accademia di Belle Arti di Roma come docente dopo aver 'militato' in accademie pubbliche e private (Carrara, Bologna, Pisa, Firenze, eccetera). Come libera professione ho dato supporto SEO (Search Engine Optimization) e SEM (Search Engine Marketing) fin dagli anni '90 a numerose agenzie digitali. Soprattutto sono stato fra i primi in Italia ad occuparmi di INCLUSIVE DESIGN avendo teorizzato per primo l'esigenza di uno strumento di helpdesk per l'accessibilità del digitale, ancor prima della normativa AGID (Agenzia per l'Italia Digitale) per conto di INDIRE (Istituto Nazionale Documentazione Ricerca Innovativa). Dietro le quinte, sempre per conto terzi, ho contribuito dal 1999 ad oggi al restyling di decine di progetti di comunicazione digitale di rilievo fra i quali il primo portale online distribuzione libri Zivago per Giangiacomo Feltrinelli Editore, l'Ospedale Fondazione Istituto San Raffaele di Cefalù, il sito Web di Olimpiadi Internazionali per NetPeople, il portale del turismo del Comune di Milano, il sito Web del Comune di Firenze (e di altri comuni del circondario fiorentino), il sito Web personale del musicista Stefano Bollani, nonché di numerose agenzie assicurative di rilievo nazionale. Sempre in tema Inclusive Design partecipo a progetti di ricerca e sviluppo anche in ambito europeo quali ad esempio il manuale di sviluppo per produzioni di animazione, video e live digitali XS2Animation.

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 )

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