Progettazione delle pagine Web

Progettare e formattare le pagine Web non è un'operazione semplice. I progettisti Web hanno alle spalle anni di studio e possono arrivare a guadagnare cifre considerevoli. Ad ogni modo, esistono alcuni principi di base che consentono di creare un sito Web dall'aspetto professionale. A questo proposito, consigliamo di consultare le risorse in linea indicate di seguito e di leggere attentamente il "manifesto" riassuntivo.

Web Design 101
Questa divertente introduzione propone una serie di domande che devono essere prese in considerazione ancora prima di progettare il sito. La strutturazione del sito dipende in buona parte dallo scopo che si vuole raggiungere e dal pubblico di destinazione. Leggere questo documento prima di iniziare.

Tips for Writers and Designers
Una guida per progettisti Web un po' pretenziosa, ma comunque utile e completa (l'autore è Dave Siegel). Una buona parte di questo sito è dedicata alle sottigliezze del codice HTML, ma alcune informazioni possono essere tranquillamente usate per i negozi virtuali ShopSite.

Creating Graphics for the Web Designer
Questa guida è rivolta in particolare agli utenti che devono convertire logotipi e immagini esistenti in un formato utilizzabile sul Web. È incentrata prevalentemente sul Mac ed è utile soprattutto a chi utilizza Photoshop. È piuttosto tecnica, ma è molto esauriente e sempre aggiornata. Spiega come convertire i file EPS in immagini bitmap per il Web, come ottimizzare Photoshop per la progettazione Web e come scegliere tra il formato GIF e il formato JPEG.

Web Style Guide
Questo manuale in linea (realizzato dall'università di Yale) non ha una grafica molto accattivante ma offre un buon livello di approfondimento. È una sorta di corso universitario su come ottimizzare la progettazione Web. Chi segue queste direttive non vincerà sicuramente dei premi, ma riuscirà a soddisfare i propri clienti creando un sito omogeneo e di facile esplorazione.

Manifesto Internet

I suggerimenti presentati in questo manifesto sono il frutto di anni di progettazione di documenti per il Web. Non è necessario seguire tutte queste indicazioni né condividerle fino in fondo. Ci auguriamo semplicemente che vengano lette.

La lettura di un testo a video è meno agevole della lettura di una pagina stampata. Per ovviare a questo inconveniente dobbiamo presentare il testo nel modo più elegante possibile. Alcuni dei suggerimenti che seguono hanno lo scopo di superare i limiti imposti dal mezzo informatico, altri sono semplicemente convenzioni che sono state adottate dalla comunità di Internet nel corso degli anni.

Non scrivere tutto in MAIUSCOLO. SU INTERNET, SCRIVERE IN MAIUSCOLO È UN PO' COME URLARE. Il carattere maiuscolo, inoltre, rende più difficile la lettura del testo. Se si desidera mettere in risalto una parola specifica, è possibile utilizzare il grassetto. Di tanto in tanto è accettabile ricorrere al maiuscolo per un titolo, ma in generale è preferibile utilizzare un tag HTML o aumentare le dimensioni del carattere.

Non utilizzare blocchi di testo eccessivamente lunghi. La lettura a video è molto faticosa. In altre parole, è necessario essere brevi. Se si devono trasmettere molte informazioni, è opportuno inserire una riga vuota tra un paragrafo e l'altro, esattamente come abbiamo fatto in questo manifesto. A questo scopo, inserire un tag "<p>" tra i paragrafi da separare. Se si desidera concludere una riga senza inserire uno spazio prima di quella successiva, utilizzare il tag "<br>". Il testo che appare sul Web ha spesso un aspetto disomogeneo, ma è possibile trovare una giusta via di mezzo tra i blocchi mastodontici e le righe isolate.

Non eccedere con i caratteri di punteggiatura. Questi caratteri aggrediscono gli occhi e sono difficili da leggere. I punti esclamativi e interrogativi, ad esempio, devono essere usati con moderazione. Le serie di punti interrogativi (??????) o esclamativi (!!!!) producono un effetto terribile. Anche... un uso eccessivo... dei puntini di sospensione... spezza la continuità della riga e conferisce al testo un aspetto poco professionale, mentre il ricorso indiscriminato al grassetto riduce l'incisività della pagina. Per verificare come vengono sfruttati gli strumenti linguistici da un buon autore, è sufficiente aprire il proprio libro preferito.

Già che siamo in argomento, consigliamo di usare i punti esclamativi solo per le esclamazioni vere e proprie, che a loro volta devono essere ridotte al minimo. Apparire troppo ansiosi può essere controproducente, soprattutto quando si cerca di vendere qualcosa. Per comunicare un concetto è sufficiente sfruttare il potere insito nelle parole senza appoggiarsi alla punteggiatura.

Se vengono utilizzate in modo indiscriminato, le "virgolette" perdono ogni efficacia. Le virgolette devono essere usate con misura e solo per indicare le espressioni che non ci appartengono, ad esempio le citazioni o le parole che non abbiamo scelto spontaneamente. Molti autori, ad esempio, riportano l'espressione "autostrada informatica" tra virgolette perché ritengono che sia un termine stupido inventato dai mass media. In questo caso, l'uso delle virgolette veicola anche un giudizio sulle parole.

Ridurre al minimo le dimensioni delle immagini. Questo suggerimento riguarda sia la velocità che l'aspetto estetico. Se si visualizza un'immagine che deve essere analizzata in tutti i suoi dettagli, ad esempio un dipinto o una fotografia da vendere, un'illustrazione a tutto schermo non crea alcun problema. I logotipi e le immagini dei prodotti, al contrario, non devono occupare più di un terzo dello schermo. Nella maggior parte dei casi, è sufficiente garantire la riconoscibilità dell'immagine. Per quanto riguarda il file dell'immagine, le dimensioni ottimali sono attorno ai 20 K. Per ulteriori consigli sulle immagini, vedere Suggerimenti grafici per il commercio in linea.

Le immagini che verranno visualizzate in una colonna devono avere una larghezza uniforme. Poiché i prodotti di ShopSite vengono elencati all'interno di colonne, è importante utilizzare immagini di larghezza omogenea per ottenere un negozio virtuale più ordinato. La maggior parte delle applicazioni grafiche consente di indicare una larghezza specifica in pixel.

In generale, consigliamo di dedicare tutto il tempo necessario alla realizzazione di immagini di qualità. I clienti giudicano i prodotti e i servizi offerti in base all'aspetto del sito. Le immagini di qualità scadente, pertanto, possono ripercuotersi negativamente sulla propria credibilità. Se non si è in grado di realizzare immagini soddisfacenti, è possibile rivolgersi a un professionista.

Non utilizzare testo lampeggiante. Lo troviamo davvero irritante e vorremmo che non fosse mai stato inventato. Probabilmente esistono delle situazioni in cui può essere utile, ad esempio per le comunicazioni molto urgenti, ma nella maggior parte dei casi non fa altro che distrarre gli utenti. Anche se si prova a leggere qualcos'altro, gli occhi vengono inevitabilmente attratti dal testo lampeggiante. In alcuni casi, probabilmente, serve proprio a distogliere l'attenzione dalle clausole più subdole…

Pagina Principale della Guida | Cerca | Feedback
Per inviare commenti o richiedere informazioni aggiuntive, utilizzare un messaggio email di feedback.