Gerarchia Visiva Z-Pattern: Guidare lo Sguardo del Cliente nel Menu

Un ristorante regionale di 30 tavoli vicino al santuario Mevlana di Konya ha aumentato il funnel "vedi menu → ordina" del 18% allineando la sua carta digitale allo Z-pattern. Niente nuova tecnologia — solo gerarchia che segue lo sguardo.

Z-Pattern vs F-Pattern

Gli studi eye-tracking Nielsen Norman identificano due schemi. F-pattern su pagine ricche di testo. Z-pattern su landing visive e menu digitali.

Percorso Z: alto-sinistra (hero) → alto-destra (tagline) → diagonale a basso-sinistra (descrizione) → basso-destra (CTA "Ordina"). Il trigger alla fine dello Z incontra un occhio pronto.

Implementazione a Konya

Quattro ancore Z nella pagina categoria:

1) Alto-sinistra: foto etli ekmek + "Cucina Konya". 2) Alto-destra: chip categoria. 3) Centro-sinistra: testo storico 2 frasi. 4) Basso-destra: CTA sticky. Tempo all'ordine -22 secondi; conversione +18%.

Tre Test Gratuiti

Test occhi socchiusi (quattro blocchi?), test 5 secondi (cosa ricordi?), heatmap Microsoft Clarity (segue davvero lo Z?). Se manca la diagonale, contrasto o dimensione del blocco centrale troppo deboli.

FAQ

Z-pattern funziona su mobile? Meno — lo scroll verticale domina, F-pattern è più adatto. Z è ottimale su tablet/desktop con tutto lo Z in un viewport.

E lingue RTL come arabo? Lo Z si specchia: parte alto-destra, finisce basso-sinistra. thMenu applica dir="rtl" automaticamente.

CTA basso-sinistra invece di basso-destra? No — è il punto cieco. Click cala 30–40% perché l'occhio ha già "chiuso" lo Z a destra.

Ti è stato utile? Condividilo.