Scrivere Sul Web

Quello che segue e' semplicemente un tentativo di definire un minimo di "stile" generale per la stesura ed il mantenimento di un sito Web. Questo "stile" e' stato creato dopo una serie di tentativi ed errori e non e' frutto di studi sofisticati ma della mia esperienza personale come curatore di siti e come utente di Internet.

Nel momento in cui incespicate nell'ultimo gradino del seggiolone e picchiate il naso per terra (metaforicamente parlando) capirete che:

• Non ci sono due browser che visualizzano la stessa pagina nello stesso modo
• Se l'utente ha il vostro stesso browser probabilmente ha una risoluzione diversa
• Il browser non e' mai stato pensato per essere un Word Processor, e la sua struttura riflette esattamente questo fatto
• Nessuno possiede Internet, quindi prima che uno standard sia accettato universalmente ci vuole parecchio

Queste qui' sopra possono essere riunite nella classica massima del buon Murphy: se qualche cosa puo' andare male lo fara'.

Quando definiamo un documento Web occorre tenere bene a mente queste informazioni, per evitare di incorrere nel classico errore del "lo vedo bene sul mio, si vede bene ovunque".

Utilizzare le tabelle che sono gestite da tutti i browser in modo da organizzare il contenuto della pagina, e lasciare degli spazi bianchi per permettere all'utente di riconoscere le singole parti.

Utilizzare possibilmente uno schema di colori molto semplice, evitare sfondi ultrasofisticati che rendono il testo illeggibile o difficilmente riconoscibile.

E per l'amor del cielo, evitate lo sfondo nero con i caratteri bianchi (a meno che non stiate preparando un sito Web per una azienda di Pompe Funebri), e' diventata una costante in Internet, praticamente ci sono solo montagne di pagine nere con caratteri bianchi (benche' abbia visto anche cose come sfondi Viola con caratteri Rossi o peggio).

Cercate sempre di essere coerenti tra le varie pagine, evitate bruschi cambi di colori e layout tra una pagina e l'altra. Sceglietevi una struttura di pagina ed uno schema colori ed usatelo in tutte le pagine.

Quando stiamo leggendo un documento i nostri occhi tendono a scorrere il testo dall'alto verso il basso e da sinistra verso destra, cerchiamo di ricordarcelo e di costruire il nostro sito nello stesso modo, in maniera che gli occhi del nostro utente siano automaticamente "guidati" nel contenuto del sito.

Se abbiamo progettato la nostra pagina in modo che gli occhi del nostro utente saltellino di qua' e di la' come la pallina di un flipper, sicuramente l'utente non restera'.

I link tra le pagine permettono di "ampliare" la profondita' di un discorso aggiungendo dettagli ed informazioni, ma troppi link annoiano e disturbano, inoltre l'utente tende a perdere il filo del discorso ed il giudizio finale sul sito sara' sicuramente meno positivo.

Quando mi trovo con qualcuno che mi domanda "mi dite che ne pensate del mio sito web?" e per caricare la home page ci si impiega dai 45 secondi al minuto e mezzo, il mouse viaggia da solo verso il tasto "back", soprattutto se il tempo impiegato nel caricamento e' dovuto a un paio di stupendissime immagini grafiche delle quali nonmenepofregadimeno... e questo porta automaticamente alla voce successiva.

Questo dettaglio viene spesso "dimenticato" da molti WebMaster, con risultati abbastanza orrendi, ad esempio il testo viene "oscurato" da parti grafiche, l'utente e' costretto ad utilizzare le barre di scorrimento per leggere il testo da sinistra a destra, eventuali banner e barre di navigazione possono diventare illeggibili o irriconoscibili, peggio ancora se aggiungiamo un background non omogeneo.

Quando progettate una pagina dovete tenere in considerazione anche la risoluzione del video a cui questa sara' vista. E questo e' un bel dilemma, perche' se la pagina risulta troppo ampia, l'utente sara' obbligato a scorrere il testo usando la barre di scorrimento orizzantale, cosa che e' piuttosto noiosa e frustrante, oltre a far sembrare il vostro sito progettato troppo in fretta e male.

La mia opinione e' che un sito ben progettato dovrebbe poter funzionare per il minimo comun denominatore, altrimenti tenete conto che il 20% dei vostri visitatori si trovera' con un sito che non e' visibile a meno di non cambiare monitor.

I dati che seguono sono stati raccolti dalla Sun Microsystem sul loro sito Web:

Come si vede dai risultati, se si progetta il sito per essere visto da un 640x480 si prendera' il 100% degli utenti, se si utilizza l'800x600 la percentuale si riduce del 23% secco.

La grafica e' bella, ma e' molto pesante da gestire, utilizzatene poca ed a ragion veduta, possibilmente utilizzate solo immagini GIF interlacciate che permettono un caricamento piu' rapido. Se avete tante immagini su una sola pagina utilizzate dei thumbnail per risparmiare tempo di caricamento e poi consentite all'utente di visualizzare il grafico in grande stile. Indicate sempre la dimensione dell'immagine nel tag IMG, in questo modo permettete al browser di visualizzare il resto del sito prima di aver terminato lo scaricamento dell'immagine.

Quando si inserisce un'immagine usare il tag ALT per definire un testo alternativo nel caso in cui l'utente non abbia caricato l'immagine (perche' ha disattivato il caricamento delle immagini) e per fornire ulteriori informazioni relativamente all'immagine stessa.

Tenete presente che le immagini non fanno il contenuto, servono a sottolinearlo o a dare maggiori dettagli. Se state parlando dei quadri di Chezanne o delle ultime prodezze di Rambo, potreste pensare di metterci qualche fotografia, ma non tutti i quadri di Chezanne e tutte le fotografie di Stallone!! E possibilmente ad una risoluzione "umana", non a 1024x768 con 1miliardo di colori!

Se avete un sacco di immagini potete fare una pagina apposita per poterle visualizzare separatamente, se l'utente ha tempo e voglia puo' scaricarsi tutte le immagini, se l'utente non ha tempo ne' voglia non deve essere obbligato a farlo.

Mai includere in una pagina un'immagine o comunque un elemento grafico che e' semplicemente "collegato" da un altro sito. In questo modo aumentate il tempo di scaricamento della pagina e "rubate" banda all'altro sito.

Non c'e' niente di male ad usare lo stesso bottone "indietro" di tutti gli altri siti, anzi, migliora l'usabilita' del vostro sito e lo rende piu' confortevole per l'utente abituato ad usare sempre gli stessi comandi.

Certo, sul vostro sistema, con quella bellissima scheda sintetizzatore 32 bit e quelle casse audio amplificate da 80 Watt viene fuori una bellezza, adesso provate a staccare le casse ed a suonare lo stesso pezzo usando l'altoparlante interno del PC. Ecco, questo e' quello che sentira' il 90% degli utenti quando finiranno nel vostro sito. Ne vale la pena?

Se volete proprio mettere un sonoro al vostro sito almeno avvisate prima l'utente che cosi' si preparera' e mettera' i tappi nelle orecchie, oppure prevedete la possibilita' di disattivare il sonoro.

E' questo che fara' si che gli utenti ritornino nel vostro sito oppure se ne vadano per sempre, pensiamoci un attimo, andiamo a visitare i nostri siti preferiti perche' ci sono quelle bellissime GIF animate in giro e quello sfondo formidabile e quella musichetta di sottofondo o ci andiamo per leggere il testo ? Se le GIF animate e la musichetta non ci fossero ci andremmo lo stesso?

Il contenuto del sito e' quello che frega l'80% dei Web Master all'inizio, semplicemente perche' non c'e'... e niente e' piu' noioso che leggere un libro con le pagine bianche (letta una si sono lette tutte).

Facciamo conto quindi di avere un contenuto da scrivere, e passiamo a pensare a come scriverlo in modo che faccia un bell'effetto.

Concentratevi sullo scopo del vostro sito ed evitate di divagare su cose che non c'entrano niente, in questo modo evitate di perdervi per la strada e di aggiungere cose inutili.

Cercate di utilizzare il piu' possibile un linguaggio comune ed amichevole, leggere un testo accademico non e' molto divertente e la gente cerca di evitarlo. Pensate a cosa fareste voi se vi capitasse in mano un libro che vi richiede di rileggere per almeno 3 volte ogni pagina prima di capirci qualche cosa, probabilmente smettereste a pagina 2.

La stessa cosa vale per i siti Web, se l'utente non capisce quello che legge se ne andra' per non tornare piu'.

Quindi curate molto lo stile del testo, fate in modo che sia scorrevole, chiaro e conciso. Il vostro scopo e' quello di "acchiappare" l'utente spingendolo a leggere la pagina successiva, non quello di annoiarlo a morte (c'e' tempo per quello...).

Verificate sempre la sintassi e la grammatica del vostro sito prima di pubblicarlo, niente e' piu' frustrante che districarsi in una pagina zeppa di errori grammaticali, oltre al fatto che la qualita' del sito decade miseramente.

Non usate generatori di codice (FrontPage in cima alla lista) a meno che non abbiate da convertire una grande massa di file in codice HTML o non abbiate alcuna voglia di imparare alcunche'. Un generatore di codice vi toglie il controllo di cio' che state facendo e vi impedisce di imparare.

La "cassetta degli attrezzi" di qualunque Web Master dovrebbe prevedere come minimo:

• un buon editor ASCII
  possibilmente con la possibilita' di evidenziare automaticamente i TAG html, di effettuare ricerche e sostituzioni su piu' files e magari la capacita' di eseguire delle Macro per effettuare le modifiche veloci
• un editor grafico
  per ritoccare o creare le immagini da mettere sul sito, cambiare gli sfondi e cose cosi'
• un tool di conversione dei file grafici
  per poter convertire i file grafici da un formato all'altro e per preparare i vari thumbnail da usare nel sito
• un correttore ortografico/vocabolario
  per verificare la sintassi del sito
• un manuale di HTML/DHTML
  da tenere sempre a portata di mano per verificare l'esatta sintassi dei tag, nessuno si ricorda tutto a memoria e questo vi risparmia la noia di cercare le informazioni ogni volta
• eventualmente un programma di impaginazione grafica
  per disporre gli elementi sulle pagine senza dover codificare a mano il tutto, l'importante e' che il codice prodotto sia privo di "stranezze" e che, possibilmente, sia in grado di rileggere i file HTML dopo che li abbiamo "smanettati" a mano. Tenete conto che questo e' opzionale, si possono creare siti Web anche senza avere un tool di questo genere.

• spazio occupato sul server
• numero di subdirectory/files
• numero di connessioni
• presenza/assenza di banner commerciali o altro

Considerate la possibilita' di passare ad un Web Hosting, cioe' di mettere il sito "a pensione" presso un altro provider, esistono migliaia di siti che effettuano Hosting a differenti prezzi e fornendo differenti servizi. Una bella ricerca sui motori come Altavista o Yahoo fornira' almeno un centinaio di nominativi con cui partire.

Come si esegue? Semplicissimo. Prendete 2 browser: un Netscape di qualche anno fa ed un Internet Explorer un po' piu' nuovo o viceversa, quindi andate nelle "opzioni" di entrambi e scegliete:

Visualizza immagini: disattivato
Visualizza animazioni: disattivato
Riproduci audio: disattivato
Riproduci video: disattivato
Compilatore Java: disattivato

Quindi "apriamo" il sito in questione... se almeno il 70% del sito e' visibile ed "usabile", l'esame e' quasi superato, rimane da vedere se quello che rimane ha un senso oppure no.

Verificate tutti i link in tutte le pagine (che nervi quando vedi un link, fai click ed ottieni un bel "pagina non trovata"), verificate che il testo sia leggibile senza dover scorrere a destra ed a sinistra la finestra e che non rimangano 2 Km di spazio bianco ai lati.

Impostate il video a 640x480 e poi ricaricate il sito. E' ancora leggibile?

Chiudete gli occhi e teneteli chiusi per almeno 30 secondi (senza addormentarvi), poi apriteli e guardate la pagina. I vostri occhi trovano subito l'inizio del testo, il titolo, il sottotitolo e sono riconoscibili i singoli paragrafi ed i singoli "blocchi" di testo o saltellano di qua' e di la' senza riuscire ad "afferrare" la pagina ?

Le animazioni sono carine e "attirano" l'attenzione, ma niente annoia e distrae di piu' di una pagina completamente piena di icone o immagini in movimento.

Tenete a mente che non esistono due browser che visualizzano la stessa cosa nello stesso modo, quindi evitate di utilizzare Tag che sono specifici di un solo browser, tutti gli altri ignoreranno il tag o visualizzeranno delle schifezze. E non dite all'utente dove puo' andare a procurarsi un browser migliore o quello se ne andra' per non tornare piu'.

Non usate frame per il gusto di farlo, se proprio vi servono i frame prevedete la possibilita' di visualizzare le stesse cose senza frame.

Provate le vostre creazioni con almeno 2 browser diversi, solo cosi' avrete una minima sicurezza del fatto che il documento risulta leggibile in entrambi i casi.

Max length of comments: 1000 chars.

grazie

Add a comment (max 1000 chars)