Il sito Inpdap riconfigurato ospita tutte le informazioni, i dati e i servizi presenti nella versione che l´ha preceduto, con l´aggiunta di nuovi servizi e nuove sezioni per offrire ai visitatori una struttura e un´organizzazione usabile e accessibile, con un design grafico e di navigazione di facile e immediata comprensione.
Il sito ha, tra i suoi obiettivi, la razionalizzazione dell´organizzazione dei contenuti offerti dal sito Inpdap e, in generale, vuole assicurare che sia garantita al massimo:
l´usabilità, ossia la facilità con cui il visitatore esplora il sito, capisce come è strutturato e trova le informazioni che cerca o porta a termine un determinato compito
l´accessibilità, ossia la possibilità di fruizione delle informazioni presenti nelle pagine web da parte del maggior numero di persone possibile, indipendentemente da disabilità psico-fisiche e dalla dotazione di software e hardware a disposizione del singolo utente. Per realizzare il sito, infatti, si è posta particolare attenzione al rispetto dei principi dettati dalla Legge 4/2004 (detta anche Legge Stanca).
Il modello strutturale adottato, semplice e coerente con la comunicazione istituzionale, possiede linee guida basilari: uno schema classico e una struttura modulare, capace di accogliere nuovi canali a seconda delle esigenze.
La struttura è suddivisa in testata, colonna sinistra, corpo centrale, colonna destra e footer: in essa, ogni area è deputata a ospitare, senza ambiguità e incoerenze, analoghe categorie di sezioni e/o servizi.
Nel dettaglio:
Testata Oltre agli elementi di “corporate identity (il logo, il pay-off "Previdenza e non solo"), ospita i “Servizi in linea” e il relativo “Indice”, una guida al loro utilizzo. I “Servizi in linea” sono intesi come strumenti e procedure diretti agli utenti: e questi sono, di volta in volta, gli iscritti, i pensionati, gli Enti pubblici, i Patronati, i CAF e i Professionisti, i fornitori di servizi, gli operatori finanziari, il personale dipendente dell´Istituto.
Colonna sinistra È la parte istituzionale, dedicata alla descrizione organizzativa e funzionale dell´Istituto e delle attività di erogazione delle prestazioni. Si apre con “Filo diretto”, che raccoglie tutti gli strumenti per contattare l´Istituto, e subito dopo offre l´accesso a tre sezioni di pratica utilità: “Modulistica”, “FAQ” e “Quesiti”. Illustra, poi, l´Istituto e dà voce alla comunicazione istituzionale con “Inpdap comunica”. Raggruppa, quindi, in aree tematiche tutte le informazioni e gli approfondimenti su “Previdenza obbligatoria”, “Previdenza complementare”, “Contributi”, “Credito”, “Attività sociali”. La colonna prosegue con gli archivi documentali delle sezioni “Normativa”, “Concorsi e Gare”, “Patrimonio immobiliare” e, infine, ospita un´area speciale dedicata alla “Posizione Assicurativa”.
Corpo centrale Accoglie il "Giornale Inpdap" dedicato alla comunicazione e all´attualità: l´editoriale in primo piano, per approfondire di volta in volta un aspetto importante della vita dell´Istituto; gli “highlight”, focus su argomenti in evidenza e/o di nuova pubblicazione; le notizie e le novità, per fornire quotidianamente agli utenti informazioni e avvisi di sportello.
Colonna destra È l´area delle sezioni “speciali”, dedicate in primo luogo alla partecipazione (“Incontri” e strumenti di “Comunità”). La sezione "Incontri" illustra in modo nuovo e vicino alle persone, con brevi racconti di vita vissuta in Inpdap, un problema e la sua soluzione. Attraverso il caso presentato si arriva agli approfondimenti sull´argomento trattato, a una sintesi delle "cose importanti da sapere", ai link utili (interni o esterni al sito) per saperne di più. La colonna destra, inoltre, riserva un posto particolare al corso “Internet per cominciare”, diretto agli “over 65”.
Footer Fornisce strumenti di utilità e di servizio per un miglior utilizzo del sito (Guida al sito, Accessibilità, Redazione, Utilità, Note legali e Privacy, Feed RSS). Chiude visivamente la pagina.
Per il sito Inpdap non è prevista un´unica modalità di accesso all´informazione, ovvero non esiste una sola via per poter arrivare a un´informazione di dettaglio.
Le informazioni e i contenuti sono organizzati per categorie che corrispondono alle aree del sito.
Le aree sono organizzate in sezioni e sottosezioni e sono consultabili attraverso un sistema classico di menu e sottomenu:
menu principale (navigazione fissa), collocato nella colonna sinistra (in Home Page e in tutte la pagine di livello successivo)
menu di sezione e sottosezione (navigazione locale), collocati nella colonna destra (nelle pagine di livello successivo alla Home Page)
articolazione interna dei contenuti di dettaglio (navigazione contestuale)
Le altre modalità di accesso alle informazioni sono offerte da:
sezione "Incontri" che permette di arrivare all´informazione attraverso le storie di persone che lavorano all´Inpdap o che si rivolgono all´Inpdap per un problema
collegamenti a risorse correlate all´argomento in consultazione di una particolare sezione e collegamenti a siti esterni (navigazione trasversale).
Nelle pagine di secondo livello e in quelle successive (in sintesi, dopo la Home Page), la sezione "Incontri" scompare e il suo posto, nella colonna destra, viene occupato dagli elementi della navigazione locale di secondo e terzo livello (menu di sezione e sottosezione), più altri ereditati dalla Home Page e opportunamente contestualizzati.
In tutte le pagine di livello successivo alla Home Page, è presente il breadcrumb path (percorso di navigazione a briciole di pane). E´ collocato tra la testata e il resto della pagina e indica l´intero percorso che occorre fare – a partire dalla Home Page - per arrivare alla pagina del contenuto visualizzato. Il path è aggiornato contestualmente, permettendo all´utente di sapere in ogni istante “in quale parte del sito si trova”. Il primo elemento del path è la "Home", corrispondente alla Home Page del sito dell´Istituto. Tutti gli elementi che compongono il percorso sono selezionabili e conducono alle relative pagine: fa eccezione l´ultimo elemento, scritto in grassetto, che segnala la pagina corrente e, pertanto, non è associato a nessun link.
Il layout grafico del sito traduce in pratica il modello strutturale classico mirando a un equilibrio generale, a un´armonia globale e, soprattutto, a una maggiore riconoscibilità e identità.
La struttura del sito è di tipo "estendibile", ovvero i contenuti del portale si adattano orizzontalmente all´ampiezza della finestra, determinata dal browser utilizzato.
Ogni pagina del portale si rifà sostanzialmente allo stesso schema, mantenendolo inalterato o adattandolo alle circostanze. Questo permette non solo di mantenere un´alta coerenza delle informazioni, ma garantisce un orientamento immediato dell´utente e, quindi, una navigazione veloce.
La grafica è stata progettata e realizzata con l´obiettivo di:
garantire la riconoscibilità del Portale;
valorizzare le aree di contenuto e gli elementi di navigazione;
rispettare le capacità visive del più ampio numero possibile di utenti;
essere di facile e semplice utilizzo.
Le principali caratteristiche delle soluzioni grafiche adottate:
uniformità dello stile in tutte le pagine e in tutti gli elementi, al fine di creare familiarità e armonia e per conferire all´insieme un senso di unità e sinergia generale;
scelta dei colori, orientata ad ottenere un efficace contrasto che faccia balzare in primo piano i contenuti, in modo da favorire la lettura e la concentrazione sui testi e garantire l´adattabilità a qualsiasi risoluzione video e scheda grafica;
combinazione di colori, studiata in modo appropriato per consentire a ipovedenti, o a chi ha difficoltà di riconoscimento dei colori, di leggere agevolmente il contenuto della pagina e per garantire la compatibilità con tutti i tipi di monitor in circolazione;
struttura simmetrica e ordinata, per garantire la massima adattabilità agli schermi dei personal computer, consentire un´organizzazione razionale e funzionale del contenuto che lo renda immediatamente identificabile e leggibile;
suddivisione in box, viene studiata per consentire la massima flessibilità nelle modifiche di contenuto e/o inserimento di nuovi testi;
spazi bianchi (filler), studiati appositamente per enfatizzare gli elementi ed evitare un eccessivo affollamento e per attrarre l´attenzione su particolari informazioni.
