Benchmarking competitors + Mappa del sito + Wireframe

  • 130 views
Uploaded on

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

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

More in: Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
130
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
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