Realizza l'interfaccia del sito ASL

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 mobile dei principali flussi di interazione degli utenti con il sito di una ASL. 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 una ASL 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, nel file della libreria UI trovi, già assemblati, i layout hi-fi delle principali pagine del modello per presentarti la struttura delle pagine e un esempio di contenuto reale.

Personalizza l'interfaccia

Aggiungi il logo dell’ASL, scegli la giusta tipologia di header e imposta i colori primari e secondari.

Nel file della libreria UI, nel foglio "How to", trovi la Guida alla personalizzazione del modello. Questa guida 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à

A corredo della libreria UI, 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 nel file della libreria UI, nel foglio "Accessibilità".