Guida di stile

Componenti dell'interfaccia

Elementi di base

• Finestra principale
• Barra del titolo
• Barra degli strumenti
• Menu laterale
• Voci o elementi
• Schede: es. Dalla voce del menu Anagrafica: anagrafica, recapiti, impresa individuale e lavoro domestico...
• Pannello/corpo, non selezione della scheda che è il caso precedente
• Sezione: sinonimo di scheda/pannello

Controlli interattivi

• Pulsante
• Casella di testo: campo in cui l'utente può digitare informazioni;
• Radio button (Pulsante di opzione): per mettere subito in evidenza tutte le opzioni disponibili e se se le opzioni proposte sono meno di 5, si può scegliere una sola risposta;
• Checkbox (Casella di controllo): si può scegliere più di un'opzione e le opzioni proposte sono meno di 8;
• Combo box (casella combinata): controllo grafico (widget) che permette all'utente di effettuare una scelta scrivendola in una casella di testo o selezionandola da un elenco.

Elementi di navigazione

• Schede

Elementi di visualizzazione dati

• Tabella: Un'area organizzata in righe e colonne per visualizzare dati
• Elenco: Una serie di elementi disposti in modo verticale o orizzontale

Riferimenti testuali ai componenti dell'interfaccia

• Per indicare un pulsante, usare il grassetto
• Per il nome delle cartelle, usare l'italico
• Per gli identificativi dell'interfaccia con più di 2 parole, utilizzare i doppi apici ("virgolette"): es. "Non Applicare Mai"

N.B. Anche con le cartelle

• Per citazioni, usare l'italico: L'Inps comunica...
• Usare il punto e virgola per separare un elenco in cui i punti sono collegati l'uno con l'altro
• Eliminare le didascalie se sono banali/ovvie
• Parole come Hard disk, Cd, Pendrive: vanno scritte con la lettera Maiuscola
• Applicazione come Iubar Ftp Live: in grassetto
• Per segnalare errori: markup <pre></pre>

Struttura della pagina

• Livello di intestazione di partenza: 2, e poi si va a scalare
• Tranne casi particolari, non si inserisce l'introduzione e si parte direttamente con il testo.

Sigle

Le sigle sono indicate con sintassi "camel case" senza punti. Esempio: Tfr, UniEmens, Inps, AdE (Agenzia dell'Entrate)

Lessico

• Fare clic
• Pulsante (non tasto)
• Sequenze di azioni: Invece utilizzare la dicitura di "entrare al menu ALTRO --> Importa dati", utilizzare "dal menu Altro, selezionare la voce Importa Dati".

Come indicare la navigazione tra menu e schede:

• Esempio: Dal menu Anagrafica, selezionare "Persone fisiche" e poi Recapiti

Esempi

• Dal menu laterale selezionare la voce Anagrafica.
• Dal menu Anagrafica, selezionare la voce "Persone fisiche", quindi dal pannello principale selezionare la scheda Recapiti.
• Per capire differenza tra scheda e pannello: selezionare dalla scheda Irpef... all'interno del pannello...
• Come indicare una cartella: "Dati Paghe\Cu" (se c'è uno spazio, utilizzare gli apici)

Immagini

• Salvare le immagine nel formato PNG
• Se possibile, evitare il markup di immagini con attributothumb
• In merito alle caption, evitare quelle banali e mantenerle solo se aiutano a spiegare il contenuto dell'immagine, non utilizzare formati specifici (grassetto, italico ecc..).
• Allineamento a sinistra.

Dimensioni di cattura:

• Applicazioni Desktop: ...
• Applicazione Web: ----

Dimensioni di visualizzazione nella documentazione:

• ....

Strumenti

• Strumento di cattura di Windows 11
• ....

Template utili

• {{-}} : Quando si usano immagini flottanti (ovvero il markup dell'immagine include "left", "right" o "thumb") è obbligatorio usare il template, per evitare che il testo si affianchi all'immagine.

Altro

Percorsi

• Per formattare il nome dei percorsi, usare l'italico
• I percorsi che contengono almeno uno spazio, vanno racchiusi tra i doppi apici