Category Archives: Siti web | Consigli
Come ottimizzare un sito web per i cellulari
FOCUS: consigli per ottimizzare un sito per i cellulari (smartphone)
Come ottimizzare un sito web per i cellulari
Da circa un anno nel mondo si vendono più smarphone che computer. Il trend è pazzesco: rispetto all’anno precedente, la crescita delle vendite di smarphone si attesta intono all’80% in più, mentre quella dei PC sale solo del 5% (fonte IDC).
Cosa vuol dire? Semplice, che bisogna farsi furbi ed iniziare a progettare siti ottimizzati per gli smartphone.
Le 10 regole principali, che di seguito andiamo ad esaminare, ci sono suggerite anche dallo stesso Google:
- Dare priorità alla velocità.
- Semplificare il processo di navigazione.
- Pensare il sito per gli schermi touch-screen.
- Progettare layout grafici semplici.
- Progettare il sito sia per display orientati in orizzontale che verticale.
- Fornire le informazioni principali in modo chiaro e diretto.
- Pensare alla geo-localizzazione offrendo servizi localizzati.
- Immagine coordinata tra le versioni PC, cellulare e tablet.
- Usa un codice di reindirizzamento a seconda del dispositivo usato.
- Ascolta i tuoi utenti e continua ad ottimizzare il sito secondo il feedback ricevuto.
Dare priorità alla velocità
Pensateci un attimo, quand’è che usate il cellulare per navigare? Forse siete alla fermata dell’autobus? In fila alle Poste? In una sala d’attesa? Oppure siete per strada alla ricerca di un’informazione specifica? Ad esempio un’officina meccanica, il più vicino bancomat, una farmacia, un cinema nelle vicinanze. In tutti questi casi non vorreste proprio che la vostra esperienza di navigazione sia paragonabile ad una lunga attesa tra una pagina e l’altra. E’ per questo che dovete prima di tutto pensare ad un sito snello e veloce.
Supponiamo che il vostro sito sia quello di un gommista, se un utente è per strada e vi sta cercando, qual è il motivo? Probabilmente ha forato e vuole arrivare dal gommista più vicino. Se arriva sul vostro sito mobile e legge che dal 1990 Geppino si prende cura degli pneumatici come se fossero i propri figli e che prima di lui anche il padre ed il nonno erano gommisti, non solo, ma può offrire i prezzi migliori e che il suo cane si chiama Pirellone… diciamo la verità: quanto v’interessa tutta ‘sta storia considerata la gomma che sfiata allegramente?
Forse sarebbe meglio mettere in primo piano:
- il numero telefonico che con un tap lo chiamate;
- gli orari in cui siete aperti e la pausa pranzo;
- la mappa google per arrivare a destinazione.
Quindi la regola numero 1 è mettersi nei panni dell’utente che arriva sul vostro sito per cellulare, e, naturalmente, alle sue sue necessità.
Privilegiate la velocità in tutto, quindi:
- immagini dimensionate per lo schermo di uno smartphone anche piccolo;
- ed evitate lunghi testi poiché sono stancanti da leggere, meglio un veloce elenco puntato.
Semplificare il processo di navigazione
Non dimenticate che l’utente in questione usa le dita e non il mouse, quindi i vostri menu devono essere chiari, semplici, non troppo piccoli. Tutto deve essere disponibile subito e sulla prima schermata, evitate di dover far scorrere lo schermo per arrivare a ciò che serve; parola d’ordine: semplificare e ridurre all’osso. Niente animazioni da strapazzo, siate essenziali.
Usate una semplice struttura gerarchica: menu/sottomenu, niente giochetti, rollover e cose del genere. Non servono. La navigazione deve essere chiara, quindi pensate sempre ad un bel tasto “Indietro” e non fate mancare mai il tasto “Homepage” per tornare all’inizio del sito. Se il vostro sito è molto complesso per numero di pagine, allora pensate ad un campo ricerca che sia facilmente accessibile. Google suggerisce di non inserire più di 7 link per ogni pagina del sito, proprio per non affollare il piccolo schermo dello smartphone e, soprattutto, non disorientare il navigatore.
Adottate questo semplice principio, io lo faccio sempre: in un massimo di 3 click l’utente deve arrivare a ciò che sta cercando.
Pensare il sito per gli schermi touch-screen
Gli utenti pensano con i… pollici! Gli uomini del futuro, se le cose non cambieranno, avranno pollici super complessi, sensibili e flessibili, le altre dita scompariranno, i mignoli si fonderanno con gli anulari… Anche mettendo da parte questa visione fantascientifica, non si può non considerare il fatto che chi usa uno smartphone lo fa con le dita. Sappiamo inoltre che non tutti hanno le dita uguali, provate a chiederlo a Mike Tyson.
Ecco quindi che si rende necessario pensare ad un sito i cui tasti siano facilmente selezionabili sia da chi ha dita da fata che da chi le ha come Shreck. Il consiglio è usare tasti grandi in posizione centrale, inoltre è bene che questi tasti siano abbastanza distanti gli uni dagli altri in modo da evitare che ci siano clic involontari, non c’è cosa peggiore di fare clic su una funzione che non si desiderava e dover attendere il caricamento di una pagina inutile.
Se si hanno delle caselle di controllo o di opzione, è bene rendere cliccabile anche il testo, in questo modo si estende l’area sensibile al clic a tutto vantaggio dell’utente.
Progettare layout grafici semplici
Lo smartphone, essendo per sua natura un dispositivo mobile, non saprete mai dove verrà utilizzato, ad esempio non saprete com’è l’illuminazione. Il consiglio è sempre quello di comunicare in modo semplice, con testi chiari, caratteri non troppo piccoli – provate il sito anche su display piccoli - lo sfondo deve contrastare perfettamente con il testo, nero su bianco è sempre una soluzione ottimale. I link devono essere riconoscibili, quindi usare un colore diverso che però si distingua sempre bene con lo sfondo. Attenzione ad accoppiate di colori che possano produrre fastidiosi effetti “rimbalzo” (es. blu su rosso, viola su arancione).
L’ideale sarebbe che il layout del sito si adatti automaticamente alle dimensioni dello schermo, senza costringere l’utente a lavorare con le dita sullo zoom per correggere le dimensioni.
Progettare il sito sia per display orientati in orizzontale che verticale
Come sicuramente saprete, Flash non è supportato da tutti i dispositivi, ad esempio l’iPhone e l’iPad non lo visualizzano (a dire il vero, Flash è morto; ma lui non lo sa ancora). Quindi sarebbe impensabile utilizzarlo per il vostro sito per cellulari. Un’alternativa valida e consigliabile HTML5. Considerate anche un altro aspetto importante: gli smartphone hanno la caratteristica di poter orientare lo schermo sia in verticale che in orizzontale. Il vostro sito dovrebbe adattarsi a qualsiasi layout. Le informazioni più importanti devono sempre essere visibili, come i tasti principali che non devono “perdersi” nel passaggio tra un orientamento e l’altro.
