Nozioni di base sull'apprendimento della quarta dimensione

Prima di poter progettare una singola tabella, creare un modulo o collegare una lista di valori in 4D (4th Dimension), devi conoscere a fondo il vocabolario dell’ambiente in cui stai lavorando. Gran parte di quel vocabolario risiede nel sistema di menu: la striscia di comandi che corre nella parte superiore di ogni finestra.

Questo articolo è il primo di una serie sui menu e inizia dove dovrebbe iniziare ogni buona discussione tecnica: con definizioni precise. Definire correttamente la terminologia ora evita ore di confusione in seguito, perché la documentazione di 4D, il suo ambiente di progettazione e l’applicazione in esecuzione riutilizzano tutte queste stesse parole in modi specifici.

Punti chiave

• La Barra dei menu è la striscia orizzontale nella parte superiore dello schermo; i nomi su di essa sono Menu; le voci selezionabili sottostanti sono Voci di menu.
• I simboli a destra di una Voce di menu sono scorciatoie da tastiera; una freccia indica un Sottomenu; tre punti finali (puntini di sospensione) indicano che si aprirà una finestra di menu.
• Questi termini non sono puramente estetici: l’editor di menu e il linguaggio di comando di 4D richiedono che tu sappia distinguere un menu da una voce di menu.
• Comprendere l’anatomia di un menu è il prerequisito per confrontare i menu di 4D con quelli di FileMaker Pro e per creare i propri menu personalizzati.
• Un vocabolario dei menu coerente rende molto più semplice leggere la documentazione di 4D, seguire i tutorial e comunicare con altri sviluppatori.

Perché le definizioni vengono prima di tutto

Si è tentati di saltare una sezione intitolata “Definizioni”. Gli sviluppatori esperti presumono di sapere già cos’è un menu. Ma 4D — come la maggior parte delle piattaforme di sviluppo mature — utilizza queste parole con maggiore precisione rispetto al linguaggio quotidiano, e le distinzioni contano nel momento in cui si inizia a personalizzare.

Considera un semplice esempio. Quando qualcuno dice “aggiungi un comando al menu File”, potrebbe intendere due cose molto diverse:

• Aggiungere una nuova Voce di menu al Menu File esistente (un singolo nuovo comando sotto un’intestazione esistente).
• Aggiungere un Menu completamente nuovo alla Barra dei menu (una nuova intestazione di livello superiore accanto a File, Modifica e gli altri).

Si tratta di operazioni diverse con conseguenze diverse. Se tu e un collega usate la stessa parola per entrambe, vi capirete male. La stessa ambiguità si manifesta nelle istruzioni scritte, nelle segnalazioni di bug e nella stessa documentazione di 4D. Definire i termini elimina l’ambiguità.

Questo è anche il motivo per cui la serie inizia qui invece di passare direttamente ai confronti. I prossimi articoli mettono a confronto i menu di 4D con quelli di FileMaker Pro (FMP), propongono un menu 4D personalizzato e illustrano suggerimenti specifici menu per menu. Nulla di tutto ciò risulterebbe chiaro a meno che il vocabolario sottostante non sia condiviso.

Correlato: Airtable — Un'interfaccia semplice come un foglio di calcolo posizionata sopra un vero database relazionale, con automazioni, visualizzazioni e interfacce condivisibili..

L’anatomia di un menu

La Figura 1 nel materiale originale mostra un tipico insieme di menu annotati con frecce ed etichette. Ecco cosa significa ciascuna parte etichettata, ampliata con i dettagli pratici necessari per riconoscerla sullo schermo.

Barra dei menu

La Barra dei menu è la barra nella parte superiore dello schermo. È il contenitore di tutto il resto: la striscia orizzontale che contiene tutti i nomi dei menu di livello superiore. In 4D, la Barra dei menu è essa stessa un oggetto gestibile: puoi definire quali menu appaiono su di essa e puoi scambiare intere barre dei menu in fase di esecuzione a seconda del contesto (ad esempio, mostrando una barra diversa quando un particolare modulo è in primo piano).

Pensa alla Barra dei menu come al livello più esterno della gerarchia. Tutto ciò che sta sotto appartiene a un menu di quella barra.

Se stai facendo acquisti: Zoho Creator — Un generatore di app a basso codice che si collega alla più ampia suite Zoho e prezzi per utente anziché per app..

Menu

I nomi elencati nella Barra dei menu sono i Menu. “File”, “Modifica”, “Record” e così via sono menu. Un menu è un raggruppamento nominato di comandi correlati. Il suo compito è organizzativo: raccoglie le Voci di menu che appartengono concettualmente insieme in modo che gli utenti possano trovarle.

Un menu non è la stessa cosa del suo contenuto. Puoi avere un menu vuoto (un’intestazione senza nulla sotto) e puoi aggiungere o rimuovere voci da un menu senza modificare l’identità del menu stesso.

Voci di menu

Le voci che possono essere selezionate quando un menu si apre a discesa sono Voci di menu. Questi sono i comandi effettivi: le cose che eseguono un’azione quando si fa clic. “Nuovo”, “Apri”, “Salva”, “Stampa” sono tutte Voci di menu.

Le Voci di menu sono il luogo in cui risiede l’azione. Quando crei un menu personalizzato in 4D, la maggior parte del tuo impegno è dedicata alla definizione delle Voci di menu e all’associazione di metodi (codice) ad esse. Una Voce di menu può essere:

• Abilitata o disabilitata — grigetta quando il comando non è attualmente valido.
• Selezionata o deselezionata — mostra un segno di spunta per indicare uno stato di attivazione/disattivazione.
• Legata a un metodo — esegue il tuo codice quando selezionata.

Scorciatoie da tastiera

Se sono presenti simboli a destra di una Voce di menu, essi indicano i tasti di scorciatoia da tastiera che selezioneranno la stessa Voce di menu. Una scorciatoia è un modo alternativo per attivare un comando senza aprire il menu.

Le scorciatoie sono una funzionalità di usabilità, non un comando separato. La stessa Voce di menu può essere raggiunta facendo clic su di essa o premendo la sua scorciatoia. Quando definisci una Voce di menu personalizzata in 4D, puoi assegnarle una scorciatoia, ed è buona norma seguire le convenzioni della piattaforma — ad esempio, utilizzando il tasto modificatore standard (Command su macOS, Ctrl su Windows) per azioni comuni come Salva o Stampa, in modo che la scorciatoia sembri nativa per gli utenti di ogni piattaforma.

Correlato: Knack — Un generatore di database senza codice rivolto a portali, directory e strumenti interni, con prezzi forfettari anziché tariffe per utente..

Sottomenu

Se è presente una freccia a destra di una voce di menu, facendo clic su di essa verrà visualizzato un Sottomenu. Un sottomenu è un menu annidato, ovvero un menu all’interno di un menu. Ti consente di raggruppare un gran numero di comandi correlati sotto un singolo elemento principale senza ingombrare il livello superiore.

I sottomenu sono utili quando una categoria ha molti membri. Invece di elencare venti comandi di report direttamente in un menu, potresti creare un singolo elemento “Report” che apra un sottomenu contenente tutti e venti. Il compromesso è la rilevabilità: i comandi sepolti un livello più in profondità richiedono un clic in più e un momento in più di ricerca, quindi riserva i sottomenu per gruppi veramente grandi o secondari.

Finestre del menu

Le voci di menu seguite da tre punti (ad esempio, “Condivisione …”), quando cliccate, mostreranno una finestra di menu con delle scelte. I puntini di sospensione finali sono una convenzione di interfaccia ampiamente seguita, non esclusiva di 4D: segnalano che la selezione dell’elemento non agirà immediatamente, ma aprirà invece una finestra di dialogo o una finestra che richiede ulteriori informazioni prima che accada qualsiasi cosa.

La nostra scelta: Claris FileMaker Pro — La piattaforma di database relazionale di lunga durata per i team che necessitano di app personalizzate su desktop, Web e dispositivi mobili da un singolo file..

Questa è una piccola ma importante distinzione per gli utenti. Una voce di menu senza puntini di sospensione svolge il suo compito nell’istante in cui fai clic su di essa. Una voce di menu con i puntini di sospensione è l’inizio di una conversazione: apre una finestra in cui effettui ulteriori scelte, per poi confermare o annullare.

La gerarchia dei menu in breve

Le parti descritte sopra formano una rigida gerarchia. Mantenere chiari i livelli è il modello mentale più utile che puoi portare nel resto di questa serie.

Livello	Termine	Cos’è	Esempio
1	Barra dei menu	La striscia orizzontale nella parte superiore dello schermo	L’intera barra contenente File, Modifica, Record…
2	Menu	Un’intestazione nominata sulla barra dei menu	”File”
3	Voce di menu	Un comando selezionabile all’interno di un menu	”Apri”
4	Sottomenu	Un menu annidato aperto da una voce di menu	”Report ▸“
—	Scorciatoia da tastiera	Simboli a destra di un elemento	⌘S / Ctrl+S
—	Finestra del menu	Una finestra di dialogo aperta da un elemento con ”…"	"Condivisione…”

Leggi la tabella dall’alto verso il basso e avrai la relazione di contenimento: la barra dei menu contiene i menu, i menu contengono le voci di menu e una voce di menu può aprire un sottomenu (un altro menu) o una finestra di menu (una finestra di dialogo). Le scorciatoie e i puntini di sospensione sono annotazioni delle voci di menu piuttosto che livelli separati.

Come decidere: guida pratica per la progettazione dei menu

Le definizioni sono utili solo se cambiano ciò che fai. Ecco come il vocabolario sopra riportato si traduce in decisioni concrete quando crei menu in 4D.

• Scegliere tra una voce di menu e un sottomenu. Se una categoria ha solo pochi comandi, elencali direttamente come voci di menu. Se ne ha molti, o se i comandi sono secondari, raggruppali sotto un sottomenu. Il costo dell’annidamento è un clic in più, quindi non annidare fine a se stesso.
• Decidere se utilizzare i puntini di sospensione. Aggiungi i punti finali ogni volta che la selezione dell’elemento apre una finestra o una finestra di dialogo che richiede ulteriori input prima che l’azione venga completata. Omettili quando il comando agisce immediatamente. La coerenza in questo senso addestra gli utenti a prevedere il comportamento.
• Assegnazione di scorciatoie da tastiera. Riserva le scorciatoie per i comandi che gli utenti utilizzano più spesso e segui le convenzioni della piattaforma, così che la memoria muscolare venga trasferita da altre applicazioni. L’assegnazione eccessiva di scorciatoie crea collisioni e confusione.
• Abilitazione e disabilitazione degli elementi. Una voce di menu che non è attualmente valida dovrebbe essere disabilitata (grigetta) piuttosto che lasciata cliccabile per poi fallire silenziosamente. Questa è una cortesia verso gli utenti e una fonte comune di segnalazioni di bug quando viene trascurata.
• Pianificazione della barra dei menu per contesto. Poiché 4D ti consente di scambiare le barre dei menu, decidi in anticipo se moduli o modalità diverse necessitano di menu di livello superiore differenti, o se una sola barra può servire l’intera applicazione.

Dove si inserisce nella serie

Questo articolo è volutamente fondamentale. Le definizioni di cui sopra sono il vocabolario condiviso su cui fa affidamento il resto della serie. Da qui, il materiale passa a confronti e raccomandazioni concrete:

• FMP vs. Menu 4D — come le convenzioni dei menu di FileMaker Pro differiscono da quelle di 4D, e cosa significa se stai migrando o lavorando in entrambi.
• Menu personalizzato 4D — costruire la propria struttura di menu invece di fare affidamento su quelle predefinite.
• Confronti menu File e Suggerimenti menu File — un’analisi comando per comando del menu File e di ciò che vi appartiene.
• Altri confronti di menu e Suggerimenti menu Record — lo stesso trattamento per i restanti menu, con un’attenzione particolare al menu Record a causa di quanto la navigazione tra i record sia centrale nel lavoro con i database.
• Schermata iniziale personalizzata — il tocco finale per un guscio di applicazione rifinito.

Se arrivi a 4D da un altro ambiente, i confronti saranno i più immediatamente utili. Se sei completamente nuovo nello sviluppo di database, dedica più tempo al materiale sul menu Record, poiché la navigazione tra i record è il pane quotidiano di qualsiasi applicazione basata sui dati.

Per i lettori che desiderano inquadrare questi concetti di interfaccia nella più ampia disciplina dell’interazione uomo-computer, il lavoro di Jakob Nielsen sulle euristiche di usabilità e le “otto regole d’oro della progettazione dell’interfaccia” di Ben Shneiderman sono riferimenti ampiamente citati sulla progettazione di menu e comandi; entrambi sono descritti in dettaglio su Wikipedia e nei libri di testo standard di HCI. Le convenzioni qui descritte — i puntini di sospensione per i dialoghi, gli stati disabilitati per i comandi non validi, le scorciatoie coerenti — sono applicazioni dirette di tali principi.

Domande frequenti

Qual è la differenza tra un menu e una voce di menu in 4D?

Un menu è un’intestazione nominata sulla Barra dei Menu, come “File” o “Record”. Una voce di menu è un singolo comando selezionabile all’interno di quel menu, come “Apri” o “Stampa”. Il menu organizza; la voce di menu esegue l’azione. Mantenere i due concetti distinti è importante perché aggiungere un comando e aggiungere un menu sono operazioni diverse.

Cosa significano i tre punti dopo una voce di menu?

Tre punti finali — i puntini di sospensione, come in “Condivisione …” — segnalano che la selezione della voce aprirà una finestra di menu o di dialogo anziché agire immediatamente. Ci si aspetta che l’utente effettui ulteriori scelte prima che il comando venga completato. Questa convenzione è comune a molte piattaforme, non solo a 4D, quindi gli utenti spesso la riconoscono istintivamente.

Cosa indica una freccia accanto a una voce di menu?

Una freccia a destra di una voce di menu indica che tale voce apre un Sottomenu — un menu nidificato contenente comandi aggiuntivi. I Sottomenu consentono di raggruppare molti comandi correlati sotto un unico elemento principale per mantenere ordinato il menu di livello superiore. Il compromesso è che i comandi nidificati richiedono un clic extra per essere raggiunti.

Le scorciatoie da tastiera sono la stessa cosa delle voci di menu?

No. Una scorciatoia da tastiera è semplicemente un modo alternativo per attivare una voce di menu esistente. I simboli mostrati a destra di una voce indicano quali tasti selezioneranno lo stesso comando senza aprire il menu. La voce e la sua scorciatoia fanno la stessa cosa; la scorciatoia è una comodità, non un comando separato.

Perché 4D si cura di distinguere tutti questi termini?

Perché l’editor di menu di 4D, il suo linguaggio di comando e la sua documentazione si basano tutti su queste distinzioni. Quando personalizzi i menu, manipoli menu, voci di menu e barre dei menu come oggetti separati. L’uso impreciso dei termini porta a incomprensioni con altri sviluppatori e a errori nel seguire le istruzioni o nel leggere il materiale di riferimento.

Devo comprendere i menu prima di creare moduli e tabelle?

È possibile progettare tabelle e moduli senza toccare i menu, ma non si può rilasciare un’applicazione rifinita senza di essi. I menu sono lo strumento con cui gli utenti raggiungono i comandi che guidano i tuoi moduli e manipolano i tuoi dati. Comprendere il vocabolario dei menu precocemente rende molto più fluido il lavoro successivo di configurazione di menu personalizzati, liste valori e navigazione.