Il sito
scolastico
Estetica
Quando si progetta un sito, una delle parti più importanti da prendere in considerazione è il suo aspetto formale: è la sua estetica.
Scrivere una brochure o un testo
di presentazione della scuola su supporto stampato è ben diverso che fornire le
stesse informazioni su supporto multimediale.
Sarà quindi necessario
individuare queste differenze nella progettazione del nostro sito, per far sì
che diventi un sito di successo.
Chi
progetta un sito deve ricordarsi che il vero autore del sito è chi lo visita
La maggior parte delle persone
leggono un libro dall’alto in basso da sinistra a destra, una pagina dopo
l’altra. Questo non avviene in un sito multimediale, ogni “lettore” sarà libero
di leggere a suo modo il sito e quindi ne sarà anch’esso l’autore. Il nostro
sito se ben progettato permetterà ad ognuno di noi di essere un autore diverso
dagli altri.
Non basta
C’è ancora da evidenziare:
visualizzazione orizzontale della
pagina web
l’importanza di un testo
breve
dalla successione
sequenziale alla rete di collegamenti
Visualizzazione
orizzontale della pagina web
Le pagine stampate di solito sono
visualizzate verticalmente, mentre gli schermi del computer sono come gli
schermi della televisione, più larghi che alti. Per evitare di avere delle
righe di testo troppo lunghe per un esame veloce le dimensioni di default delle
finestre dei browser sono più strette di circa un terzo rispetto allo schermo.
Bisogna perciò ricordarsi di porre sempre il testo in una colonna a larghezza
fissa in una tabella, altrimenti il browser lo farà scorrere fino ad adattarlo
alla finestra. Non è comodo né veloce leggere un testo facendo scorrere in
continuazione la barra sottostante.
Si ricordi quindi di dimensionare
le finestre ad una dimensione massima di 640x480, altrimenti si escludono il
75% degli utenti. Infatti la maggior parte dei monitor sono di 15 pollici. Gli
utenti si annoieranno se devono passare il tempo a ridimensionare la finestra
prima di leggerne il contenuto.
L’importanza
di un testo breve
Leggendo un libro, quando si è
stanchi, si tende a muoversi. Il monitor di un computer tende a bloccare un
utente nel suo posto, inoltre essendo retro-illuminato dà la sensazione di
avere i fari di una automobile puntati negli occhi. Nessuno rimarrebbe a lungo
in tale posizione. E’ quindi importante avere testi brevi, dividere i paragrafi
lunghi in blocchi brevi e dare all’utente molti collegamenti in modo che
possano navigare all’interno del sito, altrimenti si stancheranno o peggio
ancora spegneranno il computer.
Se si hanno da
evidenziare spiegazioni o descrizioni dettagliate, si cerchi di spostarle in
un’altra pagina e fornire un collegamento a esse. Il lettore può poi scorrere
il contenuto in modo più efficiente e trovare i dettagli se necessari.
La lettura di
un libro scorre su binari di pagine che
si susseguono rigidamente; la navigazione attraverso un sito è più dinamica e
libera. Il lettore testuale, quando liberamente salta da pagina 10 a pagina 40,
si depriva di particolari a volte significativi; il lettore-autore
multimediale, nei suoi salti da una sezione all’altra del sito, si arricchisce
di informazioni sempre più dettagliate.
La
caratteristica principale di un sito multimediale è, infatti, la possibilità di
offrire collegamenti ipertestuali che consentono al lettore di spostarsi
all’interno del sito per visitare le parti per lui interessanti.
Se i collegamenti vengono
progettati in modo che sia facile e divertente spostarsi tra molte informazioni
diverse è probabile che il sito abbia successo. Il segreto è essere certi che
sia facile non solo arrivare nel segmento informativo a cui conduce un
collegamento, ma anche tornare velocemente indietro. I segmenti informativi
vanno tenuti ridotti ma ricchi di informazioni; è, inoltre, importante che il
navigatore sia informato sull’argomento trattato prima di visionarlo. I lettori
devono essere in grado di muoversi velocemente se il materiale non è interessante.
Come semplificare gli
spostamenti?
Ogniqualvolta si effettua un
collegamento poniamoci queste domande:
·
uno
straniero capirebbe il significato dei collegamenti
·
lo
scopo e la destinazione della grafica di spostamento sono chiari
·
tutti
riescono a capire dove vanno i collegamenti e la ragione del percorso
·
si
ritorna facilmente alle pagine o alle parti precedenti con facilità
·
senza
grafica è possibile navigare ( alcuni utenti potrebbero navigare con la grafica
disattivata)
·
è
presente una mappa del sito
IMPORTANZA DEI
Dettagli
Rispetto ad un
libro che trova la sua scorrevolezza soprattutto in uno stile chiaro ed in ciò
che le parole riescono a rievocare, il sito deve far parlare le “cose”
ricorrendo ad una vasta gamma di dettagli. Vediamone alcuni:
·
Assicurarsi
che ogni pagina abbia un titolo. Questo permette al navigatore che crea un
segnalibro sulla pagina di salvarlo più facilmente
·
Curare
che ogni pagina abbia una barra di navigazione
·
Controllare
l’ortografia. Niente sembra meno professionale di un errore di ortografia.
Usare un controllore ortografico
·
Curare
la coerenza degli elementi. Spesso si usa un simbolo o un’icona diversa per
indicare una stessa funzione.
·
Prestare
attenzione all’allineamento degli elementi. Spesso per la fretta di montare una
pagina si dimentica di allineare il testo o le immagini
·
Predisporre
collegamenti del tipo “contattateci”. L’utente deve avere la possibilità di
contattare l’autore del sito. Si può collegare direttamente con l’indirizzo di
posta elettronica della scuola o con quello personale del responsabile del
sito.
RICCHEZZA DEGLI
Sfondi
Nella lettura di un libro risulta
essenziale la scrittura su fondo bianco; nella visita di un sito il fondo
bianco fa solo “documento” e rende piatta la presentazione dei contenuti. Lo
schermo offre l’opportunità di rendere più personalizzata e più gradevole alla
vista la pagina web.
Lo sfondo può essere in tinta
unita o arricchito da un motivo ornamentale: l’importante è che non impedisca
la leggibilità del testo, delle immagini o dei collegamenti.
E’ bene non inserire barre
separatrici, perché appesantiscono la pagina; meglio lasciare uno spazio vuoto
che ha la duplice funzione di separare e di far riposare lo sguardo
Qualche volta, quando si vuol
dare risalto ad una immagine si può inserire una tabella, il cui colore di
fondo sia in grado di valorizzare l’immagine.
Elementi
multimediali
Per interessare i visitatori del
nostro sito si possono aggiungere gli elementi multimediali, caratteristici della
struttura web. Esaminiamoli:
·
Immagini
Se si vuole che le nostre pagine
attirino l’attenzione degli utenti è necessario usare le immagini grafiche. Il
loro utilizzo deve essere ben calibrato, in quanto ,spesso, l’apertura di una
bella immagine grafica richiede tempo e il tempo è il peggiore nemico di un
sito. Una apertura troppo lenta scoraggia la metà degli utenti,
Quindi immagini leggere, salvate
preferibilmente in formato JPEG e di forma ridotta. Più grande è la dimensione
del file maggiore è il tempo di caricamento. Se l’immagine è importante per
l’utilizzo del sito si può ricorrere all'apertura progressiva. Questa modalità
visualizza progressivamente l’immagine, prima in modo “sfocato” poi diventa
sempre più nitida. Il tempo di apertura è lo stesso ma gli utenti possono
ottenere le informazioni necessarie dall’immagine, prima che venga
completamente visualizzata, e possono decidere se vogliono aspettare il
dettaglio o andare avanti.
Sempre al mondo grafico
appartengono gli sfondi e i testi grafici. Anche il loro uso deve seguire le
stesse regole delle immagini grafiche.
Una particolare attenzione va
posta sui gif animati. Essi rappresentano uno dei metodi più efficaci e rapidi
per utilizzare l’animazione ed attirare l’attenzione. Il loro uso non deve
essere eccessivo.
·
Sequenze
video
Una sequenza video può avere la
dimensione di Mb, quindi il loro uso deve essere drasticamente limitato e di
formato extra-ridotto.
·
Audio
Ascoltare un brano di musica, in sintonia
con l’argomento del sito, è sempre piacevole. Se il brano è coinvolgente invita
il navigatore a soffermarsi ulteriormente nel sito. Oggi è facile reperire
brani in rete nel formato MP3 e MIDI.
AZIONE DI
Controllo
L’armonia di un testo cartaceo
è resa soprattutto dallo stretto legame tra stile e contenuto; quella di un
sito si gioca anche attraverso effetti legati a fattori prettamente tecnici,
perché deve cogliere i sensi oltre che la mente.
Quando si è terminato il lavoro è
necessario riesaminare tutti gli elementi che compongono il nostro sito. Per
facilitare il lavoro conviene fare un elenco degli elementi di controllo da
applicare ad ogni pagina. Chi naviga nel nostro sito giudicherà anche
attraverso questi dettagli
·
Ortografia.
Si può utilizzare un correttore
ortografico
·
Titoli.
Ogni elemento deve avere un
titolo di testo
·
Confronto
del contenuto
Controllare che le barre del
titolo corrispondano ai contenuti delle pagine
·
Allineamento
Gli elementi siano tutti
allineati in modo coerente
·
Controllo
del collegamento
Si controlli che tutti i
collegamenti siano funzionanti e che non vi siano collegamenti errati o
interrotti
·
Includere
le informazioni di contatto:
E’ importante offrire all’utente
la possibilità di contattarci
a cura di
Anna Cormio