Your SlideShare is downloading. ×
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Benchmarking competitors + Mappa del sito + Wireframe
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Benchmarking competitors + Mappa del sito + Wireframe

165

Published on

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

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
165
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 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

×