Usability e struttura di siti Web

Ogni elemento visuale di questa area è evidenziato così da fornire all’utente un chiaro punto di partenza

all’interno della home page.

Il corpo della pagina, gerarchicamente in posizione inferiore rispetto a logo e navigazione,

prevede uno spazio dove presentare le news, ovvero le informazioni più recenti dell’Università

riguardanti aggiornamenti, proposte, bandi ecc… A destra attraverso un menu verticale e nella barra

orizzontale vi sono scorciatoie e utilities, ovvero, metodi meno standardizzati e più veloci per

raggiungere le informazioni gradite, o le funzionalità di accesso per utenti registrati. Si tratta per lo più

di link ridondanti e di accessi diretti a zone del sito.

La funzione di ricerca interna al sito, ovvero la ricerca per keyword è posta accanto a logo, ma

risulta poco visibile per i colori neutri utilizzati e quindi difficilmente individuabile. Lo spazio dedicato

al search box vero e proprio è abbastanza ridotto per poter inserire molte parole chiave. Inoltre non vi

sono link a funzionalità di ricerca avanzate.

Accanto alla ricerca vi è un’originale strumento, non presente nel sito dell’Università di Pisa,

che aiuta ulteriormente gli utenti a trovare quello di cui necessitano, si tratta dell’assistente virtuale che

permette attraverso un form di poter digitare la propria domanda e ricevere una risposta.

Il sito fornisce una versione stampabile di ogni pagina che si visualizza in quel momento,

soluzione fondamentale, specie per quei contenuti che potrebbero necessitare di un’archiviazione

5

cartacea o per documenti più lunghi. Inoltre, in fondo alla home page vi è un link esterno all’e-

commerce.

La barra di navigazione primaria è collocata orizzontalmente nella parte superiore della pagina,

la barra di navigazione secondaria, ovvero le pagine del secondo livello, verticalmente sulla sinistra,

quindi facilmente individuabili. I contenuti principali vengono visualizzati al centro pagina. Sono state

aggiunte a destra e a sinistra altre due sidebar per facilitare l’accesso alla lista delle varie Facoltà

presenti nell’Ateneo, del personale amministrativo, delle normative e delle “Utilidades” che rimandano

a collegamenti esterni.

La presentazione grafica è molto chiara con le barre di navigazione messe in evidenza dal

colore rosso su sfondo bianco.

Per ogni elemento del menu principale viene visualizzata, nel corpo centrale, un’immagine

caratteristica con ddidascalia, per esempio, nella sezione “Cultura”, appare la foto di alcuni strumenti

musicali con la frase “Atención a una multiplicidad de expresiones artísticas” per dare istantaneamente

un’idea generale di cosa tratterà quella determinata sezione.

Portare i contenuti in home page e in aree distinte si rivela una delle soluzioni migliori nel Web,

permette di non avere troppi click e crea flessibilità.

In fondo, nella parte bassa, è riportata la sezione Contatti con indirizzo e numeri del centralino,

a sinistra i link collegati ai social dell’Ateneo facebook, twitter, youtube, instagram, ormai di uso

comune nella società odierna, e che permettono un rapporto più immediato. È disponibile anche il

codice QR che consente di accedere alla pagina che si sta visualizzando direttamente tramite cellulare.

L’area relativa al feedback del sito si trova alla voce Estudios y Acceso nella barra laterale a

destra, con l’etichetta Quejas y Sugerencias. Uno dei principi di usabilità più noti è senz'altro la

necessità di fornire all’utente un adeguato feedback sulle sue azioni. Nel caso di applicazioni

complesse il feedback è necessario per valutare il risultato di azioni importanti, che possono avere

effetti decisivi.

Il feedback deve essere mirato alla comunicazione efficace del corretto o errato svolgimento

della procedura. Il suo ruolo, in particolare, è centrale anche nella costruzione del rapporto di fiducia e

contribuisce alla creazione di un’esperienza positiva per l’utente.

Le immagini, come già anticipato, sono limitate il più possibile, sia per ridurre i tempi di

caricamento della pagina, sia per non distrarre l’attenzione dell’utente. Non sono presenti immagini di

sfondo che risulterebbero invasive e renderebbero la lettura poco agevole.

6 Per la tipologia dei due siti messi a confronto, infatti, gli elementi grafici servono ad illustrare

contenuti reali, e non sono a mero scopo decorativo, pertanto, non costituiscono una parte

fondamentale del sito. Ogni immagine è etichettata in modo da chiarire cosa rappresenta e come si

rapporta alla categoria generale. Il sito non punta su caratteristiche come le animazioni Flash e

multimedialità e ciò consente una navigazione molto più fluida, tenendo conto anche della possibilità di

una connessione Internet lenta dell’utente.

Nielsen valuta che per tempi compresi tra 0,1 e 1 secondi il tempo di attesa di visualizzazione di

una pagina Web appare accettabile anche se il “flusso di coscienza” dell’utente verrà interrotto. Si stima

inoltre che circa 10 secondi è il tempo per cui un utente medio mantiene comunque ancora la

concentrazione in attesa del caricamento di una pagina, senza iniziare a dedicarsi ad altre attività o a

focalizzarsi su altri pensieri. Oltre questo tempo, evidentemente il caricamento costituisce un problema

di usability.

La veste grafica di un sito può aiutare ad identificare rapidamente i contenuti di interesse in una

pagina, ma anche allungare i tempi di scaricamento della stessa se basata su immagini, video, o, in

generale, documenti di grandi dimensioni in termini di occupazione di memoria e quindi di banda di

rete per la loro trasmissione. Un eccesso di pagine animate o pretenziose dà, senza dubbio, pessimi

riscontri all’uso pratico, e viceversa pagine troppo banali possono far perdere efficacia comunicativa.

La struttura gerarchica del sito è ampia e poco profonda: 7 pagine al primo livello, ognuna delle

quali ha dalle 4 alle 10 pagine figlio, e consente, pertanto, un minor numero di passaggi. Con menu di

molte voci e minor profondità gli utenti tendono a trovare più rapidamente ciò che cercano. In questo

caso il numero di voci ad uno stesso livello è abbastanza contenuto.

La scelta della presentazione e dello “stile di scrittura” agevola la comprensione del sito.

Molto importante, infatti, è il linguaggio che viene utilizzato la forma e la qualità con cui viene

presentata l’informazione soprattutto per operazioni interattive.

Offrire all’inizio della navigazione un maggior numero di indizi semantici che rappresentino il

contenuto dei livelli successivi aiuta a scegliere la strada giusta.

Le etichette verbali non sono ambigue, ma comprensibili e precise, e comunicano al meglio i

concetti e i contenuti di ogni sezione. Per il menu principale sono distinguibili perché hanno accanto

una piccola icona a forma di stella e sono molto più generiche poiché devono rappresentare e

raggruppare più tipi di informazioni, le quali, al secondo livello, presenteranno etichette verbali più

dettagliate.

7 La sezione “Acerca de la US” offre una panoramica dell’Università riguardo la storia,

l’organizzazione, la gestione, l’amministrazione, i dirigenti e le varie notizie relative all’Ateneo.

Ad ogni sezione della pagina “Directorio” è possibile fare una ricerca interna riguardo il

personale docente, amministrazione, studenti e altri servizi. La ricerca interna al sito è uno strumento

che fa parte dello spazio interattivo che rappresenta la dimensione funzionale dell’ambiente ipertestuale

grazie alla quale l’utente sceglie le diverse possibili modalità di uso; in definitiva costruisce strategie di

lettura, le più vicine alle esigenze immediate, allo stile di consultazione e di apprendimento del

visitatore.

La pagina “Organización” presenta due livelli, all’interno dei quali si possono trovare

collegamenti esterni al sito della Segreteria generale dell’Università, del Patrimonio Histórico-

Artístico, della fonoteca e della biblioteca. I link hanno titoli precisi, brevi ma rappresentativi, danno

indicazioni sulle destinazioni a cui puntano, con colorazioni chiare e univoche all’interno del sito.

Questo è un aspetto che fa parte delle strategie di connessione e che richiama il problema della

“visibilità”, ossia i link esterni servono a comunicare l’idea di appartenenza ad una comunità più vasta,

e rendono oltretutto più agevole e quindi meno sgradevole la navigazione.

Nella sezione “Internacional”, per esempio, nella barra laterale troviamo tutti i riferimenti, con i

relativi link esterni a Relaciones Internacionales y Programas de Intercambio e Programa Erasmus.

Nella parte centrale sono visualizzate delle immagini-icone con una breve e chiara descrizione che

collegano direttamente al Centro Internacional e al Centro Internacional de la Universidad de Sevilla.

Inserire una raccolta di link in uscita rappresenta un valore aggiunto. Fornire in ogni momento

agli utenti i migliori link ai siti che potrebbero essere loro utili farà in modo che una parte del valore

che l’utente attribuirà al sito di arrivo si trasmetterà al sito di partenza, perché l’utente sa di essere stato

guidato verso il nuovo indirizzo. I link si trasformano in contenuto e diventano motivo in più perché gli

utenti apprezzino e usino il sito. Aumenta così la credibilità e il valore del sito come fornitore di un

servizio professionale.

Nel caso dell’Università di Siviglia, pertanto, oltre ai requisiti di efficacia comunicativa e

attrattiva grafica, sono soddisfatti i criteri di completezza dei contenuti e comprensibilità delle

informazioni che sono molto dettagliate e organizzate con un sistema di classificazione comprensibile a

tutti. Il contenuto del sito Web è suddiviso in più unità indipendenti, collegate tra loro. Il testo è

concepito e riscritto con una suddivisione funzionale agli argomenti trattati. Il principio di suddivisione

del contenuto non riguarda solo le pagine di puro testo, ma la stessa home page così da non rischiare di

8

precludere alla vista dell’utente buona parte delle informazioni utili solo perché posizionate in una

parte di pagina nascosta.

Si tratta di una scelta progettuale molto importante perché influenza la navigazione e l’efficacia

complessiva. Le sezioni principali sono messe in evidenza e collegate tra loro coerentemente.

Le titolazioni delle sezioni sono chiare e specifiche in base agli argomenti. L’utente sa dove

cerc