il progetto web

Tecnologie per il web

Progettazione di un’applicazione web

(c) V. De Luca-2013 2

Progettazione di un sito

processo di information design

applicazione web < > sito web

• Evoluzione– Siti “vetrina” (“chi siamo”, “i nostri prodotti”)

applicazioni web (siti con struttura complesse)– Tecnologie avanzate linguaggi dinamici– Obiettivi ampliati non più quello che

vogliamo mostrare di noi ma quello che l’utente vuole da noi

Applicazione webSaaS

Sito complesso

(c) V. De Luca-2013 3

Dovremmo essere in grado di sviluppare pagine web?

• Si è No– Se si tratta di un sito non professionale (sito della mia

associazione sportiva oppure sito personale), la risposta è SI (perché no?)

– Se si tratta della mia azienda, devo essere in grado di spiegare che non c’è spazio per i dilettanti. Devo essere in grado di pensare al sito come facente parte di una strategia di comunicazione integrata ed essere capace di costruire una campagna di cui faccia parte anche il sito

– Devo essere in grado di prendere le decisioni che riguarderanno il sito

(c) V. De Luca-2013 4

Sviluppare un sito web

• Non vuole dire usare tecnologie

• Vuole dire organizzare informazioni

Questo è la sostanza di questo corso

(c) V. De Luca-2013 5

Information design

• E’ l’arte di organizzare i dati in modo da facilitarne il reperimento e l’utilizzo(Fonte: Ani Phyo. Un sito web in 7 mosse)

• E’ una competenza utile in TUTTI i processi di comunicazione

(c) V. De Luca-2013(c) V. De Luca-2013 66

Facciamo information design OGNI GIORNO

(c) V. De Luca-2013 7

(c) V. De Luca-2013 8

Il problema è che segue la NOSTRA forma mentale

Non quella dell’utente

(c) V. De Luca-2013 9

L’utente

(c) V. De Luca-2013 10

PERSONE che si servono di un determinato sito web

(c) V. De Luca-2013 11

Processo di Information Design

• Determinare le esigenze degli utenti e degli stakeholder

• Stabilire gli obiettivi del sito• Analizzare la concorrenza• Progettare la struttura, i percorsi e gli schemi di

navigazione del sito• Creare testo e layout• Sviluppare prototipi• Condurre testi di usabilità

Fonte: Ani Phyo, Un sito web in 7 mosse, Arnoldo Mondadori Editore, 2003

Il team web

(c) V. De Luca-2013 12

Prima fase

1. Determinare utenti e le loro esigenze

2. Stabilire gli obiettivi (in questa fase: gli obiettivi di alto livello)

– Marketing manager– Project manager

(c) V. De Luca-2013 13


La strategia e il piano di comunicazione

• La strategia deve determinare gli obiettivi da perseguire, il pubblico da raggiungere (stakeholder) e gli strumenti da utilizzare (non solo il web!)


Altre domande

1. avete già un sito web; se si, volete aggiornarlo oppure rifarlo partendo da zero? (caso di rifacimento di un sito)

2. avete già una grafica vostra (colori, logo) – uno studio di grafica che si occupa della vostra organizzazione?

3. la grafica del sito dovrà anche essere usata per manifesti, brochure, ecc?

(c) V. De Luca-2013 16

Gli obiettivi del sito…

• Sono in relazione con i contenuti, l’espressione del sito (colori, animazioni, ecc) e gli strumenti che verranno utilizzati per creare le funzionalità del sito (che si tratti di un sito puramente informativo oppure di un’applicazione web)

• A sua volta, i contenuti, l’espressione e il veicolo strumentale sono correlati tra di loro

(c) V. De Luca-2013 17

Modello astratto di un sito web

Sito web

Formae

sostanza

tecnologia

Contenuto

veicolo strumentale

Espressione

Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007


Gli obiettivi del sito?

• Esempi:– Attirare nuovi clienti– Fidelizzare clienti esistenti– Fare conoscere i nuovi prodotti– Vendere online– Posizionarsi sul mercato– Fare “parlare di se”– Cambiare il “brand”– ecc

(c) V. De Luca-2013 19

• Cosa il sito permetterà di fare? (Quali caratteristiche permetteranno di soddisfare gli obiettivi aziendali?)

• Qui sono i concorrenti e cosa fanno nel web• Quale funzionalità permetteranno di supportare gli

obiettivi del sito• Quali sono le priorità?• Come finanziare il sito?• Come si farà la comunicazione tra utenti e il sito?• Come sarà misurato il successo del sito?• (se si tratta di un sito esistente, quali sono gli obiettivi

esistenti? In quale misura devono essere modificati?) (Cosa vi piace o non vi piace nel sito esistente?)

Si tratta di rispondere anche a domande quali…

(c) V. De Luca-2013 20

Stakeholder di un sito

• Chi sono i “cointeressati” al sito?– Dirigenti dell’azienda (il committente)– Finanziatori del progetto (sponsor, oppure committente

stesso)– Dipendenti della società (possono essere fornitori di

informazioni – ma non sempre tutta l’informazione appartiene all’azienda)

– Clienti– Partner aziendali (fornitori, consulenti, distributori, ecc)– Esperti (informatici, legali, ecc)– Tecnici (possono anche essere dipendenti dell’azienda)– Stampa (fanno parte degli opinion maker)– Investitori (fanno parte degli opinion maker)– Comunità– Influencer

Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007

PROCESSO DI INFORMATION DESIGN

Etichettare i documenti (preparazione dei contenuti del sito)

Raccogliere informazioni riguardanti il BRAND (guida dello «stile» aziendale – se non esiste ancora, è tempo di redigerne una!)

(c) V. De Luca-2013 21

Inoltre, per completare il processo di information design

(c) V. De Luca-2013 22

il progetto web

Documents