Alcune regole per il redesign del sito web

L'occasione in cui si ridisegna il proprio sito internet può essere favorevole per controllare di avere rispettato alcune regole fondamentali.

Di seguito alcuni consigli su come preparare al meglio le pagine del nuovo sito.

La navigazione deve essere semplice e comprensibile in modo che il visitatore riesca a trovare ciò che gli interessa (che è poi il motivo per cui è appena arrivato). Il sito deve essere navigabile senza che il visitatore sia costretto ad installare plug-in o altro software.
Rinunciare alle animazioni, finestre popup o introduzioni inutili (anche musicali, in questo caso far ben vedere il tasto di stop o pause) che non fanno altro che "rubare" tempo al visitatore. Non portano alcun valore aggiunto al sito ed allungano il tempo di trasferimento specialmente se sono sulla prima pagina, che si dovrebbe invece caricare velocemente.
Da ogni pagina ci deve essere la possibilità di raggiungere la pagina principale, dei contatti, della richiesta e della privacy. Informare il visitatore con chi si ha a che fare.
Non spaventare il visitatore con troppa grafica e colori vivaci. Meglio meno che troppo.
Il carattere della scrittura utilizzata nel testo non deve essere troppo piccolo, la soluzione migliore è di dare al carattere una grandezza relativa. Il colore della scrittura deve essere ben leggibile e contrastato. Scegliere una scritttura standard, che sia installata sulla maggior parte dei sistemi operativi. Quando si scrive fare attenzione agli errori di scrittura e grammaticali.
Non discostarsi dall'identità dell'azienda. Il design del sito deve riprendere l'identità aziendale conosciuta dal visitatore.
Dare la possibilità a tutti di vedere il sito e le informazioni in esso contenute. Testare il layout e le nuove funzioni implementate nelle pagine con più browser: diversi e di versioni diverse.
Controllare i link interni ed esterni al sito. Collegamenti non funzionanti (quali pagine o siti non trovati) non fanno una buona impressione al visitatore e nemmeno al motore di ricerca. Preparare quindi le pagine per gli errori standard come per esempio la pagina con "errore 404, pagina non trovata".
Con una sitemap e funzioni di ricerca all'interno del sito si dà la possibilità al visitatore di trovare ciò che cerca. Ma non solo, la sitemap è utile anche agli spider e robots dei motori di ricerca per indicizzare e memorizzare i dati del sito.
Effettuare gli update del sito ad intervalli regolari. Controllare che non ci siano in linea eventi con date passate.
Il web è interattivo. Si possono preparare elementi interattivi come un forum, un guestbook e un blog.
Trasferire e pubblicare le pagine del nuovo sito nel momento in cui queste sono finite senza mettere cartelli del tipo "Sito in costruzione". Piuttosto aspettare ed aggiungere poi con il tempo le pagine aggiuntive, senza però cambiare a posteriori i nomi dei file della pagine già trasferite e già registrate nei motori di ricerca.
Nel caso che si fossero cambiati dei nomi file delle pagine, effettuare un redirect 301 nel file .htaccess per informare il motore di ricerca che al posto del precedente nome pagina ora ne deve memorizzare un altro.

Sul sito browsershots.org si può controllare come le pagine vengano viste in diversi browser.

Da non dimenticare: rispondere sempre alle richieste pervenute per e-mail. Non ignorare le mail con domande che arrivano dai visitatori.

Usabilty, alcuni suggerimenti

Una struttura chiara:
il testo, le immagini e la navigazione devono essere strutturati in modo tale che all'utente sia tutto chiaro in un attimo.
Meno è meglio:
questo vale per tutti gli elementi della pagina (testo, immagini, navigazione, effetti). Rinunciare ad esagerare nell'utilizzo di certi elementi e cercare alternative. Non tutti gli utenti hanno attivato javascript o hanno installato gli ultimi plug-in.
Aiutare nell'orientamento:
una funzione di ricerca, una sitemap e la barra di stato possono aiutare il visitatore a trovare ciò che viene cercato.
Piccole porzioni di testo:
utilizzo di poco testo per il titolo ed il sottotitolo dell'articolo, poi nel corpo dell'articolo che viene caricato in una seconda pagina si può utilizzare tutto il testo che si vuole.
Sviluppare senza barriere:
ricordarsi che la pagina può venire visitata anche da ciechi o da utenti con problemi alla vista.
Preview delle immagini:
utilizzo di piccole immagini che possono venire ingrandite nel momento in cui le stesse vengono cliccate. In questo modo si riduce anche il tempo di attesa.
Utilizzo di link che si capiscano:
far capire al visitatore dove portano determinati link, i link già visitati devono avere un'altra apparenza rispetto ai link che sono ancora da visitare.
Rispetto degli standard:
ciò che si è imposto su determinate pagine conosciute, va riutilizzato, si ha più fiducia in ciò che è familiare.
Le impostazioni personali:
lasciare il controllo del browser all'utente, in modo che possa definire da solo la grandezza della scrittura o della finestra.
Ricerca del contatto:
offrire la possibilità all'utente di inviare una richiesta nel modo più semplice possibile e rispondere alla stessa in modo celere.
La formattazione del testo
La lettura ottimale di un testo non dipende solo dal contenuto e dalla struttura dello stesso ma anche da altri parametri, come la lunghezza della riga, influiscono sulla scorrevolezza della lettura.
Righe corte non si leggono bene, come nemmeno righe lunghe. Una riga di testo non dovrebbe avere più di 60 battute. Il tipo di scrittura da utilizzare dovrebbe essere una scrittura non serif. Un carattere come Arial o Verdana viene letto meglio.
Non utilizzare colori complementari tra testo e sfondo (p.es: rosso e verde). La combinazione di questi colori irrita l'occhio. Piuttosto utilizzare colori con più contrasto tra testo e sfondo.
Scritture chiare su sfondo scuro fanno apparire più piccola la distanza tra le lettere di quel che sono. In questo caso si può migliorare la lettura aumentando la distanza tra le lettere.
I sottotili sono importanti e si possono utilizzare scritte maiuscole per la prima lettera della parola del titolo, oppure colori diversi come anche un carattere diverso.