3.3.1.1. I wireframe. Un wireframe è l’illustrazione a due dimensioni dell’interfaccia di una pagina. Ha come priorità:. l’organizzazione degli elementi interattivi e dei blocchi di contenuto nello spazio disponibile sullo schermo;. evidenziare le funzionalità disponibili. mostrare la sequenza di passaggi (userflow) che l’utente deve fare per concludere un processo;. Date queste priorità, i wireframe non comprendono stili, colore o grafica: possiamo chiamare questo tipo di wireframe anche wireframe lo-fi o mid-fi, o a bassa o media definizione. Tra i suoi scopi, il wireframe ha quello di mostrare le relazioni tra i contenuti del sito e i flussi di interazione, e condurre progressivamente l’utente al raggiungimento dei propri obiettivi. Questa funzione è assolta dai wireframe interattivi (o user flow), sequenze di wireframe che permettono di simulare il percorso dell’utente attraverso link e menù di navigazione. il wireframing fa largo utilizzo di pattern, ovvero di modelli di rappresentazione dei contenuti e forme di interazione standard nel mondo web. Il wireframe kit di Designers Italia presenta una serie di pattern che definiscono alcuni modelli di contenuto e forme di interazione tipiche dei siti e servizi della Pubblica Amministrazione Italiana e che facilitano il processo di prototipazione di un servizio offrendo una solida base da cui partire. Esempi di pattern sono il content type “scheda servizio”, che definisce il modello di presentazione di un servizio pubblico, oppure le modalità di interrogazione di un motore di ricerca. I modelli di pagina e di interazione sono costruiti attraverso una libreria di componenti come bottoni, campi di input, blocchi di testo, ecc. I componenti sono “i mattoncini” attraverso cui si costruiscono le interfacce, gli elementi base della grammatica che regola l’interazione tra l’utente e il sistema. Nel wireframe kit il focus è sulle tipologie di componenti e non sulle loro caratteristiche specifiche, che sono oggetto di definizione nella successiva fase di prototipazione ad alta fedeltà. Figura 1 - Un esempio di “wireframe”, o prototipo a “bassa fedeltà”. Nella Figura 1 è mostrato un esempio di prototipo costruito con un programma di design, ma per costruire un wireframe si possono usare diversi metodi, dalla carta ai numerosi software specifici presenti sul mercato. Figura 2. Wireframe interattivo (user flow) per il rinnovo della carta di identità:. Entro sul sito dedicato al rinnovo della carta d’identità. Seleziono la richiesta di rinnovo. Seleziono il Comune di appartenenza. Scelgo una data e ora tra quelle disponibili nel calendario. Ricevo conferma della prenotazione dell’appuntamento. 3.3.1.2. Il wireframe kit. Il prototipo a bassa fedeltà può essere modellato utilizzando il Wireframe Kit messo a disposizione da Designers Italia che può agire in diversi ambiti nella fase di design. Per creare l’architettura di un sito o di un’app utilizzando il Wireframe Kit, sarà quindi sufficiente scegliere e assemblare i componenti e i pattern di cui il kit è composto. Il Wireframe Kit è pubblicato su Github, una piattaforma che permette di visionare tutte le fasi di progettazione e sviluppo grazie al controllo di versione. Il wireframe kit è realizzato con il software Sketch, ma può essere esportato per utilizzarlo con altri software di prototipazione, se necessario. Vai al Wireframe kit di Designer Italia. Vedi i file sorgente del Wireframe Kit. Vedi la presentazione dei Wireframe Kit su InVision. Fig. 3.3 Figura 2 - Un esempio dei componenti presenti nel Wireframe Kit. Fig. 3.4 Figura 3 - Tipi di content type presenti nel wireframe kit. Fig. 3.5 Figura 4 - Pattern di ricerca: user flow. Fig. 3.6 Figura 5 - Un esempio di composizione dei componenti del Wireframe Kit per creare o adattare un content type alle esigenze del prototipo. Il software scelto per costruire il Wireframe Kit èSketch, uno strumento che permette la gestione dinamica dei simboli e la condivisione della libreria in modo trasversale a tutti i file su cui si intende lavorare. Sketch permette di cambiare le caratteristiche dei singoli elementi e personalizzarli in modo rapido e intuitivo. Alternativamente, è possibile importare il file Sketch in altri programmi di prototipazione, comeAdobe XD,Studio, oFigma. 3.3.1.3. Dai wireframe ai prototipi in alta fedeltà (hi-fi). Una volta costruito, testato e migliorato il wireframe a bassa fedeltà, possiamo passare alla realizzazione di un prototipo ad alta fedeltà (o hi-fi) per agevolare la comprensione e la condivisione del progetto, poter realizzare test e facilitare l’avvio della fase di sviluppo. A questo scopo potremo utilizzare. le linee guida relative alla user interface e all’architettura dell’informazione, il kit per l’architettura dell’informazione e lo Ui Kit di Designers Italia, un set di componenti visive già pronte per assemblare l’interfaccia di un sito o di un’app,. le linee guida relative ai contenuti e il content kit, una serie di standard per il linguaggio da utilizzare nei siti e nelle app della Pubblica Amministrazione seguendo le linee guida per i servizi digitali della Pubblica Amministrazione ...

La progettazione di un ambiente digitale si basa sui risultati delle attività di user research e co-progettazione con gli utenti, usate per far emergere i bisogni effettivi delle persone per cui si sta progettando. Un buon metodo di lavoro può essere la stesura di liste di bisogni ordinate per priorità, ai quali affiancare la relativa funzione da progettare per soddisfarli. Tra gli strumenti a disposizione per affrontare questa fase, uno dei più utilizzati è quello delle user stories, che permette una rappresentazione ordinata delle azioni che il sistema dovrà realizzare per rispondere ai bisogni dei diversi utenti coinvolti. La fase successiva del processo di progettazione è la creazione di prototipi che - dando forma al servizio - consentano al gruppo di lavoro di esplorare rapidamente una o più soluzioni alternative. È questo lo scopo della prototipazione: utilissima per verificare e comunicare le principali funzioni d’uso di un prodotto e offrire un’idea dell’ambiente informativo in cui l’utente si troverà a interagire per raggiungere il proprio scopo. Il prototipo permette infatti la simulazione di uno o più scenari d’uso del servizio, riproducendo l’esperienza che l’utente avrà con il servizio prima ancora di iniziare a svilupparlo. In sintesi, progettare un servizio significa tradurre i bisogni degli utenti in funzioni e rappresentare queste funzioni all’interno di un ambiente informativo facile da comprendere per le persone che lo usano. Alla prototipazione di un servizio concorrono tutte le specializzazioni del design, che contribuiscono a delineare in modo più preciso questo ambiente, proponendo dei modelli di user interface e di content design che verranno consolidati attraverso una serie di iterazioni sul prototipo, fino a raggiungere una forma stabile. Una formalizzazione chiara dei bisogni degli utenti è anche funzionale a mettere a fuoco le funzionalità del software che dovrà realizzarli, per esempio per capire se questo software è già disponibile presso l’Amministrazione o altre Amministrazioni, oppure se e come deve essere sviluppato o modificato ...

Qui puoi trovare indicazioni per scrivere, strutturare, impaginare e gestire i tuoi contenuti, in modo da renderli efficaci e di facile utilizzo per gli utenti. In questa sezione trovi indicazioni per scrivere con uno stile semplice e chiaro, revisionare e gestire il contenuto nel modo più efficace, di immediata comprensione per gli utenti a cui ti rivolgi. L’obiettivo di questa sezione è aiutarti a creare dei contenuti che permettano all’utente di:. orientarsi tra i contenuti proposti. capire cosa fare in relazione ai loro obiettivi. Troverai regole sull’accessibilità, sulla punteggiatura e indicazioni e accorgimenti per migliorare il tuo approccio ai contenuti, mettendo al centro le esigenze degli utenti. Puoi sfogliare le varie sezioni in cui abbiamo diviso i suggerimenti di scrittura, oppure usare la casella di ricerca. Queste regole sono aperte a modifiche e nuovi spunti:. Invia una proposta di modifica su GitHub. ...

Una guida sul tono di voce da utilizzare sui siti della Pubblica Amministrazione, a seconda delle attività e dei bisogni del cittadino. Il cittadino che visita un sito della Pubblica Amministrazione ha uno stato d’animo differente a seconda dei suoi obiettivi e di ciò che sta facendo (es. pagare un servizio online; cercare un’informazione; recuperare una password perduta). Il linguaggio della Pubblica Amministrazione deve adeguarsi a questi diversi approcci, rispondendo con un tono di voce adeguato. In questa sezione trovi alcuni esempi del tono di voce da utilizzare in alcune situazioni tipiche in cui la Pubblica Amministrazione comunica con i cittadini. In ogni voce troverai il caso d’uso preso in considerazione, il probabile stato d’animo dell’utente e un esempio di tono di voce con cui la Pubblica Amministrazione deve rispondere. Questi esempi sono aperti a modifiche e nuovi spunti:. Invia una proposta di modifica su GitHub. ...

Un elenco di parole della Pubblica Amministrazione, che in forma di glossario spiega (senza pretese di esaustività) in che modo scrivere alcuni termini ricorrenti nei servizi pubblici. In questa guida trovi una selezione di termini associati alla Pubblica Amministrazione che generano spesso dubbi di ortografia. Abbiamo elencato anche diversi esempi di termini tipici del contesto burocratico della Pubblica Amministrazione (cosiddetto “burocratese”) che possono essere sostituiti con parole più semplici senza perdere significato. Usa la casella di ricerca per trovare risposte ai tuoi dubbi!. Questo elenco è per definizione parziale, puoi aiutarci a completarlo. Invia una proposta di modifica su GitHub. In alcuni casi esistono più alternative corrette relative alla grafia di un singolo termine. Abbiamo preferito fare una scelta, per favorire la diffusione di uno standard. ...

Suggerimenti e strumenti per il linguaggio dei servizi digitali della Pubblica Amministrazione. La guida al linguaggio della Pubblica Amministrazione è uno strumento per aiutarti a creare e gestire i contenuti di siti o altri servizi digitali pubblici. La guida al linguaggio è parte del kit di Designers Italia dedicato alla progettazione, gestione e produzione di contenuti nei siti della Pubblica Amministrazione. Vai al content kit. I kit sono strumenti operativi per attuare le linee guida di design dei servizi digitali della Pubblica Amministrazione. Vai alle linee guida sui contenuti. . La guida è divisa in tre parti:. dei suggerimenti di scrittura, dove puoi trovare indicazioni per scrivere, strutturare, impaginare e gestire i tuoi contenuti, in modo da renderli efficaci e di facile utilizzo per gli utenti;. una guida sul tono di voce da utilizzare sui siti internet della Pubblica Amministrazione, a seconda delle attività e dei bisogni del cittadino. Questa guida è un progetto aperto alle modifiche e ai suggerimenti di tutti. Per partecipare alla sua evoluzione, puoi contribuire scrivendo sulla sezione apposita di Forum Italia, oppure creare delle issue e delle pull request direttamente su GitHub. ...

Evita l’utilizzo di questo termine, che appartiene a un linguaggio burocratico per indicare un intervallo di tempo. A seconda del contesto, usa termini più semplici, facilmente comprensibili a tutti. Usa. In attesa del giudizio del tribunale. Non usare. Nelle more del giudizio del tribunale. . . newsletter. Il termine usato in italiano è femminile ...

L’iniziale è maiuscola quando ci si riferisce a una nazione in particolare, come sinonimo di Stato. In tutti gli altri casi è minuscola. . . pagoPA. Il sistema di pagamenti online della Pubblica Amministrazione. La prima lettera è minuscola. . . Parlamento. L’iniziale è sempre maiuscola. Usa. Parlamento della Repubblica Italiana. Parlamento italiano. Parlamento europeo. . . Pin, codice Pin. La prima volta che appare nel testo, aggiungi la parola “codice” prima di “Pin”. Solo la prima lettera è maiuscola. . . posta elettronica certificata, Pec. Solo la prima lettera dell’acronimo è maiuscola. La dicitura per esteso non richiede maiuscole. . . Presidente del Consiglio dei ministri. Le iniziali di “Presidente” e “Consiglio” sono maiuscole. Al femminile resta invariato (la Presidente). . . Presidente della Repubblica. Le iniziali di “Presidente” e “Repubblica” sono maiuscole. Al femminile resta invariato (la Presidente). . . Procura della Repubblica. Entrambe le iniziali sono maiuscole. . . Protezione civile / Dipartimento della protezione civile. Solo la prima iniziale è maiuscola, anche quando si scrive “Dipartimento della protezione civile”. . . Pubblica Amministrazione, PA. Scrivilo per esteso, almeno la prima volta: dopo puoi usare l’acronimo. Le iniziali sono maiuscole. . . pubblico ministero, PM. Nella versione estesa, entrambe le iniziali sono minuscole. L’acronimo è maiuscolo. Al femminile resta invariato (la pubblico ministero) ...

Preferisci la dicitura completa. Nell’acronimo, solo la prima lettera è maiuscola. . . Testo Unico. Scritto per esteso, le iniziali sono maiuscole. . . tool. Preferisci il termine in italiano “strumento”. . . touch screen. Sono due parole separate. Puoi usare anche la forma italiana “schermo tattile” ...

Preferisci “online”, anche se tutte e tre le versioni sono corrette. Ricordati di usare con uniformità la variante che scegli ...

Si tratta di un termine tecnico del marketing. Trova termini più semplici per descrivere i progetti futuri della pubblica amministrazione, per esempio “scenario futuro” o “obiettivi di lungo periodo” ...

Assieme alle altre possibili grafie (“HelpDesk”, “help-desk”), questo termine dovrebbe essere sostituito con “assistenza”, “servizio di assistenza” o altri termini simili in italiano ...