Intranet Design

Click here to load reader

download Intranet Design

of 35

  • date post

    01-Sep-2014
  • Category

    Documents

  • view

    8.089
  • download

    1

Embed Size (px)

description

Principi di base di design intranet. Architettura informativa, home page

Transcript of Intranet Design

  • Principi di base di Intranet Design
  • - Tipi di Strutture - E la pi usata Sito Blog Portale
  • - Alcuni principi di progettazione in intranet - Rapporto contenuti/navigazione = 80% - 20% Uso dei template Header rigoroso e funzionale Men principale ripetuto in tutte le pagine Briciole di pane per la navigazione in profondit Se, possibile, pochi livelli di profondit Grafica essenziale e uso di elementi ricorrenti Architettura informativa rigorosa Uso corretto della home
  • Contenuti Navigazione Navigazione Motore - Il rapporto contenuti/navigazione - Tagline Logo 80% 20%
  • - Header - In genere pu contenere Logo Tagline Motore di ricerca Men servizi personali (Il mio profilo, la mia posta, i miei messaggi) Men principale o servizi importanti Casella cercapersone
  • Progettare lo spazio web - Sezione a destra - In genere pu contenere Accesso rapido a servizi chiave Quick links a parti profonde Instant polI Instant content (Meteo, Borsa) Elementi di communty Accesso agli applicativi aziendali
  • Progettare lo spazio web - Sezione a Sinistra - In genere pu contenere Men principale Men contestuali Link rapidi Finestre su servizi chiave
  • Progettare lo spazio web - Footer - In genere pu contenere Richieste di feed-back Data delle pagine Accesso pagina redazione Quanti sono connessi in questo momento Referenti delle pagine
  • - Un buon esempio di footer - Titolo pagina Data ultima modifica pagina Responsabile dei contenuti della pagina Riferimenti per questioni sul contenuto Riferimento per questioni tecniche
  • - Errori di progettazione intranet - Header tropo alto Piazzare loghi, claim e tagline in modo troppo evidente e invadente Killer utility nascoste Tenere nascoste le utility principali, in nome delleleganza Architettura a organigramma Rispecchiare meccanicamente lorganigramma aziendale Poche informazioni Non sfruttare le home page in maniera ricca Troppe informazioni Eccedere nel numero di informazioni presenti No filtri Non usare spazi vetrina per evidenziare contenuti
  • - Raggruppare i contenuti - Una volta definiti i contenuti occorre raggrupparli ed ordinarli, in modo da ottenere larchitettura informativa e i men di navigazione . Questa operazione deve rispecchiare il pi possibile le abitudini, le priorit e la mappa mentale delle persone che useranno la intranet.
  • - Il card sorting -
    • Si mostrano a gruppi di persone dei post it che elencano i diversi contenuti della intranet e si chiede loro
    • Di raggrupparli in modo omogeneo
    • Di dare un nome ai ragguppamenti
    • Di definire quali sono per loro i conenuti prioritari
    • In un lasso di tempo definito ( 30-40 minuti )
    • Questi raggruppamenti e i loro nomi diventano la bozza di architettura informativa della intranet
    Sito
  • - Definizione dellarchitettura - Grazie al lavoro di card sorting e alla mappa dei contenuti possibile definire larchitettura informativa, ovvero I diversi men di navigazione I sottomen I label delle diverse voc Questa architettura diventa linfrastruttura informativa di tutte le pagine della intranet
  • - Tre tipi di architettura - Per categorie Modello con contenuti informativi divisi per aree omogenee (es. per dipartimenti, per tipi di informazioni, per aree di attivit) Per appartenenza Modello con contenuti per tipo di utente (es. Contenuti generali, Contenuti del mio dipartimento, contenuti personali, contenuti dei miei sottogruppi) Per servizi/task Contenuti divisi per tipo di task e di servizi a cui lutente deve accedere (es. Notizie, formazione, rapporto di lavoro, Community, Area blog, area wiki ecc.) Spesso sono compresenti nella stessa intranet Categorie + appartenenza Categorie + task Appartenenza + task ecc N.b. Larchitettura non la navigazione
  • - Architettura per categorie/sezioni - Ottima sotto il profilo della scalabilit, abbastanza semplice da realizzare Molto usata per intranet con tante notizie, inserite in appositi canali Si usa spesso per la parte istituzionale e per le parti non profilate della intranet
  • - Architettura per appartenenze - Richiede una intranet profilata sullutente Molto usata per intranet con publishing decentrato In genere si usa per intranet molto grandi, nelle quali esistono sottosezioni di dipartimento
  • - Architettura per task/servizi - SI usa per intranet che hanno molti servizi per lutente e per intranet che presentano aspetti operativi
  • Navigazione per aree tematiche e dipartimenti H.R Organizzazione Formazione ecc Navigazione per servizi o appartenenza My page Mio dipartimento Miei gruppi Servizi principali - Architetture ibride -
  • - Tipi di navigazione - Navigazione principale E la navigazione presente in tutte le pagine secondo un modello standard Navigazione istituzionale La navigazione delle info istituzionali della intranet (Lazienda, help, La redazione, mappa del sito ecc) Navigazione personale La navigazione di alcuni task di servizio e servizi personali, presente in genere verso destra o in alto (es. my profile, posta elettronica, my page, ecc)
  • - Tipi di navigazione principale - Tutta a sinistra In genere le voci sono gi esplose Comoda per aggiungere facilmente sezioni Rischi: overflow informativo Tutta in alto Poche voci che vengono esplose in un sottomen orizzontale Pi elegante Rischi: colli di bottiglia e difficolt a trovare le info al primo clic In alto e contestuale a sinistra Oppure servizi + task Molto usata Il men di sinistra varia al variare delle voci in alto Buon bilanciamento tra eleganza e scalabilit
  • Home page
  • Barra orizzontale : 100 pixels. Tipicamente usata per il logo, navigazione globale e ricarca. Colonna di sinistra : 200-250 pixels. Tipicamente usata per la navigazione globale con dettagli e/o per la navigazione locale. Area centrale : Bianca, 400-600 pixels. Tipicamente una o due colonne con foto, notizie in evidenza, task prioritari e applicazioni Colonna di destra : bianca, 200-250 pixels. Tipicamente usate per box di servizi e fotografie - Home page intranet per Nielsen -
  • - La home page: caratteristiche fondamentali - NO SI
    • La Home page ha come funzione:
    • Risparmiare allutente dei clic
    • informare sulle novit e aggiornamenti
    • creare una vetrina e fornire scorciatoie per alcune parti del sito
    • dare risalto agli strumenti di navigazione e di ricerca e alle utility
    • favorire laccesso alle killer utility
    • Guidare lutente verso particolari contenuti (aspetto push)
    • La Home page non ha come funzione:
    • fare da coperta grafica a contenuti disomogenei
    • dare un senso di mera eleganza
    • stupire lutente con efffetti grafici
    • Esprimere un qualche senso di mera appartenenza
    • Fare da tappo di bottiglia ai contenuti
  • Presenta in evidenza la navigazione principale Convivono news, servizi e documentazione D accesso alle risorse pi recenti D accesso alle risorse informative pi rilevanti D scorciatoie per parti profonde del sito D accesso ai comportamenti emergenti D immediato accesso alle killer utility D immediato accesso al motore di ricerca - Caratteristiche della home -
  • Una killer utility quellapplicazione (servizio, notizia, prodotto) che giustifica laccesso alla intranet stessa Qual la Killer utility della vostra Intranet ? - Che cos una killer utility?-
  • - Home page solo servizi -
  • - Home page solo news -
  • Notizie Documenti My page Discussioni Applicativi Logo Servizi Notizie e documenti Logo - Non solo notizie e documenti - Aree profilate
  • Notizie Servizi Documentazione Discussioni Applicativi Navigazione principale Tagline Logo Servizi importanti nellheader (in tutte le pagine) Motore Killer utility - Una possibile divisione logica della home - Notizie Utility Documenti Navigazione Applicazioni Servizi Community
  • - C