Benchmarking dei siti concorrenti per la struttura del sito
Il nostro principale obiettivo è la realizzazione di un portal...
1. Visual.ly in dettaglio
La home offre degli spunti per l’organizzazione dei contenuti della nostra Main Page:
• overview...
La pagina dedicata alla singola infografica offre numerosi spunti per la nostra pagina Topic:
• la descrizione testuale de...
Inoltre, la descrizione del dataset può tornare utile per la suddivisione dei contenuti della
descrizione dell’infografica...
A seguito di questo lavoro, per illustrare schematicamente la nostra idea di organizzazione dei
contenuti, alleghiamo una ...
Wireframe – Main Page

6
Wireframe – Topic Page

7
Wireframe – Chi siamo

8
Wireframe – Progetto

9
Wireframe – Blog

10
Wireframe – Contatti

11
Wireframe – Copyright

12
Wireframe – FAQ

13
Wireframe – Links

14
Upcoming SlideShare
Loading in...5
×

Benchmarking competitors + Mappa del sito + Wireframe

176

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
176
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Benchmarking competitors + Mappa del sito + Wireframe "

  1. 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. 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. 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. 4. Inoltre, la descrizione del dataset può tornare utile per la suddivisione dei contenuti della descrizione dell’infografica: nome, descrizione, note, fonte. 4
  5. 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. 6. Wireframe – Main Page 6
  7. 7. Wireframe – Topic Page 7
  8. 8. Wireframe – Chi siamo 8
  9. 9. Wireframe – Progetto 9
  10. 10. Wireframe – Blog 10
  11. 11. Wireframe – Contatti 11
  12. 12. Wireframe – Copyright 12
  13. 13. Wireframe – FAQ 13
  14. 14. Wireframe – Links 14

×