salto menu

infoAccessibile: Web accessibile e Top-Ranking

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.


Laboratorio Web Mobile

Manualistica mobi

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 a disposizione guide e tutorial.
Infine, da sottolineare alcune soluzioni proprietarie per dispositivi mobili quali flash lite così come il software development kit per applicazioni iPad, iPhone e iPod.
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. Ancor più utili Zinadoo e MobiSiteGalore che prestano template pre-costruiti per una veloce realizzazione di siti Web facilmente consultabili da qualsiasi dispositivo mobile. Mobify è particolarmente utile per realizzare versioni mobili di siti Web supportati da Wordpress o Joomla (per i quali peraltro esistono molti plugin come come MobilePress utili allo scopo).

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.
Proto Fluid testa i layout orientabili di Motorola Droid, iPhone, iPad e Google Nexus.

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>