Vediamo come queste 7 utili strategie possano aiutarci a raggiungere questo obiettivo:
1. Metti il mobile design come priorità
Riadattare un sito per essere compatibile con i dispositivi mobili può essere molto costoso. Se invece sviluppi il progetto dall’inizio con un occhio di riguardo verso questa dimensione, risparmierai tempo e soldi.
Ecco alcune domande da porsi prima di sviluppare il proprio sito:
- Quanto traffico proviene da dispositivi mobili? Google Analytics può aiutarti a capire da quale fonte arrivi la maggior parte del tuo traffico.
- Come vuoi che il tuo sito si comporti sui dispositivi mobili? I dispositivi mobili avranno un layout proprio, oppure il layout si adatterà automaticamente alle diverse risoluzioni?
- Il tuo team utilizza librerie come Twitter Bootstrap o jQuery Mobile per adattare i layout esistenti e renderli usufruibili da versione mobile?
Sviluppare il tuo sito tenendo conto dell’importanza del mobile design contribuirà a generare una migliore esperienza utente per i tuoi clienti.
2. Semplicità al primo posto
È stato scritto molto sul fatto del mantenere più possibile la semplicità nel design dei siti internet (e non solo). Per quanto riguarda la progettazione mobile, ci sono delle ragioni molto pratiche per semplificare più possibile gli elementi del design:
- Gli schermi dei dispositivi mobili sono piccoli, i testi corti si leggono molto meglio.
- I pulsanti e i menu devono essere grandi abbastanza per poter essere cliccati con il pollice.
- La velocità di caricamento deve essere più breve possibile
3. Usa un sistema di griglie
Principalmente su Android, ci sono migliaia di possibili combinazioni di smartphone, versioni di sistemi operativi e risoluzioni di schermi differenti. I progettisti devono tener conto di tutto questo nello sviluppo del layout, considerando di utilizzare un sistema basato su griglie per inserire i contenuti del sito e anche delle risoluzioni sotto le quali il layout cambi per ottimizzarsi nelle risoluzioni più basse.
Ad esempio, ecco la home page di Addthis.com in versione desktop su Chrome contrapposta alla versione iPhone con Safari:
Desktop Chrome
iPhone Safari
Al rimpicciolirsi della risoluzione dello schermo, i contenuti e l’immagine si adatta verticalmente, ottimizzandone la visualizzazione su uno schermo piccolo.
4. Menu collassabili
Il menu di navigazione standard di un sito è difficile da utilizzare su dispositivi con schermi piccoli. Utilizzare una logica “a tendina” ti aiuterà ad aumentare l’importanza dei tuoi contenuti e ne faciliterà l’accessibilità.
5. Semplifica le possibilità per i dispositivi mobili
Quando qualcuno visita il tuo sito da mobile, cerca di metterti nei panni dell’utente anche per quanto riguarda le possibilità che il tuo sito offre. Ad esempio se una caratteristica che offri è difficilmente utilizzabile da mobile (come il codice per implementare un menu in Jquery in un sito), inserisci un pulsante per inviare il materiale via email, così l’utente potrà consultarlo in un momento successivo dal proprio desktop.
6. Sfrutta le immagini
Ci sono molte strategie che puoi usare per ottimizzare le immagini per i dispositivi mobile. Se un’immagine non è troppo larga, puoi renderla scalabile per essere visualizzata meglio nelle basse risoluzioni. Siti con immagini molto grandi di solito utilizzano dei codici specifici o il loro CMS per ridimensionare dinamicamente l’immagine quando la risoluzione scende.
7. Utilizza sempre la progettazione per dispositivi mobili
Il numero dei visitatori provenienti da dispositivi mobili aumenterà esponenzialmente ed è destinato a superare quello generato dall'utenza desktop nel giro di breve tempo.
Adottare una progettazione che ponga al proprio centro l'esperienza degli utenti di smartphone, tablet ecc...è fondamentale per diverse ragioni, fra le quali permetterti di generare numerose conversioni, fidelizzare i tuoi clienti, aumentare l'importanza e la fruibilità dei contenuti, contribuendo a sviluppare in maniera significativa il tuo volume d'affari.