Gesti e controlli

Una panoramica di tutti i gesti touch, le azioni di scorrimento e i controlli nell’app – allineati con le Human Interface Guidelines di Apple.

Principi fondamentali

L’app segue le Human Interface Guidelines (HIG) di Apple. Chi ha familiarità con le app iOS riconoscerà immediatamente la maggior parte dei gesti. Questo capitolo spiega i gesti più importanti – in particolare le differenze specifiche dell’app.

Il principio più importante: le azioni distruttive (elimina) sono sempre a sinistra, le azioni non distruttive (modifica) sono sempre a destra. Questo è lo standard iOS e previene le eliminazioni accidentali.

Viste e pannelli

L’app usa due tipi di schermate:

Vista normale (navigation push): una nuova schermata scorre da destra. In alto a sinistra appare una freccia indietro (←). Questa vista appartiene alla gerarchia di navigazione.

Pannello: un pannello si apre dal basso. Ha una piccola maniglia pill (barra corta al centro in alto) e si sovrappone alla vista precedente.

Chiudere un pannello

Un pannello può essere chiuso in tre modi:

💡 Lo scorrimento verso il basso funziona sempre – anche quando nessun pulsante è visibile.

Vista elenco

Gli elenchi mostrano le voci con linee di separazione. Ogni voce può essere toccata per aprirla o modificarla. Le voci con un’icona ≡ di trascinamento (tre linee a destra) possono essere riordinate tenendo premuta quell’icona.

Vedi le sezioni sottostanti per le azioni di scorrimento negli elenchi.

Tocco breve

Il gesto più comune: un tocco breve attiva l’azione principale di un elemento.

Dove	Cosa succede
Tessera dashboard	Registra evento (azione principale)
Voce elenco	Apri configurazione o dettaglio
Più	Aggiungi nuovo elemento
Fine / Avanti / Salva	Conferma azione
Annulla / Indietro	Annulla, nessuna modifica

💡 Tutti i pulsanti sono toccabili su tutta la loro larghezza. Non devi mirare con precisione all’icona o al testo.

Tocco prolungato

Il tocco prolungato attiva un’azione secondaria – ma il significato dipende dal contesto:

Dove	Cosa succede
Tessera dashboard	Apri e cerca la cronologia eventi
Tessera “Avanzate” nel dashboard delle impostazioni	Apre la vista elenco delle impostazioni avanzate
Icona di trascinamento (3 linee) negli elenchi	Rilascia l’elemento per l’ordinamento

⚠️ Nota: il tocco prolungato sul dashboard e nelle configurazioni degli elenchi ha significati diversi. Si tratta di un limite a livello di sistema – iOS offre solo un numero limitato di gesti.

💡 Il rilascio per l’ordinamento viene confermato da un segnale visivo e aptito (breve vibrazione).

Dashboard:            Tocco prolungato → cronologia eventi
                      (Azione principale: tocco breve → registra evento)

Dashboard impostazioni: Tocco prolungato "Avanzate" → apri vista elenco
                        (Tocca voce → apri pannello impostazioni)

Elenco impostazioni:  Tocco prolungato ≡ → avvia riordinamento
                      (Tocca voce → apri configurazione)

Scorrimento: azioni elenco (sinistra e destra)

Negli elenchi ci sono due direzioni di scorrimento con ruoli chiaramente separati:

Questo schema è lo standard iOS secondo HIG – Swipe Actions. La semantica dei colori è immediatamente compresa dagli utenti iOS: rosso = attenzione, blu = sicuro.

Eliminazione con conferma (scorrimento a sinistra)

Quando scorri da destra a sinistra e tocchi “Elimina”, appare un dialogo di conferma – per tutti gli elementi che verranno rimossi definitivamente:

Scorri da destra a sinistra
→ Tocca il pulsante rosso "Elimina"
→ Appare il dialogo di conferma
→ Tocca di nuovo "Elimina" (o "Annulla")

Questo processo in due fasi previene le eliminazioni accidentali. Lo schema segue le HIG – Destructive Actions di Apple.

⚠️ Dopo la conferma l’azione non è reversibile – pensa sempre un attimo prima di toccare!

Modifica tramite scorrimento a destra

Quando scorri da sinistra a destra, appare il pulsante “Modifica” in blu. È il modo più veloce per aprire una voce direttamente dall’elenco – senza doverla toccare.

💡 Lo scorrimento a destra non è disponibile ovunque nell’app – solo dove un’azione di modifica rapida ha senso (es. parametri, gruppi, rapporti).

Passare da un dashboard all’altro

Sul dashboard stesso (non in un elenco) lo scorrimento ha un significato diverso:

Lo scorrimento sul dashboard è separato dallo scorrimento negli elenchi. Scorrere all’interno di una tessera o di una voce elenco attiva l’azione elenco – scorrere sullo sfondo libero del dashboard cambia il dashboard.

Menu contestuale (tocco prolungato su voce elenco)

Tenere premuta una voce elenco apre un menu contestuale con tutte le azioni disponibili a colpo d’occhio. Il menu contestuale rispecchia le azioni di scorrimento:

Contenuto del menu contestuale (esempio: parametro):
  ✏️  Modifica    (= scorrimento a destra)
  📤  Esporta     (solo menu contestuale)
  🔔  Promemoria  (solo menu contestuale)
  ──────────────
  🗑️  Elimina    (= scorrimento a sinistra, evidenziato in rosso)

💡 Il menu contestuale è utile quando vuoi vedere tutte le azioni senza sapere se esiste uno scorrimento per esse – tutto a colpo d’occhio, senza indovinare.

Secondo HIG – Context Menus, le azioni distruttive nei menu contestuali sono sempre rosse e collocate alla fine dell’elenco.

Elementi della barra degli strumenti e navigazione

Dashboard: due gesti sulla stessa tessera

Il dashboard ha due azioni diverse per la stessa tessera:

Tocco breve       → Registra evento (azione principale)
Tocco prolungato  → Apri cronologia eventi + ricerca (azione secondaria)

Questo è il gesto specifico dell’app più importante. Ti permette di inserire nuovi dati e consultare le voci precedenti con due semplici gesti – senza cambiare vista.

Guida rapida: le azioni più importanti

Registra evento:            Apri dashboard → tocco breve sulla tessera
Apri cronologia eventi:     Dashboard → tocco prolungato sulla tessera
Correggi evento:            Tocco prolungato tessera → seleziona voce → Modifica
Elimina voce:               Nell'elenco, scorri da destra a sinistra → Elimina → Conferma
Modifica voce:              Nell'elenco, scorri da sinistra a destra → Modifica
Menu contestuale su voce:   Tocco prolungato voce elenco → scegli azione
Cambia dashboard:           Scorri sullo sfondo del dashboard (sinistra/destra)
Chiudi pannello:            Scorri il pannello verso il basso, o tocca Annulla/Chiudi