Progettare la comunicazione sul Web. La prima considerazione da fare, quando si parla di Internet,...

Progettare la comunicazione sul Web

La prima considerazione da fare, quando si parla di Internet, riguarda la giovane età del World Wide Web se paragonata

all’età della rete e dei suoi servizi . I nuovi media sono strumenti in cui molto del "saper fare" acquisito con i media tradizionali non può essere applicato direttamente ma deve

essere ripensato sperimentato, metabolizzato

L’età del Web

Le aspettative del web

A fronte delle numerose aspettative che il mezzo ha suscitato, si devono analizzare alcuni eventi che hanno segnato la storia contemporanea delle tecnologie in generale e del web in particolare.

alcune considerazioni..(*)

(*) Brani tratti da un articolo di FEDERICO RAMPINI (inviato di Repubblica negli Stati Uniti) del 12 marzo 2003

http://ricerca.repubblica.it/repubblica/archivio/repubblica/2003/03/12/new-economy-le-due-facce-di-una.html

Il 10 marzo 2000 l'indice Nasdaq della Borsa tecnologica americana segnava il massimo di tutti i tempi raggiungendo quota 5.048, al culmine di quella che fu definita "la più grande creazione di ricchezza avvenuta per vie legali nella storia dell'umanità”

l'11 marzo 2001 iniziava il grande crollo della New Economy

Solo negli Stati Uniti sono stati persi 7mila miliardi di dollari, la più grande distruzione di ricchezza mai avvenuta in tempo di pace.

http://ricerca.repubblica.it/repubblica/archivio/repubblica/2003/03/12/new-economy-le-due-facce-di-una.html


(*) 20 marzo 2003 (inizio della guerra in Iraq)

(**) costo attuale al barile 60,75 dollari (luglio 2009)

La New Economy è stata una fase di parossismo in cui il capitalismo americano ha mostrato tutto il meglio e tutto il peggio di sé, dalla straordinaria capacità di sfornare innovazioni, all'inquietante concentrazione di ricchezza e di diseguaglianze sociali. Non è mai stata soltanto un fenomeno di Borsa.

Anche se la guerra in Iraq(*) fosse breve e vittoriosa, anche se il petrolio tornasse sotto i 20 dollari al barile (**), con ogni probabilità continueremo a pagare a lungo gli eccessi della New Economy.


La New Economy invece ha cambiato per sempre - e ad una velocità spettacolare - il nostro stile di vita, il nostro modo di informarci, di lavorare, di comprare, di risparmiare, persino di fare politica. Il triangolo formato da computer, cellulare e Internet, definisce l'universo in cui oggi abitiamo. Basta tornare indietro di appena dieci anni e questa particolare combinazione di tecnologie esisteva solo nella mente di pochi visionari, era sconosciuta alla maggior parte del mondo. Oggi la posta elettronica è indispensabile. Dal presidente della multinazionale alla segretaria di una piccola azienda di provincia, non saper usare l'e-mail è come essere analfabeti. Dalla sua invenzione il telefono ci mise cinquant'anni a invadere tutte le case del mondo, l'e-mail c'è riuscita in soli cinque.


Dagli Anni Trenta, quando il primo transistor vide la luce qui, la Silicon Valley ha partorito tutte le innovazioni del nostro tempo. Ne ho tratto due lezioni. Che le rivoluzioni tecnologiche sono sempre seguite da crisi paurose. E che non sono mai inutili: cambiano il mondo, in modi che ci appaiono chiari solo con il tempo.

Usabilità dei siti Web

Ecco perché con l'economia di Internet, la qualità progettuale ha acquisito un'importanza sempre più alta rispetto al passato.Con oltre 100 milioni di siti web gli utenti hanno più che mai la possibilità di scegliere.Nella progettazione esistono due tipi di approcci: quello estetico e quello funzionale.Le due anime possono, però, e debbono coesistere: non ci sono motivi validi perché la scelta cada su uno solo dei due approcci."Tutti i vostri concorrenti sono solo ad un click di distanza" (J.Nielsen)

Accessibilità e Usabilità

Legge 9 Gennaio 2004, n. 4Disposizioni per favorire l'accesso dei soggetti disabili agli strumenti

informatici

a) "accessibilita'": la capacita' dei sistemi informatici, nelle forme e nei limiti consentiti dalle conoscenze tecnologiche, di erogare servizi e fornire informazioni fruibili, senza discriminazioni, anche da parte di coloro che a causa di disabilita' necessitano di tecnologie assistive o configurazioni particolari; b) "tecnologie assistive": gli strumenti e le soluzioni tecniche, hardware e software, che permettono alla persona disabile, superando o riducendo le condizioni di svantaggio, di accedere alle informazioni e ai servizi erogati dai sistemi informatici.

Accessibilità e Usabilità

L'usabilità è definita dall'ISO (International Organisation for Standardisation), come: l'efficacia, l'efficienza e la soddisfazione con le quali determinati utenti raggiungono determinati obiettivi in determinati contesti. In pratica definisce il grado di facilità e soddisfazione con cui l'interazione uomo-strumento si compie.


Sul web c'è bisogno di rendere semplice lo svolgimento di attività che hanno un fine pratico senza che la grafica sia d'impiccio o d'impedimento ma anzi funzionale e gradevole.Per progettare, sostiene Jacob Nielsen in Web usability, “c'è bisogno di ispirazione e creatività”, ma prosegue: “l'innovazione è per il 10% ispirazione e per il 30% traspirazione”, ossia sudore.


Vediamo meglio quali sono, in una prima fase di approccio, gli errori da non commettere nel progetto di sviluppo di un sistema di informazione su Web

Modello di business: non trattare il Web come una brochure ma come un progresso fondamentale che cambierà il modo di concepire il business nell’economia di rete.

Gestione del progetto: non gestire un progetto Web come se fosse un progetto aziendale o istituzionale tradizionale, focalizzando l’attenzione verso l’interno dell’azienda e della istituzione. Un progetto Web dovrebbe, viceversa, essere gestito come un progetto sui generis di interfaccia verso i clienti.


Architettura informativa: non strutturare il sito riproducendo la struttura interna dell’azienda o dell'istituzione. Al contrario, il sito dovrebbe essere costruito per rispecchiare l’immagine che gli utenti hanno dello spazio informativo e la struttura delle operazioni che vogliono compiere su di esso.


Design delle pagine: non creare pagine sgargianti che suscitano emozioni favorevoli nelle dimostrazioni interne. Le demo interne non hanno mai ritardi nel tempo di risposta, elemento determinante dell’usabilità Web, né mostrano mai le difficoltà di un utente nell’identificare e nel comprendere i diversi elementi della pagina. Imponetevi, invece, l’obiettivo di ottimizzare l’esperienza dell'utente in circostanze realistiche, anche se le vostre demo saranno meno appariscenti e di "effetto"


Produzione dei contenuti: non scrivere nello stesso stile lineare con cui avete sempre scritto. Sforzatevi, invece, di scrivere nel nuovo stile ottimizzato per i lettori online, che scorrono il testo senza leggerlo e hanno bisogno di pagine molto brevi dove le informazioni secondarie sono relegate in pagine secondarie.


Strategie connettive: non trattare il vostro sito Web come se fosse l’unico importante, senza link adeguati verso altri siti e senza punti di ingresso predeterminati a cui altri siti possano puntare. Molte aziende non usano i link giusti nemmeno quando citano il proprio sito nelle proprie pubblicità. Invece, ricordatevi che l’ipertesto è il fondamento del Web e che nessun sito è un’isola.


In ciascuno di questi casi, il comportamento spontaneo in un progetto Web, che si basa sulle proprie esperienze al di fuori della Rete, si dimostra sbagliato. Il Web è un nuovo medium e richiede un nuovo tipo di approccio.

Vediamo allora insieme alcune delle linee guida, che possono essere utilizzate nella fase progettuale di un sito al fine di rendere più efficace ed efficiente la sua capacità comunicativa in Internet.

Linee guida di progettazione


Anche se agli sviluppatori molte delle indicazioni sotto riportate appariranno scontate o già conosciute è fondamentale, che da parte degli "addetti ai lavori" ci sia una forte condivisione degli strumenti metodologici e dei criteri di usabilità con cui i siti www vengono costruiti.La realizzazione di un sito web efficace, efficiente e che soddisfi i bisogni dell'utente richiede una progettazione orientata all'utenza e la collaborazione di competenze diverse: esperti del domino, esperti di linguaggio html, grafici e ergonomi cognitivi esperti in usabilità.


La progettazione orientata all'utente si basa sull'applicazione di criteri e linee guida ormai consolidate derivate dall'ergonomia cognitiva finalizzate ad assicurare l'usabilità del sistema e considera il continuo confronto e la verifica dell'efficacia del sistema con l'utente, fondamentali nel corso delle diverse fasi di progettazione e sviluppo.


Progettazione modulare: organizzate una struttura ad albero in quanto consente piu' facilmente di mantenere e tenere aggiornato il sito. I sistemi di pagine costruiti modularmente seguendo una struttura ad albero consentono un facile e veloce aggiornamento dei documenti on line che non comporta la necessità di sostituzione in blocco dell'informazione. Facilitano inoltre la comprensibilità della struttura logica ed i legami tra le informazioni.


Livelli: definite un numero limitato di livelli. Strutturare i contenuti in modo tale che la gerarchia non scenda oltre il quarto livello. Livelli ulteriori sono difficili da distinguere e tendono a disorientare l'utente.


Sezioni: suddividete il contenuto in brevi sezioni. Evitare di creare pagine eccessivamente lunghe che trattano piu' di un argomento. Non mettere lunghe parti di testo, anche se relativo allo stesso tema, in un'unica pagina infinita. Definite una pagina iniziale all'interno della quale viene fornita una sintesi degli argomenti delle pagine successive e un sommario. Una pagina non dovrebbe essere mai troppo piu' lunga della finestra in cui appare. Dopo circa quattro facciate di "scrolling" l'utente tende a perdere il senso dell'orientamento e il contesto di appartenenza.


Sezioni monotematiche: strutturate delle sezioni che siano monotematiche. L'utente puo' arrivare direttamente alla consultazione di qualsiasi pagina del sito. E' necessario pertanto che il contenuto del messaggio sia strutturato in sottoparti dotate di significato autonomo e comprensibili anche al di fuori del contesto cui appartengono.

Linee guida per la strutturazione del testo


Spesso la maggior parte del contenuto delle pagine Web è costituito dal testo. Scrivere un testo per una pagina web è molto diverso che scriverlo per la carta stampata. La scrittura di un documento web infatti deve tenere conto del fatto che la lettura di un testo direttamente dal video è molto piu' stancante e circa 25 volte più lenta della lettura su stampa; inoltre il 79% degli utenti che consultano pagine web non leggono la pagina parola per parola ma "scannerizzano" la pagina, alla ricerca dell'informazione che li interessa. Di seguito sono riportati alcuni suggerimenti per facilitare la leggibilità e la comprensibilità di un documento web in relazione all’uso della tipografia, della struttura della frase, dell'uso della grafica e delle immagini.


Tipografia: quando le pagine sono composte per la maggior parte di testo la tipografia è cio' che definisce il design della pagina.

Organizzate testo e grafica in modo tale che la localizzazione e l'organizzazione delle informazioni siano immediatamente comprensibili.

Definite uno schema per l'organizzazione del testo e utilizzalo coerentemente. L'uso coerente dello stesso tipo di schema facilita l'individuazione dell'informazione da parte dell’utente e aumenta la comprensibilità complessiva della pagina.


Definite il minor numero di stili per titoli sottotitoli e per il corpo del documento e utilizzateli con coerenza.

Evitare contrasti che rendono difficoltosa la lettura, come l’uso di background non uniformi.


-Evitate l'uso consistente del grassetto per tutto il testo. Mettere in evidenza tutto equivale a non evidenziare niente.-Evidenziate le parole chiave presenti nel testo.-Limitate il numero degli items in una lista a non più di nove

-Limitate i livelli degli elenchi a non più di due. -Utilizzate titoli e sottotitoli significativi-Presentate le informazioni più salienti nella parte superiore della pagina. Nel seguito della pagina possono trovarsi le informazioni più dettagliate per chi è già interessato all'argomento.


Inserite la didascalia in grafici e figure a meno che il contenuto cui si riferisce non sia cosi chiaro da rendere ridondante la spiegazione. La didascalia deve illustrare unicamente il contenuto della tavola o della figura cui si riferisce. La definizione della didascalia non deve essere la stessa utilizzata per esempio per il titolo della sezione.

Struttura della frase e stile

Struttura della frase e stile

-Siate sintetici. Utilizzate circa la metà delle parole che utilizzereste per scrivere lo stesso contenuto per un mezzo tradizionale come la stampa.

-Usate periodi brevi e con pochi incisi.

-Usate semplici strutture di frasi.

-Evitate l'uso delle parentesi "a catena".

linguaggio

linguaggio

Parlate il linguaggio dell'utente.Usate un linguaggio semplice e informale. Evitate di usare uno stile promozionale con affermazioni troppo autocelebrative.

Immagini e grafica

Immagini e grafica

i documenti in cui c'è molto testo, senza nessun contrasto dato dall’uso della grafica, delle immagini e delle scelte tipografiche, sono molto difficili da leggere, in particolare sui monitor dei computer. L'uso delle immagini può contribuire a rendere le pagine più gradevoli, e più attraente il loro contenuto. Comunque è anche vero che delle pagine ad alto contenuto di grafica rischiano di disturbare il lettore offrendo un cattivo bilanciamento fra sensazione visiva, informazione testuale, e collegamenti ipertestuali.

Immagini e grafica

La grafica e le immagini devono sempre essere di complemento al testo, per non essere solo un elemento distraente nella lettura. Cercate di armonizzare l'uso di testi e immagini. Il rapporto ottimale tra il testo e la immagine si ha quando il testo imposta le ragioni non visibili di ciò che l'immagine descrive.

Migliorare la navigazione e favorire l’orientamento


L’efficienza della comunicazione sul web è influenzata non soltanto dal livello di leggibilità del contenuto ma anche dalla facilità con la quale l’utente riesce ad interagire con il sistema. Nel seguito sono riportati alcuni criteri generali da tenere presenti per evitare all’utente difficoltà nella comprensione della funzionalità dei comandi nella navigazione.


Coerenza: applicate costantemente gli stessi principi di base sull'organizzazione del documento ipertestuale ad ogni pagina che viene creata. La coerenza è un elemento chiave che facilita l'utente nella comprensione dello scopo e della struttura del sito. La continuità funzionale e grafica fra le varie componenti e i sottoparagrafi del sito fornisce all'utente un aiuto sostanziale nell'identificazione delle pagine Web e favorisce la prevedibilità dell'interfaccia e degli elementi presenti nella pagina.


-Fate in modo che l'utente possa apprendere velocemente e facilmente cosa aspettarsi dall'interfaccia.

-Cercate di andare incontro alle attese dell'utente. Per esempio non disegnare un oggetto simile ad un bottone se questo non si comporta nello stesso modo. -Fate in modo che l'utente usi le capacità e le conoscenze che già possiede.

-Usate metafore familiari all'utente.


navigabilità: la metafora del viaggio contribuisce a caratterizzare uno dei problemi piu' frequenti di fronte ai quali puo' trovarsi l'utente che è quello del disorientamento. Di seguito sono riportati alcuni suggerimenti per migliorare l'orientamento e facilitare la navigazione.

Fornite all'utente facilitazioni per: •identificare la posizione in cui si trova; •ricostruire la strada che lo ha portato all'attuale posizione; •distinguere opzioni diverse per muoversi da quella posizione.


Fornite supporti multipli alla navigazione che consentano all'utente sia una navigazione libera che una ricerca mirata dell'informazione.

Fornite facili scorciatoie di accesso ai percorsi che si ritiene l'utente segua piu' spesso.

Usate una descrizione dell'informazione cui rimanda il link.

Fornite facilitazioni alla navigazione sia rispetto alla "direzione" che alla "distanza".


Direzione: Ricordate che spostarsi in avanti o indietro in un ipertesto non ha lo stesso valore. La navigazione avanti avviene quando l'utente cerca una nuova informazione muovendosi verso un nodo che non ha ancora esplorato, mentre la navigazione indietro avviene quando l'utente cerca di raggiungere un nodo che ha già esplorato precedentemente e che quindi già conosce.


Distanza: rispetto alla distanza si deve distinguere tra "steps" e "jumps".

Gli "steps" sono quelli che l'utente fa quando segue il collegamento che lo porta dal nodo nel quale si trova a quello immediatamente successivo.

Nel fare un salto (jump) l'utente, invece, raggiunge un nodo che non è immediatamente collegato alla posizione o al nodo nel quale si trova.

In questo caso è particolarmente importante assistere l'utente nella navigazione quando deve percorrere una certa distanza per tornare indietro ad un nodo che non è piu' immediatamente visibile.


•Usate layout di pagina coerenti.

•Minimizzate il numero di click neccessari al raggiungimento del contenuto informativo. Assicurarsi che gli utenti possano raggiungere l'informazione utile in non piu' di quattro click.

•assicuratevi che le pagine appaiano complete anche su un piccolo schermo e che non rimangano nascosti bottoni o link importanti.


-Fornite da ogni pagina links alla lista dei contenuti del sito, alla mappa del sito ed alla home page.

-Includete in ogni pagina bottoni per la navigazione sia in testa che in fondo al fine di minimizzare la necessità di scorrere la pagina su e giù con il cursore.

-usate titoli della pagina che possano essere bookmark significativi.

-Spiegate quali informazioni sono contenute nei link.


Tempi di risposta: il limite perché l'utente abbia l'impressione che il sistema stia rispondendo istantaneamente è di circa un decimo di secondo. In questo caso no c'è bisogno di feed-back aggiuntivo alla visualizzazione del risultato. Tra un decimo di secondo e un secondo l'utente ha la percezione del ritardo e la sensazione di non avere più un controllo diretto sui dati ma entro il secondo il ritardo è ritenuto accettabile.


Il limite di tempo massimo prima che l'utente distolga la sua attenzione è di 10 secondi. In caso di ritardi maggiori, passa ad altre occupazioni durante l'attesa e questo può influire negativamente sulla concentrazione durante la navigazione.Attenzione però anche agli eccessi opposti. Ad es. tempi di permanenza di un testo in una finestra a scorrimento troppo brevi possono risolversi nell'impossibilità da parte dell'utente di utilizzarli. Questo può indurre un senso di disagio altrettanto forte.

Tecnologie per il web


Con l'espressione "tecnologie per il web" si indicano solitamente una pluralità di elementi (hardware e software) che concorrono alla realizzazione di applicazioni World Wide Web.

Gli elementi che devono essere, tenuti in considerazione in uno scenario tecnologico particolarmente complesso sono per così dire le conseguenze delle scelte tecnologiche e non le tecnologie vere e proprie.

Possiamo, a tale scopo, individuare cinque punti principali:


La trasportabilità: scegliere tra tutte le possibili soluzioni hardware e software quelle maggiormente "standard" ovvero quelle che possono essere facilmente trasportate su server e su sistemi operativi diversi tra loro, senza che questo implichi la riscrittura del codice. Una applicazione che rispetta gli standard e che utilizza tecnologie largamente diffuse sarà più facile da mantenere e più indipendente dal singolo programmatore o dalla singola azienda.


La compatibilità: l'uso di tecnologie particolarmente sofisticate e poco diffuse (specialmente in ambito multimediale:audio e video) costringe l'utente a doversi dotare di strumenti di visualizzazione spesso difficili da reperire in rete oppure lo costringe a dover utilizzare sempre l'ultima versione di un browser quella "più aggiornata". Usiamo invece tecnologie che non complichino la vita all'utente e che siano compatibili con il maggior numero di browser, anche con le versioni meno recenti e aggiornate.


Il Content Management: ovvero la gestione dei contenuti. Se non progettiamo un efficiente sistema di aggiornamento delle informazioni presenti sul Web, per quanto queste possano essere affiancate da effetti speciali o contenute in pagine altamente ergonomiche, il risultato sarà comunque "deludente". Un sito efficiente deve avere una base di dati quotidianamente aggiornata da una vera e propria redazione e l'utente deve poter sempre trovare notizie e servizi "aggiornati". Questo aspetto, da un punto di vista tecnologico si traduce nella presenza di un data base dal quale vengono generate in maniera "dinamica" le pagine Web. Modificando le informazioni sul data base, attraverso una semplice interfaccia, si modificano "automaticamente" anche le pagine del sito con un notevole risparmio di tempo e di risorse.


La manutenzione: Qualunque sito, per quanto sia ben progettato, necessita di una manutenzione regolare. Prevedete, sempre, nei vostri progetti di comunicazione in Internet una attività di manutenzione sia ordinaria che straordinaria. La prima si riferisce a interventi di piccola entità ma che soprattutto nella fase successiva alla "pubblicazione" di un sito si rendono spesso necessari come ad esempio la correzione del codice di una pagina, la soluzione di un problema di funzionamento, l'aggiunta o la cancellazione di un bottone ecc. La manutenzione straordinaria invece si riferisce ad interventi meno frequenti e di maggiore complessità come ad esempio la creazione di una nuova sezione, l'attivazione di un nuovo servizio, l'aggiornamento della grafica del sito. Avendo previsto costi e procedure di manutenzione il vostro sito sarà sempre ben funzionante e voi potrete dormire "sonni tranquilli".

Rapporto costi/benefici


Quanto incide la progettazione orientata all'utente sui costi di realizzazione di un sito Internet?Secondo un’analisi condotta da George M. Donahue in "Usability is good businness" il rapporto costi/benefici riferito all'ingegneria del software varia da 1/10 fino a 1/100. Ovvero per ogni euro speso nella ricerca sull'usabilità il produttore riceve un beneficio che varia da un minimo di 10 a un massimo di 100 euro.** Questo rapporto così favorevole, come abbiamo più volte ricordato sino ad ora, è ampiamente giustificato da due importanti fattori:

* http://interface.free.fr/Archives/Usability_Is_Good_Business.pdf ** http://half-tide.net/Services.htm

http://interface.free.fr/Archives/Usability_Is_Good_Business.pdf

http://half-tide.net/Services.htm


dal punto di vista della programmazione e dello sviluppo del codice che sta alla base dell'applicazione Web, avanzare nel progetto attraverso l'uso di prototipi che vengono costantemente valutati e verificati si traduce in un notevole risparmio di tempo e quindi di risorse. E', infatti, molto più facile correggere un errore nella fase iniziale dello sviluppo che alla fine. Dover porre rimedio ad un inconveniente di cui ci si accorge solo al termine del progetto può voler dire, infatti, riscrivere grandi quantità di codice e quindi far "lievitare" i costi di produzione.


L'altro fattore importante è rappresentato dalla selezione che il mercato opera nei confronti dei "cattivi prodotti". La cosiddetta "fidelizzazione", ossia la "fedeltà" dell' utente ad un sito e la capacità di attrazione di quest'ultimo, è l'indicatore principale della sua competitività. Anche qualora non ci fosse un danno economico diretto (come ad esempio nei siti di commercio elettronico) la mancanza di usabilità di un sito può danneggiare l'immagine del proprietario.


Vediamo anche altri possibili vantaggi derivanti dall'utilizzo della progettazione orientata all'utente di un sito:

Aumento dei visitatori: un utente soddisfatto della facilità d'uso di un sito e della possibilità di portare sempre a termine nel migliore dei modi la navigazione, sarà stimolato a "ritornare" su quelle pagine.


Contenimento dei costi: una buona "comunicazione" in rete diminuisce la necessità di assistenza e di supporto agli utenti con un risparmio del numero di persone e del tempo dedicato a questa attività che se erogata attraverso gli strumenti tradizionali (telefono, fax, front office ecc) avrebbe costi più alti. Nel caso in cui si svolgano anche attività di commercio elettronico il volume dei profitti sarà direttamente proporzionale alla facilità di acquisto, alla facilità di pagamento, alla facilità di gestione delle rese e delle sostituzioni. .


Rafforzamento del Marchio: infine, come ultima conseguenza, una piacevole esperienza "on line" si tradurrà in un immediato rafforzamento dell'immagine dell'istituzione o dell'azienda "visitata".

Progettare la comunicazione sul Web. La prima considerazione da fare, quando si parla di Internet,...

Documents

Transcript of Progettare la comunicazione sul Web. La prima considerazione da fare, quando si parla di Internet,...