Questa traduzione non è ancora stata rivista dalla redazione. Fa fede la versione tedesca. Deutsche Fassung →
Responsive
Su quali dimensioni di schermo dovrebbe essere testato un sito web?
Un sito web dovrebbe essere testato su tre dimensioni di schermo: smartphone con 390, tablet con 768 e desktop con 1440 pixel di larghezza. Questi tre profili coprono le classi di dispositivi comuni. Il servizio di verifica simula i dispositivi reali — con controllo tattile, identificazione mobile del browser e densità di pixel appropriata — invece di ridimensionare solo una finestra del browser.
Tre profili coprono le classi di dispositivi
Il profilo smartphone misura 390 per 844 pixel — il formato di un telefono attuale comune. Il profilo tablet misura 768 per 1024 pixel, un tablet in modalità verticale. Il profilo desktop misura 1440 per 900 pixel, un monitor diffuso. Su queste tre larghezze la maggior parte dei siti web cambia il suo aspetto: il menu si chiude, le colonne vengono impilate, le immagini si ridimensionano. Proprio per questo non basta una singola occhiata al proprio schermo — una pagina può sembrare impeccabile sul desktop e scorrere lateralmente sul telefono, tagliare il testo o rimpicciolire i pulsanti. Ogni profilo viene quindi controllato indipendentemente e riportato separatamente nel rapporto, con schermata allegata.
La simulazione reale del dispositivo fornisce risultati reali
Una finestra del browser solo rimpicciolita si comporta diversamente da un telefono. Molti siti web cambiano la loro visualizzazione mobile solo quando il browser si identifica come dispositivo mobile: con input tattile, identificazione mobile del browser e la maggiore densità di pixel dello schermo di un telefono. Il servizio di verifica configura quindi per ogni profilo una simulazione completa del dispositivo — il profilo smartphone si segnala come telefono con touch e tripla densità di pixel, il profilo tablet come tablet. Senza questa simulazione sorgerebbero falsi rilievi: la verifica vedrebbe una forma intermedia della pagina che nessun visitatore reale vedrebbe mai. Con essa vede la stessa visualizzazione del pubblico.
La verifica vede la pagina come un visitatore
Prima della misurazione, la verifica consente alla pagina di caricarsi completamente e di stabilizzarsi. Quindi scorre lentamente fino alla fine della pagina e di nuovo verso l'alto — come un visitatore che si guarda intorno. Ha un motivo tecnico: molti siti caricano i contenuti solo quando si scorre. Se la misurazione avvenisse prima, questi blocchi sarebbero ancora nella loro posizione iniziale e la verifica segnalerebbe un layout che non esiste nemmeno nell'uso reale. Solo dopo questo ciclo inizia la misurazione effettiva: comportamento dello scorrimento, superfici di comando, interruzione del testo, contenuto nel primo schermo — per profilo, con schermata come prova.
- Controllate le nuove pagine su almeno uno smartphone reale, in aggiunta allo sguardo al monitor della scrivania.
- Confrontate le tre schermate nel rapporto di verifica — mostrano come la stessa pagina appare a seconda della classe di dispositivo.
- Chiedete alla vostra agenzia a quali larghezze di schermo il vostro sito web cambia il suo layout e fate testare esattamente questi passaggi.
- Trattate la visualizzazione mobile come visualizzazione principale, perché molti visitatori vedono il vostro sito web esclusivamente sul telefono.