I trend sul design dei siti web del 2018
Non si può dire che lo sviluppo web non sia un universo in continua evoluzione: i trend si susseguono a grandissima velocità, soprattutto sul fronte del design. L’obiettivo è quello di fornire all’utenza un’esperienza d’uso sempre nuova e d’impatto, capace non solo di garantire una modalità d’interazione semplice e immediata, ma anche e soprattutto di suscitare emozioni. Sul fronte del web design, dopo alcuni anni di minimalismo spietato, il 2018 si sta già dimostrando come un anno dalle interessanti prospettive.
Addio ai vecchi plugin
Da anni se ne annuncia la morte, eppure certi plugin riescono sempre a trovare una strada per uscire dal dimenticatoio. Il 2018, però, sembra voler finalmente tagliare i legami con il passato, eliminando tecnologie ormai vetuste, per nulla mobile-friendly e capaci di appesantire non solo la navigazione, ma anche la CPU dei dispositivi.
È il caso di Flash, ad esempio, un plugin che stenta a scomparire nonostante diversi funerali celebrati. A rallentarne la scomparsa potrebbe essere stata la difficoltà di tradurre vecchie animazioni in nuovi formati, ma fortunatamente Adobe ha rilasciato il suo comodo tool di conversione HTML 5 in Animate CC. Una scelta obbligata per il web moderno, non solo perché Flash non è compatibile con i dispositivi mobile, ma anche e soprattutto poiché penalizzante a livello SEO.
Non è però tutto: il 2018 sta portando finalmente alla convergenza dei formati video, escludendo la possibilità di usare pesanti player proprietari e costringere l’utente all’installazione di appositi codec. Spazio invece a VP9 di Google, a tutte le definizioni standard di MP4 H.264 e al suo successore HEVC.
Design one-page e modulare
Il design one-page, ovvero l’esposizione di contenuti su una sola pagina navigabile tramite scrolling singolo, sta diventando sempre più ubiquitario. Dopo aver spopolato online nel 2017, trova riconferma nel 2018, poiché facile da usare, elegante da osservare e perfettamente mobile-friendly. E sono nuove anche le definizioni, ben oltre all’ormai più che abusata progettazione parallasse.
Trend invece nascente è quello della progettazione modulare, soprattutto in fase di sviluppo. Si stanno facendo sempre più strada i cosiddetti “page-builder”, software o servizi online che permettono, partendo da una base comune quale un CMS WordPress, di elaborare da zero il proprio design sfruttando dei moduli che possono essere spostati in qualsiasi posizione della pagina. Grazie a questa modalità, sarà molto semplice modificare nel tempo il proprio sito, aggiungendo rinnovate funzioni senza però dover ripartire da zero con il suo sviluppo.
Approccio Mobile-First
Il sorpasso è ormai avvenuto da tempo: i dispositivi mobile, come smartphone e tablet, generano più traffico rispetto alla comune navigazione su browser desktop. Un fatto più che comprensibile, considerando come questi strumenti siano entrati nella quotidianità di tutti. E mentre continuano a spopolare le App native, anche il web vi si adatta.
Sempre più sviluppatori decidono di seguire un approccio mobile-first, ovvero con la progettazione di un’interfaccia che sia innanzitutto compatibile e comoda da usare con gli schermi di tablet e smartphone, ottimizzando la navigazione con i controlli touchscreen e seguendo le specifiche del design responsive. Solo dopo aver realizzato il progetto mobile, si passa poi a quello desktop: si tratta di un flusso di lavoro esattamente opposto a quello di pochissimi anni fa, quando il mobile non aveva ancora mostrato il suo incredibile appeal.
Contestualmente, nel 2018 stanno via via scomparendo tutte le versioni “m” dei siti, ovvero le edizioni ridotte e riviste di una pagina desktop per il mobile. L’esperienza visiva e d’uso deve essere la stessa, sia che si usi uno schermo da 27 pollici che uno smartphone con proporzioni 18:9.
Meno immagini, più font
Per un web che si sposta sempre più sul mobile, è ovviamente necessario pensare anche al peso delle pagine. I dispositivi moderni sono del tutto in grado di gestire siti complessi, anche ricchi di animazioni e filmati, tuttavia vi è il limite del traffico. Gli operatori telefonici non garantiscono ancora un monte di GB sufficiente per un’esperienza full-feature e, in assenza di una rete WiFi, l’utente potrebbe sprecare MB preziosi nel caricamento di un’immagine non sempre utile.
Per questo motivo, sempre più sviluppatori stanno sostituendo elementi grafici rasterizzati con i più leggeri SVG o, alternativa questa ancora più estrema, con i font. È infatti possibile ottenere degli effetti visivi del tutto piacevoli semplicemente curando alla perfezione l’aspetto delle parole, alternando dimensioni diverse, famiglie di font differenziate, mantenendo comunque l’eleganza come obiettivo.
