Benchmarking architettura dell'informazione competitors + mappa del sito + wireframe.

1. Benchmarking dei siti concorrenti per la struttura del sito
Il nostro principale obiettivo è la realizzazione di un portale di infografiche realizzate con dati
aperti, perciò la nostra prima attività di benchmarking si è focalizzata:
• sull’analisi di alcuni siti autorevoli nel panorama delle infografiche e dei dati aperti;
• sulla ricerca delle best practice per la realizzazione della struttura del sito.
Il presente lavoro descrive i risultati dell’attività di benchmarking condotta sui siti:
1. Visual.ly
2. Datiopen.it
1. Visual.ly è un portale di infografiche. Gli aspetti da prendere in considerazione sono:
• la chiarezza e l’efficacia del visual design
• la navigazione principale composta da un menù iconografico suddiviso in topic.
2. Datiopen.it è un portale di tutti i dataset italiani. Gli aspetti da prendere in considerazione sono:
• il formato dei dati: i dati sono visualizzabili in tabelle, grafici e mappe interattive
direttamente sul sito
• le voci del menù PROGETTO, COPYRIGHT, FAQ, LINKS che possono essere fonte di
ispirazione per la nostra navigazione secondaria (il menù del footer)
3. Entrambi i siti hanno un blog in cui si parla di infografiche e Open Data, da qui è nata l’idea di
avere un blog in cui trattare le stesse tematiche.
1

2. 1. Visual.ly in dettaglio
La home offre degli spunti per l’organizzazione dei contenuti della nostra Main Page:
• overview delle infografiche
• un sistema navigazione principale composto da un menù iconografico suddiviso in topic
2

3. La pagina dedicata alla singola infografica offre numerosi spunti per la nostra pagina Topic:
• la descrizione testuale dell’infografica + codice to embed
• il conteggio delle visualizzazioni
• la condivisone sui social media
2. Datiopen.it in dettaglio
Alcune voci del menù (progetto, faq, links e copyright) e le relative pagine possono essere fonte di
ispirazione per le voci del nostro menù secondario.
La pagina dedicata al singolo dataset permette la visualizzazione dei dati, in tabelle, grafici e
mappe, a noi può interessare la visualizzazione dei dati in tabella.
3

4. Inoltre, la descrizione del dataset può tornare utile per la suddivisione dei contenuti della
descrizione dell’infografica: nome, descrizione, note, fonte.
4

5. A seguito di questo lavoro, per illustrare schematicamente la nostra idea di organizzazione dei
contenuti, alleghiamo una mappa del sito e dei wireframes .
Mappa del sito
Wireframe - Home
5

6. Wireframe – Main Page
6

7. Wireframe – Topic Page
7

8. Wireframe – Chi siamo
8

9. Wireframe – Progetto
9

10. Wireframe – Blog
10

11. Wireframe – Contatti
11

12. Wireframe – Copyright
12

13. Wireframe – FAQ
13

14. Wireframe – Links
14