BigThink

Per progettare un sito internet è necessario un approccio diverso da quelli tradizionalmente utilizzati come ad esempio la produzione di un’automobile o la costruzione di una casa, in quanto:

• Comporta la strutturazione di un’ampia e complessa rete informativa che deve essere ben chiara e facilmente accessibile all’utente.
• Coinvolge figure professionali diverse con competenze non solo informatiche come designer, programmatori, economisti, ingegneri, ecc.

In questo articolo vorrei fornirvi alcuni criteri per la valutazione della qualità dei siti web sfruttando il modello di Ghoese e Wenyu, 1998.

I criteri sono stati raggruppati in quattro categorie:

1. CONTENUTO

Rappresenta la qualità delle informazioni e dei servizi offerti dal sito e dipende da:

• Completezza, ovvero ampiezza e profondità (breadth and depth) delle informazioni contenute.
• Affidabilità, la capacità di un utente di stabilire la correttezza e la veridicità dei dati. Dipende, dalla possibilità di identificare il responsabile della pubblicazione e dalla possibilità di conoscere la data dell’ultimo aggiornamento.

2. STRUTTURA

Descrive la qualità della struttura del contenuto del sito e mira alla sua comprensione, agevolando così l’utente che può costruirsi un modello mentale degli elementi informativi contenuti e delle loro relazioni.

3. PRESENTAZIONE

Descrive la qualità dell’interfaccia del sito e dipende a sua volta da:

• Grafica, ovvero l’aspetto estetico, che può essere utilizzato o per migliorare l’attrattività del sito o per favorire la comprensione del contenuto e della navigazione.
• Coerenza nello stile: in un sito web è importante, per non disorientare l’utente, conservare il più possibile una continuità.
• Layout di pagina, ovvero la disposizione delle informazioni e dei link nelle singole pagine.

4. NAVIGAZIONE

Descrive la qualità dei collegamenti ipermediali tra le informazioni e la facilità con la quale un utente può muoversi al loro interno e dipende da:

• Percorsi, ovvero la sequenza di link con cui è possibile raggiungere le informazioni. Essi sono caratterizzati dal numero di collegamenti necessari per raggiungere l’informazione dalla home-page del sito, a tutte le altre pagine che lo compongono.
• Intuitività ovvero la capacità di un utente di intuire il contenuto di un link.
• Punti di rferimento, ovvero la presenza costante di alcuni link di riferimento in tutte le pagine di un sito. L’esempio classico è la presenza in bella vista della home page e dei contatti.

5 Accorgimenti utili per migliorare presentazione e navigazione

Di seguito vorrei proporvi una serie di particolari che possono fare la differenza nell’usabilità e nell’accessibilità  delle informazioni proposte dal vostro sito (blog, aziendale, personale, ecc).

1. CREARE UN LINK AL LOGO

Un logo cliccabile che riporta alla pagina principale piuttosto che utilizzare il classico bottone Home Page, spesso invisibile o inesistente.

2. AUMENTARE L’AREA CLICCABILE DEI LINK

Aumentare l’area cliccabile del logo per rendere più accessibile il sito durante la sua visualizzazione sui dispositivi portatili.

Preciso che se utilizziamo un iPod Touch per la navigazione su internet e il sito in questione non ha una versione per i dispositivi portatili, la precisione del click di un dito è molto differente dall’utilizzo di un mouse. Quindi aumentare l’area cliccabile potrebbe facilitare la pressione giusta del link di destinazione.

3. CREARE UN MENU DI NAVIGAZIONE ATTIVO

Spesso un utente si trova in difficoltà durante la navigazione perchè non ha ben chiaro dove si trova.

Creare un menu immediato può aiutare l’orientamento dei visitatori.

Bastano poche righe di css per segnalare la pagina in cui ci si trova e l’hover del mouse per la pagina di destinazione.

Per chi fosse interessato al seguente link può trovare 25 ottimi menu gratuiti da scaricare gratuitamente, che rispettano gli standard sopra esposti.

4. FORNIRE UNA PAGINA 404 UTILE

Spesso mi capita, durante le ricerche in Google, di seguire un link che mi porta ad una pagina 404, dove si trova un avviso che segnala l’inesistenza di un articolo o di una pagina.

Sarebbe molto utile invece fornire al visitatore una serie di risorse utili ad indirizzarlo verso fonti specifiche, quali: categorie del blog, pagine esistenti, ultimi articoli pubblicati e così via.

E’ anche possibile personalizzare la pagina proponendo una grafica particolare oppure mettendo un video divertente utilizzando 404toons.

5. AGGIUNGERE IL FOCUS AI CAMPI DELLE FORM

I campi delle form spesso contengono informazioni aggiuntive, un esempio classico è riportato qui sotto dove il campo di ricerca contiene del testo:

Succede a volte che si dimentichi di far cancellare quel testo al click di posizionamento del mouse, costringendo l’utente a doverlo fare a mano, con conseguente perdita di tempo.

Segnalo inoltre l’utilità di colorare lo sfondo dell’area editabile per segnalare meglio la posizione del mouse all’interno della form di caricamento dati.

Sono 5 consigli semplici e immediati che possono fare la differenza sulla qualità proposta dal sito, da tenere in considerazione per creare un’ambiente accogliente e utile per il lettore.

Fonti per l’articolo

• Sistemi Informativi per l’impresa digitale – McGraw Hill pag 74 – 75
• 10 Tips to Create a More Usable Web – WebDesignerDepot
• 404 TOONS: personalizzare la pagina di errore 404 con un cartone animato – IlariaLab

Approfondimenti

• WebFandom – Sistemi informativi basati sul web i Web Information Systems
• WebFandom – Qualche appunto sui sistemi informativi aziendali
• BigThink – 10 Linee guida per scrivere un post “usabile”

Condividi