Realizza l'interfaccia del sito del museo civico

Assembla l’interfaccia web e aggiungi i contenuti per dare forma al sito del museo civico

Attività del modello

Interfacce intuitive e accessibili

Un buon sito web presenta interfacce intuitive, inclusive, accessibili e che non portano a errori di interazione.

La costruzione dell’interfaccia è una delle fasi finali della realizzazione o del rifacimento di un sito web. Le risorse di questa attività ti aiutano ad assemblare velocemente l’interfaccia utente tramite componenti (tipografia, pulsanti, icone, navigazione) già validati e con uno stile visivo coerente con le altre Pubbliche Amministrazioni.

Esplora i prototipi

Abbiamo creato i prototipi desktop dei principali flussi di interazione degli utenti con il sito di un museo. Comprendere a fondo le funzionalità del modello è fondamentale per affinare la progettazione del touchpoint digitale e dei contenuti prima dello sviluppo.

Assembla l'interfaccia

La libreria dei componenti UI ti permette di creare rapidamente il front-end del sito di un museo indipendentemente dalle soluzioni tecnologiche adottate dall’ente. La libreria è basata sullo UI Kit di Designers Italia e su Bootstrap Italia, alle quali sono stati integrati alcuni elementi aggiuntivi caratterizzanti del modello.

Per facilitare il lavoro, sempre nella libreria UI, trovi già assemblati i layout hi-fi delle principali pagine del modello che presentano la struttura delle pagine e un esempio di contenuto reale.

Personalizza l'interfaccia

Aggiungi il logo del museo, scegli la giusta tipologia di header e imposta i colori primari e secondari.

La guida alla personalizzazione del modello, disponibile nella libreria dei componenti UI nel foglio "How to", ti aiuta a creare un sito con una resa grafica fluida, accessibile e che rispecchia al meglio l’identità visiva dell’ente di riferimento.

Controlla l'accessibilità

Abbiamo aggiunto delle annotazioni di accessibilità per aiutarti a interpretare e implementare correttamente il modello in conformità con le linee guida WCAG 2.1. Le trovi nella libreria dei componenti UI nel foglio "Accessibilità".