Il tuo sito è un sito da telefono, e probabilmente non è stato progettato come tale
Guarda da dove arrivano davvero i tuoi visitatori e il numero di solito sta tra il settanta e il novantacinque per cento da telefono. Per un'attività locale è più vicino al limite alto, perché la gente ti cerca mentre è in giro, in auto, o mentre sta in piedi nella cucina di qualcun altro.
Quasi tutti i siti vengono comunque progettati su un monitor grande. È in quella distanza che si concentrano i danni.
Cosa si rompe, nel concreto
Sempre lo stesso pugno di problemi, sito dopo sito:
Il testo di apertura illeggibile. Un titolo dimensionato per uno schermo largo diventa sei righe su un telefono, appoggiate sulla parte più affollata di una foto. La prima cosa che il visitatore vede è quella che funziona peggio.
Il numero di telefono non si può toccare. È testo, oppure è un'immagine, oppure sta nel piè di pagina quattro schermate più in basso. Su un telefono un numero deve essere un tocco, e deve vedersi senza scorrere.
Tabelle e listini che scorrono di lato. La pagina stessa scivola a destra e a sinistra, e sembra rotta anche quando il contenuto è a posto.
Foto che pesano quattro megabyte. Su una connessione di casa nessuno se ne accorge. Con i dati mobili e poco segnale, la pagina resta bianca per sei secondi e il visitatore è già andato via.
Pulsanti troppo piccoli o troppo vicini. Un link facile da cliccare con il mouse è un terno al lotto con il pollice.
Una finestra che non si chiude. Il pulsante di chiusura è fuori dallo schermo. Questo ti costa il visitatore per intero.
Il controllo di cinque minuti
Fallo sul tuo telefono, con i dati mobili e non con il wifi dell'ufficio, perché quella è la condizione reale.
- Apri la tua home page e conta i secondi finché non riesci a leggere qualcosa.
- Leggi il titolo senza ingrandire. Ci riesci?
- Trova il tuo numero di telefono senza scorrere. Toccalo. Parte la chiamata?
- Prova a prenotare o a scrivere una richiesta, fino in fondo, con un solo pollice.
- Gira il telefono di lato. Si sfascia qualcosa?
- Cerca un listino o una tabella. La pagina scivola di lato?
Quello che non ha funzionato è la prima cosa da sistemare. Vale quasi sempre più di un restyling.
Perché responsive non vuol dire progettato
Quasi tutti gli strumenti sono responsive, cioè il layout si riorganizza per stare in uno schermo stretto. Questo risolve la meccanica, non il progetto. Riorganizzato non è la stessa cosa di pensato.
Lo schermo di un telefono è un mezzo diverso. C'è una colonna sola, una cosa visibile per volta, e il visitatore di solito ha fretta ed è spesso distratto. Ciò che merita la parte alta dello schermo su un telefono spesso non è ciò che la merita su un computer. La versione per computer può permettersi un'apertura d'atmosfera. La versione per telefono di solito ha bisogno del nome dell'attività, di cosa fai e di un pulsante che ti chiama.
Questa è una decisione, e va presa deliberatamente, dispositivo per dispositivo. Una riorganizzazione automatica non può prenderla al posto tuo.
Cosa fare
Se il tuo strumento ti permette di impostare i valori per dispositivo, dedica un'ora alla sola versione per telefono. Titolo più piccolo, più spazio attorno ai pulsanti, l'invito all'azione più in alto, la foto grande ritagliata invece che rimpicciolita.
Se il tuo strumento non ti permette di modificare separatamente la versione per telefono, è bene saperlo, perché significa che l'esperienza da cellulare è un effetto collaterale di una decisione presa per il computer, e il cellulare è la maggior parte del tuo traffico.
Ogni elemento di Instinctor ha impostazioni separate per computer, tablet e telefono, e l'editor mostra l'anteprima di ciascuna. Lo abbiamo costruito così perché la versione per computer del sito di una piccola impresa è, statisticamente, quella che quasi nessuno vede.
Il team di Instinctor
