Perché un sito moderno non deve essere necessariamente complesso
Un sito moderno non è quello che contiene più funzioni, animazioni o tecnologie. È quello che riesce a fare bene ciò che serve, con un'esperienza chiara, veloce e coerente. La complessità, quando non aggiunge valore, diventa semplicemente un ostacolo.
Perché un sito moderno non deve essere necessariamente complesso
C'è un'idea piuttosto diffusa nel mondo del web:
più un sito è sofisticato, più è moderno.
Animazioni ovunque.
Menu elaborati.
Effetti al passaggio del mouse.
Transizioni spettacolari.
Framework sempre più complessi.
Decine di librerie JavaScript.
Componenti, plugin, integrazioni e funzionalità che spesso finiscono per essere utilizzate soltanto perché sono disponibili.
Ma un sito moderno non è necessariamente quello che fa più cose.
È quello che fa bene ciò che deve fare.
E questa differenza è molto più importante di quanto sembri.
1. La complessità non è sinonimo di qualità
Un progetto può essere tecnicamente molto complesso e offrire un'esperienza pessima.
Può avere un'architettura sofisticata, centinaia di componenti e animazioni estremamente elaborate, ma costringere l'utente a cercare per minuti una semplice informazione.
Al contrario, un sito relativamente semplice può risultare immediato, elegante e piacevole da utilizzare.
La domanda quindi non dovrebbe essere:
"Quanto è complesso questo sito?"
ma:
"Quanta complessità è realmente necessaria per questo progetto?"
La complessità ha un costo.
Aumenta il tempo di sviluppo, la possibilità di errori, le esigenze di manutenzione e spesso anche il peso delle pagine.
Se non produce un beneficio concreto per chi utilizza il sito, è difficile giustificarla.
2. Il design dovrebbe togliere, non aggiungere
Progettare non significa soltanto decidere cosa inserire.
Significa anche decidere cosa eliminare.
Ogni elemento presente in una pagina compete per l'attenzione dell'utente.
Un pulsante in più.
Un banner.
Un'animazione.
Una finestra.
Un messaggio.
Un'immagine decorativa.
Presi singolarmente possono sembrare innocui.
Messi insieme possono trasformare un'interfaccia semplice in un ambiente rumoroso.
Per questo una delle domande più utili durante la progettazione è:
"Questo elemento serve davvero?"
Se la risposta è no, probabilmente può essere eliminato.
Il minimalismo, però, non significa creare pagine vuote o prive di personalità.
Significa dare un motivo agli elementi che decidiamo di mantenere.
3. Semplice per l'utente, non necessariamente semplice da costruire
C'è una differenza fondamentale tra semplicità dell'interfaccia e semplicità del progetto.
Un'interfaccia può sembrare estremamente semplice proprio perché dietro le quinte è stata progettata con grande attenzione.
Un pulsante che funziona perfettamente sembra banale.
Una navigazione intuitiva sembra ovvia.
Una pagina che si adatta bene a qualsiasi schermo sembra naturale.
Ma arrivare a quella semplicità può richiedere molto lavoro.
È un po' come nel design industriale.
Il prodotto finale può avere pochissimi elementi visibili, ma dietro quei pochi elementi possono esserci mesi di progettazione.
La semplicità è spesso il risultato della complessità gestita bene.
4. La tecnologia dovrebbe essere invisibile
Un sito moderno non deve dimostrare quanta tecnologia è stata utilizzata per realizzarlo.
L'utente non dovrebbe essere costretto a conoscere:
quale framework è stato utilizzato;
quale database gestisce i contenuti;
quante librerie JavaScript sono state installate;
quale sistema di caching è presente;
quale CMS utilizza il sito.
Queste informazioni possono essere fondamentali per chi sviluppa il progetto.
Ma per chi lo utilizza sono quasi sempre irrilevanti.
La tecnologia dovrebbe essere percepita attraverso il risultato, non attraverso la propria presenza.
Se una pagina si carica rapidamente, la navigazione è intuitiva e tutto funziona, la tecnologia sta facendo il suo lavoro.
Quando invece una tecnologia diventa protagonista dell'esperienza, qualcosa spesso non sta funzionando.
5. Performance: ogni elemento ha un prezzo
Ogni immagine, font, script, libreria e animazione aggiunge qualcosa al caricamento della pagina.
Questo non significa che dobbiamo eliminare tutto.
Significa che dobbiamo scegliere.
Un'immagine enorme utilizzata come sfondo potrebbe essere bellissima, ma se richiede diversi secondi per apparire forse non è la soluzione migliore.
Un'animazione sofisticata potrebbe essere spettacolare, ma se rende l'interfaccia meno fluida perde il suo scopo.
La performance non dovrebbe essere considerata soltanto un problema tecnico da risolvere alla fine del progetto.
È una scelta progettuale.
Progettare bene significa anche decidere quanto peso dare a ogni elemento.
6. Responsive non significa semplicemente "adattabile"
Per molto tempo il responsive design è stato interpretato come:
"Facciamo il sito desktop e poi lo facciamo stare anche sul telefono."
Ma progettare per dispositivi diversi significa molto di più.
Uno spazio che funziona perfettamente su un monitor da 27 pollici potrebbe non funzionare allo stesso modo su uno smartphone.
Cambiano:
dimensioni;
proporzioni;
modalità di interazione;
distanza di lettura;
quantità di informazioni visibili contemporaneamente;
comportamento della navigazione.
Un sito moderno dovrebbe quindi essere progettato come un'esperienza fluida, non come una serie di versioni separate.
Il layout deve adattarsi.
La tipografia deve adattarsi.
Gli spazi devono adattarsi.
E, quando necessario, anche il modo di presentare le informazioni deve cambiare.
7. Accessibilità significa progettare meglio
L'accessibilità viene ancora troppo spesso considerata una caratteristica aggiuntiva.
In realtà molte delle scelte che rendono un sito più accessibile lo rendono semplicemente migliore per tutti.
Un buon contrasto.
Una tipografia leggibile.
Una gerarchia visiva chiara.
Elementi interattivi facilmente riconoscibili.
Testi alternativi per le immagini.
Navigazione coerente.
Possibilità di utilizzare il sito anche senza mouse.
Non sono compromessi.
Sono buona progettazione.
Un'interfaccia che funziona soltanto per chi la utilizza nel modo previsto dal designer è un'interfaccia fragile.
8. Animazioni: quando aiutano e quando disturbano
Le animazioni possono essere molto utili.
Possono comunicare un cambiamento di stato, accompagnare una transizione o rendere più comprensibile una relazione tra elementi.
Il problema nasce quando diventano decorazione fine a sé stessa.
Un elemento che si muove continuamente attira inevitabilmente l'attenzione.
Se tutto si muove, però, niente riesce più a essere davvero importante.
L'animazione migliore spesso è quella che quasi non si nota.
Non deve necessariamente stupire.
Deve aiutare l'utente a capire cosa è successo.
9. Un sito dovrebbe poter crescere senza diventare ingestibile
La semplicità è importante anche dal punto di vista dello sviluppo.
Un progetto ben strutturato dovrebbe permettere di aggiungere nuove funzionalità senza dover riscrivere continuamente ciò che già esiste.
Questo significa progettare pensando anche al futuro.
Non serve prevedere ogni possibile funzionalità.
Serve costruire una base sufficientemente solida da poter evolvere.
È una differenza importante.
Un progetto flessibile non è quello che contiene tutto. È quello che permette di aggiungere ciò che servirà domani senza distruggere ciò che funziona oggi.
10. Il vero lusso è non avere bisogno di spiegazioni
Una delle migliori interfacce è quella che non richiede un manuale.
L'utente dovrebbe capire:
dove si trova;
dove può andare;
cosa può fare;
cosa è successo dopo una sua azione;
come tornare indietro.
Non perché qualcuno glielo ha spiegato.
Ma perché l'interfaccia comunica tutto questo visivamente.
È qui che design e usabilità si incontrano.
La semplicità non nasce dalla mancanza di informazioni.
Nasce da una buona gerarchia delle informazioni.
Conclusione
La tecnologia ci permette di costruire siti sempre più sofisticati.
Ma il fatto che possiamo farlo non significa che dobbiamo farlo.
Un sito moderno non deve necessariamente avere più animazioni, più funzionalità o più tecnologia.
Deve avere più consapevolezza nelle scelte.
Deve sapere cosa mostrare e cosa nascondere.
Cosa animare e cosa lasciare fermo.
Cosa rendere immediatamente accessibile e cosa mettere in secondo piano.
Deve essere veloce senza essere povero, elegante senza essere inutilmente elaborato, tecnologico senza ostentare la tecnologia.
Perché alla fine il vero obiettivo non è costruire il sito più complesso.
È costruire il sito più efficace possibile con la complessità strettamente necessaria.
La tecnologia migliore è spesso quella che l'utente non si accorge nemmeno di stare utilizzando.
Semplicità non significa fare meno.
Significa fare soltanto ciò che serve, e farlo bene.L’interfaccia come linguaggio.