aperitivo web Accordance: web accessibile e tecnologia sicura
Riflessioni, guide, recensioni siti e libri, informazioni, eventi, risorse su:
Benvenuta/o! In questo momento ci sono 7 visitatori. | Informazioni e contatti | Cerca

comunicazione e ICT

comunicazione e ICT logorisorse > Una questione di immagine

Pillole di web design e dintorni per non addetti ai lavori

di D.DellAquila

Lo sappiamo tutti. L'impatto visivo di una pagina web è importante: è la prima informazione che riceviamo, prima ancora di poterne valutare i contenuti, i servizi offerti, la facilità di navigazione, ecc. Due elementi concorrono insieme a dare la prima impressione al navigatore: l'aspetto e la velocità di caricamento. Nota: questa guida è stata pubblicata per la prima volta su www.dols.net nell'estate 2001.

pallino1. Impostazione grafica e immagine coordinata

Un sito web ben fatto graficamente conferisce identità all'azienda (o al servizio offerto) oltre che al sito stesso. La grafica di norma deve essere leggera, non distrarre il navigatore e arricchire di contenuto il sito stesso.
Fate delle immagini un uso parsimonioso (rallentano il caricamento della pagina) e armonico al contenuto. Non esagerate con le animazioni: sono tanto carine, ma, oltre a conferire un aspetto da paginetta web vecchio stile, distraggono il navigatore. Un'animazione per videata è il tetto da non superare (ricordate che anche i banner sono in genere immagini animate).
Per decidere che impostazione grafica dare al sito è bene avere chiari in mente contenuti e servizi offerti, e il target (i potenziali navigatori).
Quelli elencati qui di seguito sono esempi semplici e banali, destinati a chi necessita di un'informazione di base, sia per realizzare un sito autonomamente, sia per trattare con i fornitori in maniera più consapevole. Per una più articolata strategia di definizione e costruzione dell'immagine aziendale è bene rivolgersi a esperti di comunicazione aziendale.

pallino1.1 I contenuti

Definire i contenuti prima di cominciare è importante. Sarà un sito con molto testo? In questo caso è preferibile usare un fondo chiaro (bianco, avorio, o al massimo una sfumatura leggera di un colore pastello). Avrà poco testo ma molte immagini? Lo sfondo scuro (nero o blu notte) dà risalto alle immagini fotografiche e regge abbastanza bene il testo scritto in bianco. Sfondi di colori vivaci (tipo rosso, turchese, verde, ecc.) rendono faticosa la lettura. Naturalmente, testatine, bottoni, barre di navigazione e altri elementi grafici possono essere invece colorati.

Ma è importante anche distinguere fra diversi tipi di contenuto. Per esempio, il sito di una rivista letteraria avrà un impatto grafico diverso da quello di una banca o una compagnia di assicurazioni. Nel primo caso bisogna rievocare concetti quali cultura, piacere della lettura, ecc. Nel secondo bisogna comunicare sensazioni quali affidabilità, serietà, solidità. Quindi, per esempio, fregi floreali e la gamma dei marroni e dell'avorio per la rivista letteraria; geometrie astratte giocate sul bianco e la gamma dei blu per il secondo; o, ancora, foto che fanno sognare unite a frasi invitanti per un sito turistico.


pallino1.2 Il target

L'altro elemento da tenere in considerazione è il nostro pubblico potenziale. Prima di cominciare è bene chiedersi: a chi si rivolge il mio sito? Chi può trovarlo interessante e/o utile?
Se si tratta di un target molto preciso ciò può determinare l'impostazione grafica: per esempio, disegnini a volontà e scritte grandi e coloratissime se ci rivolgiamo a bambini, ricercatezza grafica ed effetti speciali per un pubblico di "addetti ai lavori" (grafici, artisti, ecc.), essenzialità e ricchezza di informazioni, senza troppi fronzoli decorativi, se il nostro navigatore tipo è un professionista alla ricerca di informazioni.


Google


Risorse correlate:
Grafica e contenuto sul web (guide)

Questo sito si vede meglio con browser conformi agli standard web, ma abbiamo fatto il possibile perché i contenuti fossero comunque accessibili con qualunque browser e su qualunque dispositivo. Per poter visualizzare correttamente la grafica è necessario utilizzare browser standard: www.webstandards.org