Ottimizzazione mobile

Cosa ricevi

• Il sito comodo da usare sul telefono: si legge senza ingrandire e si tocca senza sbagliare
• Niente che copre la pagina all'arrivo, e nessuno scorrimento di lato
• Telefono cliccabile e moduli con la tastiera giusta
• Animazioni leggere o ferme sui telefoni meno potenti
• Il resoconto prima e dopo con gli screenshot dal telefono e i numeri per dispositivo
• L'elenco degli interventi e il controllo a 30 giorni delle richieste da telefono

Come lo faccio

Un sito è comodo sul telefono se si legge senza ingrandire, si tocca senza sbagliare e niente copre la pagina all'arrivo. Lo provo su telefoni veri, perché il pollice e il sole non si simulano.

1. Numeri per dispositivoDa Google Analytics leggo visite e richieste da telefono e da computer.Perché conta: Se il telefono converte molto meno del computer, è già la pista: il problema sta lì.
2. Giro sul telefono veroPercorro i compiti chiave, trovare un servizio, chiamare, compilare il modulo, filmando lo schermo.Perché conta: Un sito provato solo sul simulatore del computer nasconde proprio gli errori del pollice.
3. Controllo a tre larghezzeApro il sito a 360, 390 e 768 pixel e segnalo scorrimenti di lato, testi sotto i 16 pixel, bersagli piccoli, elementi che si sovrappongono.Perché conta: Uno scorrimento di lato su un telefono piccolo fa sembrare il sito rotto.
4. InterventiTesto di almeno 16 pixel, pulsanti principali di 44 pixel, niente finestre a tutto schermo all'arrivo, menu semplice, telefono cliccabile, campi con la tastiera giusta e la compilazione automatica, tabelle e immagini che si adattano, pulsante d'azione fisso.Perché conta: Per scrivere un numero di telefono nessuno vuole cercare la tastiera dei numeri.
5. Animazioni sul telefonoIl 3D ha una versione leggera o un'immagine ferma sui telefoni meno potenti, e le animazioni si fermano per chi ha chiesto meno movimento.Perché conta: Su un telefono di qualche anno, un'animazione pesante blocca la pagina prima che compaia il contenuto.
6. Nuova prova e misuraRiprovo su un iPhone e un Android veri, anche con la rete rallentata; dopo 30 giorni confronto le richieste da telefono con il punto di partenza.Perché conta: Senza il confronto non si sa se gli interventi hanno portato richieste o solo un sito più ordinato.

Le tecniche che uso

Mobile-first indexing

Google valuta e posiziona il sito guardando la sua versione per telefono.

Target size

I bersagli da toccare: almeno 24×24 pixel per le WCAG 2.2, e 44 per i pulsanti principali.

Responsive design

Lo stesso sito che si adatta alla larghezza dello schermo, senza versioni separate.

Input type e autocomplete

Ogni campo apre la tastiera giusta e accetta la compilazione automatica del telefono.

prefers-reduced-motion

L'impostazione del telefono con cui si chiede meno movimento: il sito la rispetta.

Cosa comprende il prezzo

La modifica compresa: Ogni servizio comprende un giro di modifiche: guardiamo insieme la prima versione, mi scrivi in un elenco quello che non va e lo riadatto. Le modifiche in più, o le cose aggiunte dopo, si pagano a parte, con il costo scritto prima, nella lettera d'incarico.

La call di presentazione: Call di presentazione di 20 minuti: il prima e dopo e cosa confronto fra 30 giorni.