Fondamenti del web design: la progettazione

Anche per il design di un sito web vale la regola: migliore è la progettazione, più sarà facile la realizzazione. Non è rilevante che costruiate un sito web per la vostra azienda o per voi stessi o che magari lo stiate sviluppando per qualcun altro: il design di una pagina è un elemento fondamentale per il successo. Per questo è consigliabile preventivare abbastanza tempo per trovare la giusta idea, concepire e migliorare il sito web. Per trovare un’appropriata e convincente struttura per la vostra pagina, dovete considerare i seguenti punti.

Prima di creare il design di una pagina dovrebbe essere chiaro cosa si voglia ottenere e in quanto tempo. Sarebbe quindi utile chiedersi: qual è lo scopo del vostro sito? La risposta è alla base dell’intero progetto, così ogni componente dell’homepage dovrebbe orientarsi verso la buona riuscita dell’obiettivo prefissato. Un sito web può avere ad esempio lo scopo di aumentare il grado di popolarità dei contenuti, quindi di promuovere o informare. Qualora la pagina sia un e-commerce, l´obiettivo principale sarà quello di ottenere nuovi clienti o vendere più prodotti. Un sito web è generalmente il biglietto da visita di un´azienda o di un´istituzione; è importante che si tenga ben presente lo scopo del sito durante la fase di realizzazione e di creazione del design.

Chi è il target di riferimento del vostro sito web? Definitelo. Tenete sempre presente il vostro obiettivo: qualora promuoviate un prodotto o un servizio, dovete definire il vostro target di riferimento e adattarlo al design del sito, anche nel caso in cui si tratti di un portale informativo o di un forum su un argomento specifico. In ultima analisi, sia che si voglia proporre un’offerta commerciale, sia che se ne scelga una informativa, ogni gestore di un sito web dovrebbe sapere quale gruppo si cerchi di coinvolgere. Infatti, solo chi conosce i suoi utenti può modellare la propria pagina secondo questi parametri.

In molti ambiti si sono fissati degli standard per i contenuti e la loro presentazione. Così, per esempio, sulle pagine di vendita online si trova sempre una funzione di ricerca con dei pratici filtri. Ogni settore e ogni gruppo di riferimento è dotato di caratteristiche proprie che contraddistinguono i contenuti e la presentazione sul web. È importante conoscere questo tipo di aspettative degli utenti, soprattutto se il vostro sito si discosta dagli schemi attuali.

Adesso seguono alcune indicazioni per decidere la struttura della pagina web. Per svolgere questo compito, è consigliabile creare una sitemap, cioè un diagramma che riproduce la struttura delle pagine e i collegamenti delle singole pagine. Per avere una panoramica generale, visualizzate, con carta e penna o direttamente sul pc, la gerarchia della vostra pagina internet. Così facendo non organizzerete solo il contenuto del vostro sito, ma allo stesso tempo ne determinerete la navigabilità. Nella sitemap stabilite i collegamenti del sito, smistate ogni pagina a seconda della loro importanza e create una breve descrizione dei contenuti programmati. Ovviamente la struttura delle pagine deve rimanere chiara e non deve contenere troppe sottopagine per ogni categoria.

Collegata alla creazione della sitemap è la bozza del layout del sito web. In questo caso non si tratta del design definitivo del sito, ma solo dell’ordinamento e della funzione dei contenuti sulle singole pagine. Scegliendo il layout, deciderete ad esempio dove inserire il menu, come gli utenti raggiungano le sottovoci del menu e dove viene posizionato il logo del sito web. Gli altri elementi di cui occuparsi nella bozza del layout dipenderanno dai contenuti. Altre potenziali funzioni del sito da integrare e su cui riflettere sono:

• Una funzione di commento per i visitatori
• Collegamenti ai social media, social media buttons, con i quali gli utenti possono condividere e mostrare il loro apprezzamento per i contenuti del sito
• Annunci, banner e video degli sponsor
• Link di affiliazione ad aziende partner che promuovete sul vostro sito

Inoltre, dovrete riflettere per tempo se volete ottimizzare la visualizzazione del vostro sito web per diversi dispositivi (pc, tablet, smartphone, ecc.). Generalmente adattare la grafica del sito a diverse dimensioni dei display comporta dei vantaggi e spesso sarà necessario riordinare nuovamente i singoli componenti della pagina. La sitemap e il layout sono sempre collegati l’una all’altro e devono essere pianificati sin dall’inizio nella progettazione dei singoli elementi.

Oggigiorno le pagine internet non vengono più solo costruite dai professionisti. Se prima per creare e costruire un sito web erano ancora necessarie delle conoscenze informatiche di programmazione, oggi anche i dilettanti possono cimentarsi nell´impresa. Chi non possiede alcuna esperienza nel web design, si affida solitamente a modelli di siti già pronti che si basano sul Content Management System (CMS).

Un CMS offre agli utenti una superficie grafica con cui vengono creati e ordinati i singoli componenti della pagina. Conoscere un linguaggio di programmazione non è più necessario, anche se spesso potrebbe essere di aiuto. La quantità delle funzioni messe a disposizione dai singoli sistemi varia a seconda dei programmi; le features preesistenti in un CMS dipendono dal provider scelto che in genere offre diversi pacchetti. Più il prezzo di un’offerta aumenta, maggiore sarà la quantità delle funzioni incluse. Accanto a questi, esistono anche dei siti già pronti gratuiti. Purtroppo però le loro features sono generalmente limitate e possono essere create solo delle pagine web semplici.

Se volete creare un’homepage professionale, dovreste conoscere i linguaggi HTML e CSS con i quali avrete a disposizione la massima flessibilità. Tuttavia, per sviluppare direttamente dal codice sorgente una pagina senza errori e che sembri professionale, bisogna avere esperienza nel settore. Inoltre, la manutenzione e l’aggiornamento risultano più complicati rispetto ai CMS.

Avete anche la possibilità di affidare la creazione della vostra pagina web ad un professionista. Ovviamente, anche in questo caso, dovrete essere consapevoli a quali esigenze debba rispondere la vostra pagina.  Spetterà infine a voi, alla persona incaricata o all’agenzia a cui vi siete affidati di avvicinarsi, il più dettagliatamente possibile, alle vostre aspettative. In ogni caso, una progettazione studiata nei minimi dettagli influisce positivamente sia sul processo sia sul risultato finale del sito web.

Non appena saprete quali contenuti offrirà il vostro sito web, avrete ragionato attentamente sulla struttura e sulla sua creazione, deciso se creerete da soli la pagina o incaricherete qualcun altro, potete infine stabilire delle tempistiche. Nel caso di progetti più grandi si può decidere di gestire le scadenze per tappe (partendo ad esempio dalla produzione dei testi base per i contenuti per poi passare alla realizzazione del design di base, ecc.). In ogni caso, la gestione delle tempistiche dovrebbe contenere tutti i punti più importanti e allo stesso tempo rimanere chiara. Tenete sempre presente che le singole sezioni, in alcune circostanze, devono essere adattate o migliorate e una buona tabella di marcia prevede spazio sufficiente per correzioni del genere. Inoltre, le tempistiche vanno aggiornate regolarmente e adattate ai nuovi elementi del progetto.

Se avete considerato ed elaborato tutti questi aspetti, avrete ora completato la struttura di base del vostro sito web. Successivamente, vi dovrete occupare della realizzazione dei singoli punti, prestando attenzione ad alcune cose. Nei prossimi articoli sul tema “fondamenti del web design”, scoprirete come rendere la vostra pagina facile da utilizzare e cos´è da tenere in considerazione nell´uso dei loghi e dei colori nel web design.