App Mobile - Guida completa all'interazione mobile

SCHERMATA HOME

Come navigare qui

Dall'avvio dell'app:

1. Individua l'icona dell'app sulla schermata home del tuo dispositivo mobile
   
   
2. Tocca una volta l'icona con il dito o il pollice
   
   
3. Aspetta l'avvio dell'app
   
   
4. La schermata home appare automaticamente come prima schermata
   
   

Da qualsiasi altra schermata dentro l'app:

Metodo 1 - Tramite Menu Hamburger:

1. Guarda l'angolo in alto a sinistra della tua schermata
   
   
2. Tocca una volta i tre trattini orizzontali (≡)
   
   
3. Un cassetto di navigazione scorre da sinistra, coprendo circa il 75% dello schermo
   
   
4. Il lato destro rimanente appare scurito
   
   
5. Tocca "Home" (prima opzione con icona casa 🏠)
   
   
6. Il cassetto si chiude scorrendolo verso sinistra e navighi alla schermata home
   
   

Metodo 2 - Tramite Tocco Logo:

1. Tocca il testo al centro in alto della maggior parte degli schermi
   
   
2. La schermata torna alla schermata home
   
   
3. Nota: Questo funziona solo quando NON sei già nella schermata home
   
   

Conferma visiva che sei nella home:

• Icona menu hamburger (≡) visibile in alto a sinistra
  
  
• Logo centrato in alto
  
  
• Quattro carte rettangolari colorate impilate verticalmente
  
  
• Sfondo bianco/chiaro senza schede
  
  

Elementi pagina e interazioni mobile dettagliate

Controlli barra superiore

Icona Menu Hamburger (≡)

Posizione: Angolo in alto a sinistra, circa 16-20 pixel dai bordi

Aspetto visivo:

• Tre linee orizzontali, equidistanti, grigio scuro
  
  
• Ogni linea circa 20-24 pixel di lunghezza
  
  
• L'area tattile è più grande dell'icona visibile (minimo 48x48 pixel)
  
  

Come toccare su mobile:

1. Tieni il tuo dispositivo comodamente con una o entrambe le mani
   
   
2. Posiziona il pollice o l'indice sull'icona
   
   
3. Tocca una volta con una pressione rapida e rilascia
   
   
4. L'area tattile si estende oltre le linee visibili per facilitare il tocco
   
   

Cosa accade:

• Un'ombra scura semi-trasparente copre la schermata corrente
  
  
• Un pannello bianco scorre dal bordo sinistro
  
  
• Il cassetto copre circa il 75% della larghezza dello schermo
  
  
• Il cassetto mostra: logo in alto, opzioni di menu verticali, Impostazioni in basso
  
  
• Il lato destro rimane scuro e non interattivo
  
  

Contenuti cassetto di navigazione:

• logo - In alto, solo branding
  
  
•