Come progettare un nuovo sito web

La progettazione di un sito web dovrebbe iniziare molto prima della grafica e della scrittura del codice. Prima di scegliere colori, immagini o tecnologie è necessario capire cosa deve fare il sito, a chi si rivolge e quali informazioni deve rendere facilmente accessibili.

Un progetto ben impostato permette di prendere decisioni più consapevoli durante lo sviluppo e riduce la necessità di modificare continuamente struttura e funzionalità quando il lavoro è già iniziato.

La prima domanda quindi non dovrebbe essere “come sarà graficamente?”, ma “perché stiamo realizzando questo sito?”.

Partire dagli obiettivi

Un sito può avere obiettivi molto differenti: presentare un'attività, generare richieste di contatto, mostrare servizi, vendere prodotti, pubblicare contenuti oppure offrire funzionalità specifiche.

Definire l'obiettivo principale aiuta a stabilire quali pagine servono, quali informazioni devono avere maggiore evidenza e quali azioni vogliamo rendere semplici per l'utente.

Un progetto senza un obiettivo chiaro rischia invece di diventare semplicemente una raccolta di pagine.

Capire a chi si rivolge il sito

Dopo aver definito l'obiettivo bisogna considerare le persone che utilizzeranno il sito.

Un visitatore potrebbe conoscere già l'attività oppure arrivare per la prima volta attraverso un motore di ricerca. Potrebbe cercare un servizio preciso, confrontare diverse soluzioni o semplicemente voler capire se si trova nel posto giusto.

La struttura dovrebbe quindi essere progettata pensando alle informazioni che l'utente cerca e al percorso necessario per raggiungerle.

Definire i contenuti prima della grafica

Progettare una pagina senza sapere cosa dovrà contenere porta spesso a costruire contenitori grafici che successivamente devono essere adattati ai testi reali.

È preferibile conoscere almeno la struttura dei contenuti prima di definire nel dettaglio il layout.

Titoli, testi, immagini, servizi e call to action influenzano direttamente il modo in cui una pagina dovrebbe essere organizzata.

Stabilire quali pagine servono realmente

Non esiste un numero ideale di pagine per un sito web.

Bisogna creare quelle necessarie per presentare correttamente l'attività e rispondere alle principali esigenze degli utenti, evitando sia di concentrare tutto in un'unica pagina sia di frammentare inutilmente i contenuti.

Ogni pagina dovrebbe avere un argomento e una funzione riconoscibili.

Costruire l'architettura del sito

Una volta individuati i contenuti è possibile organizzarli in una struttura.

Pagine principali, servizi, approfondimenti e guide devono essere collegati secondo una logica comprensibile, evitando percorsi inutilmente complessi.

Questo lavoro è importante anche per la SEO e la struttura del sito web, perché permette di definire fin dall'inizio gerarchie e relazioni tra i diversi contenuti.

Progettare una navigazione semplice

Il menu deve aiutare l'utente a orientarsi, non mostrare necessariamente ogni pagina esistente.

Le sezioni principali possono essere raggiunte dalla navigazione generale, mentre contenuti più specifici possono essere collegati dalle pagine pertinenti.

Una buona navigazione permette di capire rapidamente dove ci si trova, quali sono le sezioni principali e come raggiungere l'informazione desiderata.

Progettare i percorsi dell'utente

Le pagine non dovrebbero essere considerate come documenti completamente indipendenti.

Dopo aver letto una determinata informazione, l'utente potrebbe voler approfondire un argomento, conoscere un servizio oppure contattare il professionista o l'azienda.

I collegamenti interni e le call to action dovrebbero quindi accompagnare naturalmente questi percorsi senza trasformare ogni paragrafo in un invito commerciale.

Decidere la tecnologia dopo aver capito il progetto

La tecnologia dovrebbe essere scelta in funzione delle caratteristiche richieste.

Un sito informativo relativamente stabile ha esigenze differenti rispetto a un progetto con numerosi contenuti aggiornati quotidianamente o funzionalità amministrabili.

Per questo non partirei automaticamente da un CMS, da un framework o da una particolare piattaforma.

Nella guida WordPress o sito sviluppato in codice approfondisco proprio questo tipo di scelta.

Sito statico o dinamico?

Anche questa decisione dipende da ciò che il sito deve fare.

Non tutte le pagine hanno bisogno di generare contenuti dinamicamente e, allo stesso tempo, un progetto può utilizzare PHP o altre funzionalità server soltanto dove sono realmente necessarie.

La guida dedicata alla scelta tra sito web statico o dinamico spiega più nel dettaglio questa differenza.

Pensare al responsive fin dall'inizio

Desktop e smartphone non dovrebbero essere affrontati come due progetti separati.

Durante la progettazione bisogna già considerare come menu, testi, immagini, colonne, pulsanti e altri elementi si comporteranno quando lo spazio disponibile diminuisce.

Il Responsive Web Design deve quindi far parte della struttura iniziale e non essere aggiunto alla fine come correzione.

Progettare anche per la velocità

Le prestazioni dipendono da molte decisioni prese prima ancora che il sito venga completato.

Immagini, font, librerie, script, servizi esterni e componenti grafici possono influire sul peso e sulla velocità delle pagine.

Per questo considero la realizzazione di siti web veloci una conseguenza della progettazione e non un'ottimizzazione da rimandare alla fine.

Non aggiungere funzionalità soltanto perché sono disponibili

Slider, animazioni, effetti, chat, mappe, video e numerose altre funzionalità possono essere utili in determinati progetti.

La loro presenza dovrebbe però essere giustificata da una necessità concreta.

Ogni elemento aggiunto introduce anche complessità, sia per l'utente sia dal punto di vista tecnico.

Una progettazione efficace consiste anche nel sapere cosa non inserire.

Progettare la SEO prima dello sviluppo

La SEO non dovrebbe essere applicata soltanto quando tutte le pagine sono già state realizzate.

Struttura degli URL, organizzazione dei contenuti, gerarchia delle pagine, title, heading e linking interno possono essere pianificati fin dall'inizio.

In questo modo la SEO tecnica diventa parte naturale del progetto anziché una serie di correzioni successive.

Definire URL semplici e stabili

Prima della pubblicazione conviene scegliere con attenzione gli indirizzi delle pagine.

URL semplici, descrittivi e sufficientemente stabili riducono la necessità di rinominarli successivamente e rendono più ordinata la struttura del sito.

Se si sta rifacendo un progetto esistente bisogna inoltre verificare quali URL siano già indicizzati e quali debbano essere mantenuti o eventualmente reindirizzati.

Accessibilità e facilità di utilizzo

Contrasto, leggibilità, dimensione dei caratteri, struttura semantica, navigazione da tastiera e chiarezza degli elementi interattivi dovrebbero essere considerati durante la progettazione.

L'accessibilità web non dovrebbe essere vista soltanto come un controllo da effettuare quando il sito è terminato.

Molte buone pratiche di accessibilità migliorano l'esperienza complessiva per tutti gli utenti.

Pensare alla manutenzione futura

Una decisione tecnica dovrebbe essere valutata anche in base a ciò che comporterà nel tempo.

Più componenti, plugin e dipendenze vengono introdotti, maggiore può diventare la quantità di elementi da aggiornare e controllare.

Progettare una struttura semplice e comprensibile può quindi rendere più facile anche la futura manutenzione del sito web.

Preparare i contenuti reali

Testi provvisori e immagini casuali possono essere utili nelle primissime fasi, ma il progetto dovrebbe essere verificato quanto prima con contenuti reali.

La lunghezza di un titolo, la quantità di testo, le proporzioni di una fotografia e il numero di servizi presentati possono cambiare significativamente l'equilibrio della pagina.

Il design dovrebbe quindi adattarsi ai contenuti e non costringere i contenuti ad adattarsi a uno schema rigido.

Progettare una call to action chiara

Se uno degli obiettivi del sito è generare richieste di contatto, deve essere semplice capire come farlo.

Telefono, email, modulo o altri strumenti di contatto devono essere facilmente raggiungibili senza interrompere continuamente la lettura con inviti eccessivamente insistenti.

Una call to action funziona meglio quando arriva nel momento in cui l'utente ha già ricevuto le informazioni necessarie per decidere.

Definire cosa misurare dopo la pubblicazione

Un sito può essere tecnicamente corretto ma non raggiungere gli obiettivi per i quali è stato realizzato.

Per questo è utile stabilire fin dall'inizio quali risultati osservare: richieste ricevute, pagine consultate, utilizzo di determinate funzionalità o altri indicatori realmente pertinenti al progetto.

I dati possono successivamente aiutare a capire quali parti funzionano e dove può essere utile intervenire.

Quanto costa il progetto?

Anche il budget deve essere considerato durante la progettazione, perché influenza quantità di contenuti, funzionalità e livello di personalizzazione.

Il punto non dovrebbe essere aggiungere il maggior numero possibile di caratteristiche, ma utilizzare le risorse disponibili per ciò che produce realmente valore.

Nella guida dedicata a quanto costa un sito web approfondisco gli elementi che possono influenzare il preventivo.

Se il sito esiste già, partire da ciò che funziona

Progettare nuovamente un sito esistente non significa necessariamente eliminare tutto.

Prima del rifacimento è utile analizzare contenuti, URL, posizionamento, funzionalità e pagine che stanno già producendo risultati.

La guida su quando rifare un sito web aiuta a distinguere tra interventi circoscritti e necessità di una nuova progettazione.

Dal progetto allo sviluppo

Quando obiettivi, struttura, contenuti e caratteristiche sono sufficientemente chiari, lo sviluppo diventa molto più lineare.

A quel punto è possibile scegliere le tecnologie appropriate e passare alla realizzazione del sito web con una base progettuale definita.

Per progetti che richiedono logiche o funzionalità personalizzate può entrare in gioco anche lo sviluppo web.

Un buon progetto evita molte correzioni successive

È normale che un sito evolva durante lo sviluppo, ma modificare continuamente decisioni fondamentali può aumentare tempi, costi e complessità.

Definire prima obiettivi, contenuti, struttura e tecnologia permette invece di affrontare lo sviluppo con una direzione precisa.

Un sito web efficace non nasce dalla somma di grafica, codice e funzionalità: nasce da un progetto nel quale ogni scelta ha una ragione.

CONTATTAMI