Costruire siti web pensando al futuro

Il web design è carico di domande esistenziali. Uno dei più grandi è: posso creare un sito Web oggi che sarà ancora rilevante (in termini di stile e funzionalità) domani?

La risposta probabilmente dipende da quanti domani nel futuro ti riferisci. Ma una buona regola pratica è che, più passa il tempo, meno rilevanti diventano il design e la funzionalità di un sito web. Il futuro porta sempre cambiamenti, spesso in modi che non prevediamo.

Questa è probabilmente una buona cosa, in quanto ci tiene occupati con il lavoro di riprogettazione. Ma se stiamo effettuando il refactoring di un sito esistente, può essere una vera sfida.

La chiave per affrontare questa sfida è progettare e realizzare siti web che guardino al futuro. Di seguito sono riportati alcuni suggerimenti per farlo.

Usa sistemi consolidati

I sistemi di gestione dei contenuti (CMS) sono arrivati ​​a dominare il panorama. E mentre conosciamo tutti i grandi attori come WordPress e Drupal, ci sono un numero incalcolabile di concorrenti. Ciò non tiene nemmeno conto della pletora di servizi di creazione di siti fai-da-te là fuori.

Sebbene molti dei sistemi emergenti suonino avvincenti, c'è una seria domanda riguardo al loro potenziale di longevità. In poche parole: potrebbero essere o meno in circolazione tra qualche anno. Questa non è nemmeno una questione di qualità. La realtà è che è una battaglia in salita e ci saranno sicuramente delle vittime lungo il percorso.

Per i tuoi progetti più piccoli, questo potrebbe non essere un problema. Ma per i siti Web più grandi, la stabilità è fondamentale. Dover passare a un nuovo CMS perché la tua piattaforma attuale sta languindo (o peggio) è un compito importante.

Ecco perché, prima di creare un progetto o scrivere una singola riga di codice, la scelta di un CMS è la decisione più importante da prendere. Scegliere saggiamente.

E, una volta scelto il CMS perfetto, vorrai pensare a lungo e intensamente a tutti i plugin che intendi utilizzare. Ciò è particolarmente importante quando quei plug-in alimenteranno le funzionalità di base, come l'eCommerce, la gestione dei membri, ecc. Anche in questo caso, l'obiettivo è evitare la grave interruzione di dover passare in seguito.

Design e codice per la flessibilità

Un modo per garantire praticamente una seccatura futura è quello di inscatolare te stesso con funzionalità non flessibili. Ciò include sia elementi di progettazione creati per qualsiasi esempio di contenuto fornito da un client sia codice personalizzato che non è facilmente estendibile in futuro.

Design

I siti web si evolvono nel tempo. Viene aggiunto nuovo contenuto e il suo formato è sempre soggetto a modifiche. Questo può essere molto difficile da prevedere, tuttavia. E così, tendiamo a progettare per il qui e ora.

Tuttavia, questo non significa che non possiamo prepararci a questa inevitabilità. Un modo semplice per farlo è utilizzare alcune delle nuove straordinarie funzionalità di layout in CSS. Flexbox, ad esempio, offre layout multicolonna che possono allungarsi per adattarsi alla colonna più alta del gruppo. E CSS Grid può essere ottimizzato in layout complessi quasi infiniti con solo un po' di codice.

La navigazione è un'altra area che sembra sempre oltrepassare il suo intento iniziale. Possiamo prepararci a questo seguendo le tendenze, come posizionare almeno alcuni elementi dietro il buon vecchio menu dell'hamburger. Ciò consente la crescita e non richiede necessariamente modifiche radicali al design.

Soprattutto, cerca soluzioni che siano sia creative che pratiche. Questo ti aiuterà a evitare di imbatterti in un muro di design fatto da te.

Codice

Proprio come il contenuto deve cambiare, così anche i requisiti di funzionalità. Pertanto, probabilmente vale la pena sia anticipare che accettare che il codice che scriviamo oggi cambierà a un certo punto.

A seconda della lingua che stai utilizzando e del tuo livello di esperienza, scrivere codice che consenta modifiche future può essere una vera sfida. A volte, solo farlo funzionare per il bisogno più immediato richiede tutte le nostre capacità intellettuali.

Inoltre, ci sono molti modi per ottenere lo stesso risultato. Questa, tuttavia, è una buona cosa. Una volta raggiunto il tuo obiettivo di funzionalità iniziale, hai l'opportunità di dare una seconda occhiata.

Da lì, pensa a come semplificare ciò che hai fatto e guarda quanto sarà facile estenderlo in seguito. Chiediti come puoi rendere il tuo codice il più efficiente possibile. Fare questi passi ora potrebbe prevenire un pasticcio futuro.

Cerca le aree di potenziale crescita

A volte, la creazione di siti Web per i clienti è un gioco di indovinelli. Spesso si tratta di cercare di capire le richieste vaghe e di anticipare come reagiranno alle tue idee. Può essere difficile arrivare sulla stessa lunghezza d'onda.

Ecco perché è importante porsi le domande giuste. Questo può essere molto utile quando si tratta di individuare aree di un progetto che potrebbero espandersi nel tempo.

Ad esempio, diciamo che un cliente ti dice che sta cercando un semplice sito di eCommerce (che, tra l'altro, non esiste). Questa è un'area pronta per la crescita.

Molto probabilmente nuovi prodotti e funzionalità verranno aggiunti ad un certo punto. Comprendendo questo, puoi progettare e costruire in previsione della possibilità. Un esempio potrebbe essere l'implementazione di un carrello della spesa che può essere facilmente esteso per fare una moltitudine di cose, piuttosto che uno con un focus ristretto.

Non puoi fermare il futuro, ma puoi provare a costruire per esso

Anche se prevedere il futuro del web design e le esigenze dei nostri clienti non è una scienza esatta, è comunque un'impresa degna. Certamente, ci saranno momenti in cui indovineremo male. Ma l'implementazione di pratiche lungimiranti nel nostro flusso di lavoro ci aiuterà ad accogliere la maggior parte dei cambiamenti.

Soprattutto, si tratta di prendere decisioni intelligenti in ogni fase del processo. Che si tratti della scelta di un CMS o della scrittura di alcuni CSS, è importante pensare a come influisce sulla capacità di un sito Web di adattarsi al futuro.

Niente che creiamo durerà per sempre nella sua forma attuale. Ma con la preparazione, possiamo contribuire a garantire che la sua evoluzione sia il più agevole possibile.