Finalmente dopo un po’ di anni dall’avvento degli smartphones Mr.Google ha deciso di considerare la capacità di un sito web di essere mobile-friendly come un fattore importante della SEO.
Sono nati così i siti web responsive che si adattano automaticamente alle dimensioni dello schermo che li sta visualizzando.
Forse meglio cosi’ in quanto questo problema è stato negli anni preso poco in considerazione della aziende di sviluppo web e sono sconcertato dal fatto che ancora oggi esistano siti importanti i quali non si siano attrezzati per risolvere questo problema, venendo cosi’ a mancare la fruibilità dei contenuti.
Ma cosa fare per rimediare? Proveremo a identificare alcuni punti fondamentali per migliorare la user-experience.
Quanto vi da fastidio sbagliare a cliccare delle icone in quanto di piccole dimensioni e attaccate le un con le altre?
A me tanto! per questo motivo provvedete a fissare una grandezza tale da ricoprire la maggior parte del pollice dell’utente.
Alcuni hanno fissato tali misure a 44px di altezza x 44px di larghezza, inoltre se presenti icone in successione separate esse in modo da permettere all’utente di non utilizzare il “mirino di precisione” quando si accinge a cliccare.
Il tempo di caricamento è un tema molto importante nel campo mobile. Molte persone pensavano di risolvere il problema di adattamento nascondendo nella versione per dispositivi mobili alcuni elementi tra cui immagini, contenitori della versione desktop.
Se nascondiamo un’immagine con il comando display:none, all’apertura del sito essa verrà comunque caricata comportando un notevole aumento del tempo di attesa.
Vi consiglio un ottimo strumento come Pingdom che svolgerà per te un’analisi completa del sito proponendo soluzioni per diminuire la pesantezza dello stesso. Per essere performanti mantenete l’intero sito ad una “pesantezza” pari o inferiore a 1MB.
Ricorda anche che il testo deve essere abbastanza grande per non affaticare la vista dell’utente (preferibilmente non inferiore a 16px), inoltre dividete il testo in diverse linee ognuna con un massimo di 40 -50 caratteri per non annoiare.
Consiglio finale: quando progetti un sito parti dal presupposto che il troppo stroppia anche qui, un layout lineare e pulito è più gradito dall’utente rispetto a siti “overcrowded” sovraffollati e confusi. In questo modo dovrai gestire pochi elementi sia versione desktop che mobile e avrai più tempo per curare i dettagli. La semplicità vince sempre!