Perché il design mobile-first non è più facoltativo
Di Il team di AsasWeb 2 min di lettura
La maggior parte dei visitatori di un sito aziendale ormai arriva da un telefono, quindi progetta prima per lo schermo piccolo e poi scala verso l'alto. Partire dal vincolo più difficile obbliga a chiarire ciò che conta, mantiene le pagine abbastanza leggere per le connessioni lente e produce design pensati per il tocco, con aree di tocco generose e nessuna dipendenza dall'hover. Prova su un vero telefono di fascia media, fino a uno schermo largo 320 pixel, invece che su un simulatore.
Per la maggior parte dei siti aziendali, ormai la maggioranza dei visitatori arriva da un telefono. Se il tuo sito è stato progettato su un grande monitor e controllato su mobile solo alla fine, quei visitatori ricevono la versione peggiore del tuo lavoro. Il design mobile-first ribalta quell’ordine, e il risultato è migliore per tutti.
Parti dal vincolo più difficile
Uno schermo di telefono impone scelte difficili. Non c’è spazio per il disordine, quindi decidi cosa conta davvero: l’unico messaggio, l’unica azione, il contenuto per cui le persone sono effettivamente venute. Quando poi sali a un tablet o a un desktop, stai aggiungendo spazio a un design che già funziona, invece di stipare un layout desktop dentro un telefono.
Le prestazioni vengono di conseguenza
Progettare per il mobile significa progettare per una connessione più lenta e un dispositivo meno potente. Quella disciplina mantiene le pagine leggere, il che aiuta il tuo posizionamento nei motori di ricerca e il tuo tasso di conversione su ogni dispositivo, non solo sui telefoni. Puoi leggere di più nella nostra nota su cosa rende veloce un sito web.
Tocco, non hover
Mobile-first significa anche progettare per le dita. Gli elementi toccabili hanno bisogno di spazio, qualsiasi cosa si basi sull’hover ha bisogno di un’alternativa adatta al tocco e i moduli devono essere rapidi da completare con un pollice. Sono le stesse cose che rendono un sito più facile da usare con una tastiera o una tecnologia assistiva, quindi accessibilità e qualità mobile si rafforzano a vicenda.
Testa su un telefono reale
Un simulatore non è la stessa cosa di un telefono di fascia media su una connessione normale. Testiamo ogni build fino a uno schermo largo 320 pixel, senza scorrimento orizzontale e con elementi toccabili comodi.
Se il tuo sito attuale fatica su un telefono, ti sta costando richieste. Avvia un progetto e ne costruiremo uno che funziona magnificamente sul dispositivo che la maggior parte dei tuoi clienti usa davvero.