+ All Categories
Home > Design > Il nuovo sito to.camcom.it

Il nuovo sito to.camcom.it

Date post: 26-Jun-2015
Category:
Upload: pietro-izzo
View: 196 times
Download: 3 times
Share this document with a friend
Description:
Slide presentate al Webinar del Formez "Usabilità a colpo d’occhio: siti web PA facili da usare" (27 Marzo 2014)
16
Il nuovo sito to.camcom.it
Transcript
Page 1: Il nuovo sito to.camcom.it

Il nuovo sito to.camcom.it

Page 2: Il nuovo sito to.camcom.it

I NUMERI DEL PROGETTO

Test di usabilità10 task, 15 utenti, 10 interviste, 4 tornate test alberatura (2011-12)Valutazioni accessibilità2 report: LAU del CSI Piemonte e Progetto Web-Abile (2012-13)

Page 3: Il nuovo sito to.camcom.it

I NUMERI DEL PROGETTO

8 mesi di lavoroDalla progettazione (luglio 2013) al rilascio (febbraio 2014)Budget per comunicazione on lineTra 15K e i 20K € per un progetto “intermedio” che poi è diventato definitivo

Page 4: Il nuovo sito to.camcom.it

I NUMERI DEL PROGETTO

119 persone coinvolte12 super-editor e 107 editor nelle aree dell’enteFormazione internaRiunioni mensili super-editor e sessioni formative editor

Page 5: Il nuovo sito to.camcom.it

I NUMERI DEL PROGETTO

5.500 pagine da gestireAl netto di 1.500 cancellate, 250 riprogettate, e il lavoro continua…Da 5 a 3 livelliL’appiattimento progressivo dell’architettura del sito

Page 6: Il nuovo sito to.camcom.it

LE LINEE GUIDA

pulizia

aggiornabilitàinterconnessione

multicanalità appealfocus

leggibilità semplificazione concentrazione

usabilità

Page 7: Il nuovo sito to.camcom.it

IL RESTYLING GRAFICO

Palette di coloriSemplice e contrastata, colori istituzionali combinati in modo non “pesante”Sfondo biancoMaggiore pulizia e leggibilità, pagine meno stancanti

Page 8: Il nuovo sito to.camcom.it

IL RESTYLING GRAFICO

Testi più leggibiliGoogle fonts, maggior corpo e spaziatura, maggior contrastoParagrafi espandibiliMaggiore chiarezza nell’organizzazione dei blocchi di testo, per approfondire

Page 9: Il nuovo sito to.camcom.it

IL RESTYLING GRAFICO

Uso più frequente di fotografieFoto CC free, scelte con attenzione particolare e lavorate dalla redazioneCanale video su YouTubeVideo “open”, riutilizzabili e facilmente embeddabili

Page 10: Il nuovo sito to.camcom.it

IL BACK OFFICE

La piattaforma regionale piemonteseFino al 2013 centralizzata dal punto di vista grafico (Unioncamere Piemonte)Un’architettura che rimane vecchiaHosting Infocamere, back office Zope (2001, implementato negli anni)

Page 11: Il nuovo sito to.camcom.it

IL BACK OFFICE

Un solo modello di paginaAltamente personalizzabile e semplice da usare (prima c’erano 26 template)10 moduli utilizzabili per un modelloImmagini, testi, testi+immagini, griglie loghi, paragrafi a scomparsa…

Page 12: Il nuovo sito to.camcom.it

IL BACK OFFICE

Correlazione tra file e pagineIn ogni pagina è possibile abbinare box per moduli, norme, manualiUtilizzo più esteso dei tagPer correlare contenuti diversi in base all’argomento comune

Page 13: Il nuovo sito to.camcom.it

IL LAVORO DI REDAZIONE

Cambiamento culturale e organizzativoLe sacche di resistenza sono molte, le fronteggiamo con la comunicazioneUna disposizione organizzativa per il webIl Segretario Generale individua ruoli e responsabilità (per la prima volta dal 2001)

Page 14: Il nuovo sito to.camcom.it

IL LAVORO DI REDAZIONE

Main pages dedicateOgni settore ha la sua area web di competenza, vere e proprie sotto-homepageGestione editorialeOgni supereditor cura le proprie main pages a livello di testi e grafica

Page 15: Il nuovo sito to.camcom.it

IL LAVORO DI REDAZIONE

Un impegno costanteIl restyling sarà considerato chiuso probabilmente a fine 2014Cosa resta da fare?Revisione testi, correlazione file, potatura rami, uniformità grafica…

Page 16: Il nuovo sito to.camcom.it

Grazie per l’[email protected]


Recommended