Panoramica siti Panoramica siti AUSL da cui trarre AUSL da cui trarre spunti per la nuova spunti per la nuova

graficagrafica

Nicola PolettiNicola PolettiStaff ComunicazioneStaff Comunicazione

Prima di iniziareLa panoramica che segue

non pretende di essere completa: tra i siti delle Ausl italiane presentati dal Ministero, sono stati scelti SOLO quelli che sembravano meglio progettati e realizzati (o che presentavano elementi originali).La scelta è stata fatta a discrezione di chi scrive, in base all’impatto visivo dei siti e ad una rapida navigazione dell’Home Page (da qui, HP).La maggiore attenzione è stata prestata ai siti regionali.

Prima di iniziareL’analisi è stata condotta

secondo tre linee distinte, con focus su:• struttura, organizzazione e presentazione dei contenuti (percorsi di navigazione, acceleratori, ricerca interna)• impostazione grafica (scelta font, colori, posizionamento elementi, etc.)• strumenti e funzioni particolari

Note1.Per facilitare la lettura e la

comprensione dell’analisi, in ogni slide si trova il link al sito in questione (nel nome dell’AUSL in alto)

2. GLOSSE: barra di intestazione (parte in alto, con logo dell’azienda); menù orizzontale (serie di voci sotto la barra d’int.); menù a sx e a dx (elenchi di voci nelle bande laterali); organizzazione/org. dei contenuti (come sono presentate le voci in HP); organizzazione/org. grafica (scelta dei colori e font, uso di riquadri,etc.).

3.Sempre per chiarezza, ho inserito in maiuscolo il MIO PERSONALE GIUDIZIO sugli strumenti dei siti (INTERESSANTE; BUONO; OTTIMO; ECCELLENTE)

Ausl Modenawww.ausl.mo.it

+ -•OTTIMA org contenuti (menù orizzontale)•OTTIMI Menù a sx e dx: da un lato azienda, dall’altro servizi•Organizzazione grafica elementi (OTTIME categorie)•Divisione tra ‘news’, ‘In primo piano’ e ‘eventi ‘

•Troppe info, rischio confusione (N.B. come si fa a ridurre caos se vogliamo mettere tutto in HP?)• Nel menù a sx c’è confusione quando si ‘esplode’ una voce (gradazione colore diversa?)• Impostazione ALL NEWS, va dato risalto ad altro!

Ausl Modenawww.ausl.mo.it

+ -•Sezione campagne a fondo schermata•Menù a dx: OTTIME sezioni specifiche (‘Dedicato a’, ‘Come fare per’, ‘Aree Tematiche’)•Nel menù sx link con icona ai servizi aziendali, TUTTI gli altri link sono a fondo pagina

Ausl Bolognawww.ausl.bo.it

+ -•OTTIMA org int. contenuti•Menù orizzontale in alto e a sx: OTTIMI e orientati all’utente (vedi ‘Come sta Bologna’ e Sez. tematiche)•Suddivisione news, insieme a motore ricerca interno per prestaz.; calendario •Portale Salute Bologna + canale Youtube

•Font diversi per titoli e news•Colori e sfondi rivedibili•Troppe sottolineature, testi pesanti•Link ai lati dentro cornici e centrati male

Nota BeneCome nella maggioranza dei siti, in quello di Bologna il dettaglio dell’ org. dettaglio dell’ org. aziendale sta TUTTO aziendale sta TUTTO dentro la voce ‘Chi dentro la voce ‘Chi siamo’siamo’..

Il contenuto del sito è articolato sui SERVIZI che l’Azienda offre e sui possibili BISOGNI dei cittadini.

Ausl Ravennawww.ausl.ra.it

+ -•Scelta colori: buona scelta ma brutte tonalità•Tabella ‘Come fare per’: OTTIMA come primo elemento in HP; per ogni possibilità, molte categ. (allegati, prestazioni, link)•Menù a dx = cittadino; a sx = azienda

•Navigabilità caotica (PESSIMA org. Dei contenuti)•Problemi con l’ingranditore di testo

ASL Cremonawww.aslcremona.it

+• ECCELLENTE impostazione grafica (il sito è

pulito e odrinato; resta SEMPRE in una sola schermata ma COMUNQUE da accesso a tutte le informazioni)

• ECCELLENTE menù a sx, c’è TUTTO quel che serve in 7 voci

• ECCELLENTE la barra di intestazione: ci sono anche i recapiti aziendali e gli argomenti più cercati (‘In Primo Piano’)

• ECCELLENTE il menù a fondo pagina, ‘Devo Fare o Avere’, e quello a dx ‘La ASL per’

ASL Città di Milanowww.asl.milano.it

+• ECCELLENTE impostazione grafica (il sito è

pulito e odrinato; tonalità di UN colore)• ECCELLENTE org. contenuti, nel menù

orizzontale c’è TUTTO quel che serve in SOLE 3 voci (‘Guida ai servizi’, tutto quel che si può fare e dove; ‘Dip. e uffici’ tutta l’articolaz. Aziendale; ‘Aree Riservate’, INTRAnet)

+• ECCELLENTE Menù ‘In primo piano’,

animato: qui ruotano le News più importanti, con riassunto e immagine (a fianco, ‘Altre News’)

• ECCELLENTE Suddivisione contenuti in 4 aree tematiche, sotto l’immagine

• Nella barra di intestazione, link ‘Numeri Utili’

• A fondo pagina, ulteriore menù tematico

ASL Vicenzawww.ulssvicenza.it

+• SPLENDIDA org. grafica, sia nella scelta

colori che nella disposizione dei contenuti; POCHE IMMAGINI, il sito risulta leggero e si naviga velocemente

• A sx menù ‘Trova subito’, con tutti i contenuti più interessanti (tipo nostri hotlink ma MOLTI meno)

• La HP si apre col box ‘Azienda’; sotto, 3 ricerche di prestazioni/servizi divise per ambito (bella idea: non molto utile se uno non sa, ad es., cosa sono i servizi territoriali); OTTIMO in basso a dx box ‘Utilità’

• OTTIMI anche i menù in alto e a piè di pagina

• OTTIMO equilibrio tra news e servizi (vs. Modena)

ASL Arezzowww.usl8.toscana.it

+• ECCELLENTE impostazione grafica, sia

colori che contenuti (ottimi bottoni a fianco immagine principale, BUONI i 3 box sotto l’immagine,...) copiabile

• ECCELLENTE barra di intestazione con alcuni recapiti

• C’è SOLO il menù orizzontale, OTTIMO• News disposte su due colonne

ASL Trevisowww.ulss.tv.it

+• SPLENDIDA org. grafica, INNOVATIVA: in

HP immagine dinamica, suddivisione in 3 percorsi di navigaz. (‘Cittadino’, ‘Impresa’, ‘Operatore’) con dentro informazioni dedicate organizzate in OTTIME categorie (es. ‘Cittadino’ > Desiderare un figlio; Crescere; Guidare)

• ECCELLENTE la barra verde in HP (‘Informazioni veloci’), sorta di hotlink fatti meglio

• Scendendo, si trova anche un sondaggio sui servizi

rispetto al nostro sito è una RIVOLUZIONE: comunque è da tenere presente per il futuro

ASL Città di Castellowww.asl1.umbria.it

+• Sito MOLTO ORIGINALE E INTERESSANTE:

in Home Page solo immagine, motore di ricerca dei Servizi e un numero verde + 4 aree (‘Cittadini’, ‘Notizie’, ‘L’Azienda’, ‘Operatori’)

• Le 4 aree sono percorsi di navigazione: tutto il sito è diviso in base a queste macro-categorie

ASL Perugiawww.asl2.umbria.it

+• Menù orizzontale simile al nostro, ma

migliore• OTTIMA barra di intestazione, con link ai

Distretti e alle strutture di degenza; in più c’è il motore di ricerca

• Sotto, 6 macro-categorie OTTIME per l’utente (‘Servizi ai cittadini’, ‘...alle imprese’, ‘Per gli operatori’, ‘Ricerca prestazioni’, ‘Ausl informa’)

ASL Bellunowww.ulss.belluno.it

+• Sito stretto, non occupa tutta la pagina• OTTIMO box di News centrale, e a fianco 5

pulsanti veloci per macrocategorie più richieste dagli utenti

• 3 colonne di hotlink con tutte le articolazioni aziendali: OTTIME le categorie, da copiare

ASL Pieve di scogliowww.ulss7.it

+• INTERESSANTE box a dx, ‘Le prestazioni e i

servizi per:’ con scelta tra 3 ambiti ‘Età della vita’, ‘Vita quotidiana’ e ‘Fragilità’

• Pop up per chiedere donazioni all’hospice: può interessarci?

In GENERALE• Ci conviene ispirarci ai siti

regionali per i nomi delle categorie, gli acceleratori e l’org. interna dei contenuti. Per la grafica e la disposizione degli elementi è meglio guardare fuori RER

• In tutti i siti analizzati emerge l’importanza della ridondanza dei contenuti, cui si può arrivare da molti percorsi di navigazione diversi (vs. nostro sito: contenuti replicati molte volte)

In conclusionePrima di riflettere su quale sia il miglior modello da ricalcare per reimpostare il nostro, teniamo conto che in quasi tutti i sitiin quasi tutti i siti visitati:1. lo sfondo è bianco o

comunque molto chiaro2. se ci sono molte news in

HP, sono suddivise in categorie simili a quelle di Saluter (informazioni sui servizi / eventi, calendario / novità aziendali)

3. è presente qualche tipo di animazione Flash (box con News o immagini che girano)

In conclusione/24. per indicare dove sono

erogate le prest., si ricorre a mappe di Google (es. Salute Bologna)

5. si tende a lasciare un po’ di spazio nel margini laterali, per evitare che il sito riempia tutta la schermata

6. si garantice ACCESSIBILITÀ con la possibilità di aumentare/ridurre le dimensioni del font E di scegliere una visualizzazione ad alto contrasto – cambiando lo sfondo per vedere meglio (Ravenna in alto a dx; ma soprattutto Vicenza)