Laboratorio di infoAccessibile per un Web mobile

Esperienze

Come primo lavoro realizzato da infoAccessibile in tema mobi la versione denominata Munaciello Mobi di un noto ristorante fiorentino di cui sono visibili alcuni screenshot cosí come interpretati da dispositivi mobili di vario tipo...
Realizazioni più mature a cui è stato possibile collaborare negli anni successivi sono state la versione mobile dell'Accademia di Carrara e la versione mobile di Borsa Toscana.

e-learning:

Grazie alla piattaforma ADA della LynxLab viene offerto il Know-how indispensabile per realizzare un sito Web accessibile (anche ai motori di ricerca e ai dispositivi mobili).

Laboratorio Web Mobile

Manualistica.

Il Laboratorio di Accessibilità ed Usabilità del CSI Piemonte ha realizzato un'utilissima guida per Progettare pagine web per i dispositivi mobili.
Di esigenze di palmari tratta la guida di Gianluca Affinito mentre sul noto html.it si trova una sezione su tecnologia mobile e relativi emulatori. Il web in tasca: siti web per dispositivi mobili è la tesi di Antonino Cartisano sul mondo del web-mobile sviluppata durante l'anno accademico 2008-2009 all'Accademia di Belle Arti di Carrara.
Uno sguardo sul mobile web è un'interessante presentazione in flash su alcuni aspetti SEO del Web mobile. Recentemente l'iniziativa Web Mobile del W3C ha prodotto molta manualistica fra cui le Best Practices (verificabili anche tramite apposito validatore) facendo riferimento sostanzialmente agli standard css1 e xhmtl-basic.
Contemporaneamente un consorzio di grandi aziende (fra cui la Nokia) denominato OpenMobileAlliance ha prodotto delle specifiche di linguaggio xhtml-mp rispetto al quale sono gia' a disposizione guide e tutorial.
Per chi volesse utilizzare flash lite a supporto dei siti .mobi utilissimo il withepaper della Nokia per migliorare l'usabilita' dei software sviluppati sui cellulari.
Un sito a prova di iPhone a cura di GO! ONLINE Internet Magazine tratta in maniera efficace gli aspetti delle aree di visualizzazione, identificazione dei dispositivi, formattazione.

Strumenti di produzione

Colori

Colori.

Per le esigenze di colore della tecnologia .mobi considerare la Web safe color palette.

Emulatori e strumenti di produzione.

Una particolare interfaccia di Google può essere usata come strumento di produzione permettendo la trasformazione di un sito Web per essere visualizzato da tecnologia mobile.

Emulatori - iWebkit è un kit di template html ottimizzati per una corretta visualizzazione e fruizione sull'iPhone.
iPhone Mockup aiuta ad immaginare un layout per un'applicazione iPhone.

Dall'origine del Web sono state sviluppate numerosissime interfacce per interpretare la ragnatela ipermediale - ognuna con proprie esigenze di interpretazione come ad esempio i dispostivi di tecnologia mobile per i quali esistono svariati servizi di emulazione: da quello specifico per il .mobi
Molto utile come emulazione anche la live demo di Opera Mini.
Ready Moby analizza l'adattabilità di un sito Web alle esigenze dei dispositivi mobili con proposte tecniche di soluzione.
iPhone 3G Tester e TestiPhone permettono di simulare la visione Web di un iPhone.

A proposito di emulazioni l'add-on user agent switcher può importare un file useragentswitcher.xml capace di etichettare il browser come dispositivo mobile fra un'ampia lista di dispositivi mobili.

Per chi ha capacità di programmazione risulta utile il database WURFL contenente le caratteristiche tecniche dei device mobili.
Con il famoso script Ninj posizionato su un file .html con visualizzazione di priorità assegnata sul web server ad esempio tramite .htaccess è possibile dirottare device mobili verso indirizzi web realizzati ad hoc.




<script type="text/javascript">
if (screen.width>480) //if non mobile
window.location.replace("http://indirizzo_tradizionale")
else //if mobile
window.location.replace("http://indirizzo_mobile")
</script>

infoAccessibile: Web accessibile e Top-Ranking