Web design per telefoni cellulari Android

In questo articolo parleremo del design incentrato sull'utente nella progettazione di dispositivi mobili Android, che è diventato popolare negli ultimi due anni. Gli smartphone hanno uno schermo stretto, uno spazio limitato e un numero minore di pulsanti, quindi il design del web mobile è molto diverso da quello convenzionale per i computer. Il 2011 è stato definito più volte l'anno del web mobile, anche se abbiamo già sentito questa associazione negli ultimi due anni. La tecnologia si evolve e con essa i telefoni cellulari, che oggi chiamiamo smartphone. L'uso di Internet aumenta ogni mese e gli smartphone sono già presenti in quasi tutte le case. In Giappone, 53,6 milioni di persone accedono a Internet dal proprio telefono ogni mese, un numero quasi pari a quello delle persone che accedono a Internet da un PC. Negli Stati Uniti, circa 20 milioni di utenti si collegano a Facebook ogni mese, quindi il numero di persone che accedono a Internet è in crescita. Secondo diverse fonti, il numero si aggira intorno ai 100 milioni di utenti mensili. Nessuno se lo aspettava 10 anni fa, ma è già una realtà. Per questo motivo gli sviluppatori hanno sempre più ordini di versioni mobile-friendly dei siti web.

Design del sito web

Questa fase può essere considerata una guida rapida al design del web mobile. Quando si progetta un sito web per il computer, si utilizzano alcune regole di base che si sono apprese una volta iniziato a farlo. Per i siti mobili vale lo stesso discorso, ma le regole sono diverse. Sono molti gli aspetti a cui bisogna prestare attenzione nel design dei dispositivi mobili e in questa sede esamineremo i più importanti. Una delle differenze più importanti è l'ambiente che circonda l'utente nel momento in cui visita il sito. Quando utilizza la versione desktop, l'utente è probabilmente seduto sulla sua poltrona di casa, magari con una tazza di caffè, ascoltando musica e chiacchierando allo stesso tempo. È comodo. Quando un utente naviga con un telefono cellulare, l'ambiente è diverso. Potrebbe essere su un autobus o un treno, forse anche al lavoro, in riunione o in pausa pranzo, e probabilmente sta cercando di fare altre cose mentre naviga sul vostro sito. Sono d'accordo, c'è una differenza. Sono tre i motivi principali per cui le persone vanno online dai loro smartphone: i social network (Twitter, Facebook, LinkedIn), la noia (giochi, radio) e le attività legate alla normale vita offline (trovare un negozio o un ristorante, controllare le recensioni). Ci sono quindi alcune cose da considerare.

Design per il piccolo schermo

Non dimenticate che il web design per dispositivi mobili si sviluppa sul grande schermo. Questo rende più difficile fare le cose per bene. Esistono tantissime dimensioni di schermo per i computer e ancora di più per i telefoni cellulari. Quasi tutti i produttori di smartphone hanno uno schermo di dimensioni o risoluzione diverse. Anche l'iPhone 4, uno degli smartphone con uno schermo di grandi dimensioni, è molto piccolo rispetto ai 1024 x 768 predefiniti per il desktop. Inoltre, alcuni telefoni sono in grado di cambiare l'orientamento dello schermo e il sito web dovrebbe cambiare di conseguenza. Lo schermo di un computer non cambia orientamento, quindi si tratta di una novità per gli sviluppatori.
La soluzione migliore è scegliere layout flessibili che si adattino a schermi piccoli e grandi. Il modo più semplice è creare un adattatore con dimensioni in percentuale anziché in pixel. Inoltre, ogni dettaglio nell'HTML deve essere indicato in percentuale, non in pixel. In questo modo, il sito avrà lo stesso aspetto su schermi larghi 150px o 200px. Inoltre, a seconda della piattaforma mobile, si distingue tra gruppi di utenti ordinati per browser. Potrebbe trattarsi di Safari, Opera Mini, Nokia WebKit (solo in Europa), Android o BlackBerry WebKit.