Ecco un piccolo esperimento che puoi fare subito. Tieni il telefono con una mano sola, come quando scorri lo schermo mentre aspetti in fila o sei seduto sull’autobus. Poi prova a toccare l’angolo in alto a sinistra dello schermo con il pollice, senza cambiare la presa. Difficile, vero? Quella sensazione di tensione e di allungamento è il punto di partenza per parlare di thumb zone — l’area che il pollice riesce a raggiungere comodamente quando tieni il telefono con una sola mano.
Capire la thumb zone non è solo teoria. Decide se chi compra riesce a toccare facilmente “Aggiungi al carrello”, se trova il menu e se completa l’ordine o lo abbandona a metà. Questo articolo parla di quanto lontano arriva il pollice sullo schermo, di perché conta per l’esperienza di acquisto da mobile e di perché posizionare la navigazione in basso si adatta al modo in cui le persone tengono davvero in mano il telefono.
Cos’è la thumb zone e perché è reale
Il concetto di thumb zone è stato reso popolare da Steven Hoober dopo aver osservato più di 1.300 utenti di smartphone nella vita reale. Ha notato tre prese principali: tenere il telefono con una mano sola, sorreggerlo con una mano e toccare lo schermo con l’altra, e tenerlo con entrambe le mani. L’uso con una sola mano rappresentava circa la metà di tutte le osservazioni — la presa più comune in assoluto. In altre parole, molto spesso le persone usano il telefono con un solo pollice.
Quando tieni il telefono con una mano sola, il pollice si muove lungo un arco, con il centro vicino alla base del palmo. Per questo motivo:
- L’area più facile da raggiungere è la parte centrale e bassa dello schermo. Qui il pollice si appoggia in modo naturale, senza sforzo.
- L’area di allungamento sono i lati nella parte centrale dello schermo. Raggiungibile, ma la mano è un po’ tesa.
- L’area più difficile sono i due angoli in alto, soprattutto quello diagonale rispetto alla mano che tiene il telefono. Per arrivarci di solito bisogna cambiare presa o usare l’altra mano.
Non devi crederci sulla parola. Scrivi “thumb zone” su Google e vedrai la familiare mappa a tre colori — verde per le aree facili da raggiungere, giallo per quelle che richiedono un allungamento, rosso per quelle difficili — che Samantha Ingram ha descritto su Smashing Magazine, basandosi sulla ricerca di Hoober. È una delle idee più ricorrenti nell’UX, e il motivo per cui resiste nel tempo è che corrisponde all’anatomia della mano, non a una moda passeggera.
Il paradosso: la cosa più importante si trova nel punto più difficile da raggiungere
Vale la pena fermarsi su questo punto. In molti siti di e-commerce, l’icona dell’hamburger (le tre linee orizzontali) — dove è nascosta tutta la navigazione principale — si trova nell’angolo in alto. Questo significa che la porta d’accesso a ogni categoria di prodotti finisce proprio nella parte della thumb zone più difficile da raggiungere.
Il problema non si ferma alla mano affaticata. L’hamburger nasconde anche i contenuti. Il Nielsen Norman Group ha studiato il fenomeno sia su telefoni che su desktop ed è arrivato alla conclusione che nascondere la navigazione dietro un’icona hamburger rende più difficile per gli utenti trovare ciò di cui hanno bisogno, richiede più tempo e risulta più faticoso. Messo tutto insieme: hai posizionato il menu dove la mano fatica ad arrivare e l’hai nascosto agli occhi dell’utente.
Per chi vende, tutto questo ha un costo molto concreto. Secondo il Baymard Institute, il tasso medio di abbandono del carrello si aggira intorno al 70% da oltre un decennio, e su mobile è spesso più alto. Ogni passaggio anche solo un po’ più difficile è un motivo in più per cui un cliente se ne va. Quando qualcuno è indeciso se comprare o no, dover cambiare presa solo per aprire un menu è un piccolo attrito — ma si somma.
Progettare bene per il mobile: porta le azioni importanti a portata di pollice
Il principio è semplice, anche se applicarlo richiede disciplina: metti le interazioni importanti nella thumb zone e non spingerle verso i bordi.
Nello specifico, per un negozio:
- Il pulsante dell’azione principale — “Aggiungi al carrello”, “Compra ora”, “Vai al checkout” — dovrebbe trovarsi nella metà inferiore dello schermo, dove il pollice si appoggia. Molti temi ben fatti, proprio per questo, ancorano il pulsante d’acquisto fisso in fondo alla pagina prodotto.
- La navigazione principale dovrebbe essere visibile nell’area facile da raggiungere, invece di restare nascosta dietro un’icona nell’angolo.
- Le cose usate raramente e un po’ rischiose — elimina, esci, chiudi — possono stare nell’area più difficile da raggiungere. Essere difficili da toccare qui diventa in realtà una forma di protezione contro le pressioni accidentali.
Un esempio familiare: se vendi cibo o abbigliamento e i clienti di solito navigano nel tuo negozio mentre sono in giro, tenendo il telefono con una mano sola, avere il pulsante “Aggiungi al carrello” a portata di pollice può fare la differenza tra un ordine chiuso e una rapida scorsa con dito, e poi l’oblio.
È anche per questo che la thumb zone viene spesso citata insieme agli schemi di lettura come l’F-pattern o lo Z-pattern. L’F-pattern e lo Z-pattern riguardano il modo in cui l’occhio scorre i contenuti; la thumb zone riguarda fin dove arriva la mano. Un buon layout mobile deve rispettare entrambi: mettere le cose importanti dove l’occhio guarda e dove la mano può toccare.
Perché una Tab Bar in basso si adatta al modo in cui le persone tengono il telefono
Se l’area più facile da raggiungere è la parte bassa dello schermo, allora una barra di navigazione posizionata in fondo è una risposta diretta a questa realtà anatomica. È la Tab Bar — una striscia di poche icone fisse in fondo allo schermo, come la barra inferiore delle app di Shopee, Lazada o Instagram che tutti conoscono.
La Tab Bar è diffusa su mobile perché mette insieme diverse cose allo stesso tempo:
- È sempre visibile — non devi aprirla per vederla — quindi risolve il problema della navigazione nascosta segnalato da NN/g.
- Si trova proprio nella thumb zone, così il pollice la raggiunge senza sforzo.
- Limita il numero di voci (di solito 3–5), costringendoti a scegliere i percorsi più importanti: Home, Categorie, Cerca, Carrello, Account.
La Tab Bar non sostituisce tutto. Un catalogo prodotti profondo e a più livelli potrebbe comunque aver bisogno di uno slide menu. Ma come spina dorsale della navigazione mobile, la Tab Bar si adatta al modo in cui le persone tengono il telefono molto meglio di un hamburger nell’angolo in alto.
Questo è uno dei tipi di menu che Navi+ può creare senza codice, insieme a un Mega Menu per il desktop e a uno Slide Menu. Configuri mobile e desktop separatamente — una Tab Bar in basso per gli smartphone, un Mega Menu per i computer — ed è tutto drag and drop. Un aspetto che vale la pena segnalare a chi vende: aggiungere una barra di navigazione può facilmente appesantire la pagina, e le soglie “buone” di Google per i Core Web Vitals sono piuttosto severe (LCP sotto i 2,5 secondi, INP sotto i 200 millisecondi, CLS sotto 0,1). Navi+ è ottimizzato per non penalizzare queste metriche, così ottieni una navigazione posizionata proprio nella thumb zone senza rinunciare alla velocità.
Alcune cose da ricordare
La thumb zone non è un trucco decorativo. È un modo di rispettare una verità semplice: molto spesso, chi compra sta usando un solo pollice.
Alcune domande che vale la pena porsi quando riguardi il tuo negozio da telefono:
- Il pulsante d’acquisto principale è nella metà inferiore dello schermo?
- Il menu principale è mostrato in modo aperto, oppure è nascosto nell’angolo in alto?
- C’è qualche azione importante che costringe il cliente ad allungarsi verso un angolo lontano?
Non serve rifare tutto in una volta. Basta tenere il telefono con una mano sola, percorrere il tuo stesso processo di acquisto e lasciare che sia il pollice a dirti dove le cose ancora si bloccano.
Questo articolo fa parte della guida più ampia su Navigazione mobile — perché il menu hamburger sta diventando obsoleto e cosa usare al suo posto.