• Save
Benchmarking competitors + Mappa del sito + Wireframe
Upcoming SlideShare
Loading in...5
×
 

Benchmarking competitors + Mappa del sito + Wireframe

on

  • 279 views

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

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

Statistics

Views

Total Views
279
Views on SlideShare
277
Embed Views
2

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 2

https://www.linkedin.com 2

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Benchmarking competitors + Mappa del sito + Wireframe Benchmarking competitors + Mappa del sito + Wireframe Document Transcript

  • 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
  • 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
  • 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
  • Inoltre, la descrizione del dataset può tornare utile per la suddivisione dei contenuti della descrizione dell’infografica: nome, descrizione, note, fonte. 4
  • 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
  • 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