Il sito si vede male sullo smartphone: cosa correggere e quando rifarlo

Descrivere il problema prima di chiedere un intervento

Scegli tre compiti importanti: trovare un servizio, capire se è disponibile nella propria zona e contattare l’attività. Parti dai relativi collegamenti, senza passare sempre dalla homepage. Prova almeno i telefoni e i browser più usati dai tuoi clienti, quando queste informazioni sono disponibili, e annota modello, orientamento e pagina.

Una segnalazione come “il sito non funziona da cellulare” è difficile da riprodurre. È più utile scrivere: nella pagina del servizio, dopo aver aperto il menu, il pulsante per chiuderlo resta nascosto e non posso tornare al contenuto. Uno screenshot o una breve registrazione aiuta, purché non contenga dati di clienti o messaggi privati.

Ripeti il controllo dopo aver ricaricato la pagina. Se il difetto compare soltanto in un passaggio, descrivi anche quello precedente. Chi interviene potrà separare un comportamento occasionale da un errore presente per tutti.

Controllare testo, immagini e contenuti fuori schermo

Leggi un titolo lungo, una descrizione completa e una tabella. Cerca parole tagliate, colonne troppo strette, immagini che nascondono il soggetto e spazi laterali che costringono a spostare continuamente la pagina. Il contenuto deve adattarsi allo spazio disponibile conservando una gerarchia comprensibile.

Ingrandisci il testo con le impostazioni del dispositivo e verifica se le informazioni restano utilizzabili. I criteri W3C sul ridisporre i contenuti aiutano a valutare questi casi; tabelle e mappe possono richiedere un trattamento specifico, senza rendere scomoda tutta la pagina.

Non nascondere dal telefono informazioni decisive soltanto per accorciare la schermata. Condizioni del servizio, prezzi quando previsti e contatti devono restare reperibili. Una tabella può avere uno scorrimento dedicato; una descrizione ordinaria dovrebbe poter essere letta senza inseguire ogni riga in orizzontale.

Provare menu, pulsanti e collegamenti con il dito

Apri e chiudi il menu, entra in un eventuale sottomenu e torna indietro. Controlla che il contenuto rimanga scorrevole e che il pulsante di chiusura sia riconoscibile. Le voci non devono dipendere dal passaggio del puntatore, un comportamento che sul telefono non corrisponde all’uso con il mouse.

Tocca i collegamenti vicini fra loro: telefono, messaggistica, mappa e prenotazione. Se è facile attivare quello sbagliato, occorre rivedere dimensioni e spaziatura. Il riferimento W3C sui bersagli di tocco serve a guidare la verifica, che va comunque svolta con i controlli effettivi della pagina.

Una barra fissa può essere utile, ma deve lasciare visibili testo, pulsanti e messaggi. Controllala anche quando il telefono è ruotato. Per ostacoli che riguardano tastiera e tecnologie assistive, consulta anche la guida ai controlli di accessibilità.

Completare davvero il modulo o la prenotazione

Quando tocchi un campo, la tastiera riduce lo spazio disponibile. Verifica che sia chiaro cosa compilare, che il campo resti visibile e che si possa raggiungere quello successivo. Prova un indirizzo email sbagliato: il messaggio deve spiegare come correggerlo senza cancellare tutto.

Segui anche le integrazioni: un’agenda, un booking o una mappa possono avere un comportamento diverso dal resto del sito. Controlla cosa accade se lo strumento si apre in un’altra pagina e come si torna alle informazioni iniziali.

Esempio ipotetico: un centro estetico riceve richieste dal computer ma poche dal telefono. La prova rivela che, dopo la scelta dell’orario, il riepilogo è nascosto sotto la tastiera. La correzione riguarda quel passaggio, mentre il design generale può essere già adeguato. Se invece il messaggio non arriva all’attività, serve anche la verifica dell’invio delle email.

Trasformare le osservazioni in priorità

Raccogli gli errori in un elenco breve, indicando cosa impediscono al visitatore. Questo aiuta a concordare prima gli interventi che sbloccano una richiesta e poi quelli che migliorano la leggibilità o l’aspetto.

Usabilità e prestazioni vanno misurate separatamente. Se l’attesa è il problema principale, la guida al sito lento descrive un’altra analisi.

Scegliere fra correzione mirata e restyling

Un difetto isolato in un modulo o in un componente può essere affrontato con un intervento circoscritto. Se molti modelli condividono larghezze rigide, contenuti duplicati o interazioni fragili, il lavoro va valutato sull’intera struttura. Chiedi una stima che distingua diagnosi, correzione e controllo finale.

Nel confronto includi gli aggiornamenti futuri: chi potrà aggiungere una pagina senza riprodurre lo stesso difetto? Una soluzione che sistema una sola schermata ma lascia il modello sbagliato rende probabile il ritorno del problema.

La scelta tra nuovo sito e restyling deve tenere conto anche di contenuti e obiettivi. Per Google è inoltre rilevante la versione mobile ai fini dell’indicizzazione: rendere più comodo il telefono non significa però ottenere automaticamente nuove posizioni.

Concordare una prova di accettazione comprensibile

Prima di chiudere il lavoro, ripeti gli stessi compiti iniziali sui dispositivi concordati. Utilizza contenuti reali, compresi titoli lunghi e messaggi di errore. Per i moduli invia una richiesta di prova concordata con chi la riceve e verifica il suo arrivo.

Conserva l’elenco dei controlli insieme alla consegna: sarà utile dopo ogni modifica importante. Un intervento di restyling del sito può così partire da problemi documentati e concludersi con risultati verificabili.