Skip to main content

Queste 22 tendenze del web design per il 2022 aiuteranno a informare e ispirare ciò che le persone costruiscono per il web. Tuffati dentro.

Una tendenza generale che vediamo per il prossimo anno è un maggiore senso di giocosità nel web design.

I designer hanno iniziato a creare siti come arte, siti come progetti interattivi e siti che esistono semplicemente per giocare e divertirsi. Questo si rifà all’inizio del web, quando i designer trovarono il modo di mostrare nuove tecniche o creare siti web per se stessi.

Sembriamo essere un po’ in un periodo di rinascita del primo web. Ha senso. Anche la moda ha preso in prestito pesantemente dalla fine degli anni ’90 e dai primi anni. Molti di noi hanno trascorso del tempo a casa navigando pigramente in Internet, alla ricerca di qualcosa di divertente o eccitante come facevamo quando il web stava emergendo per la prima volta.

Visivamente, le tendenze del web stanno prendendo spunto da quell’epoca. I designer trovano la creatività al di fuori dei layout più incentrati sulla fotografia che sono diventati standard. Invece, questi progetti trovano modi creativi per utilizzare tipografia, griglie e linee e una navigazione semplice. Lo stile aggiornato, con molti colori tenui, trame sofisticate e caratteri serif, impedisce ai siti di sembrare troppo retrò.

Anche il web design si sta muovendo nel futuro con entusiasmanti tecniche contemporanee come interazioni e animazioni avanzate ed effetti visivi come il morfismo del vetro e la grana. E i progettisti utilizzano strumenti senza codice per consentire loro di fare tutto più velocemente e più facilmente che mai. 

Tendenze del web design 2022

Ecco alcune delle tendenze nel web design che prevediamo avranno un impatto nel prossimo anno. 

1. Mini-siti di piacere

L’umorismo può assumere molte forme e costruire un sito web che provoca una risata è sempre divertente. Perché non divertirti un po’ con la tua build?

Nei primi giorni della Pixar , lo studio ha iniziato dando animatori tempo di fare un cortometraggio al fianco di tutti i film che hanno prodotto. Questi cortometraggi erano un momento creativo per tutti, un momento per gli animatori di essere più sciolti e più giocosi senza la pressione implicata nei loro lungometraggi. Hanno anche finito per generare molte nuove tecniche che hanno spinto in avanti il ​​campo dell’animazione. Gli sviluppatori web stanno scoprendo che possono fare lo stesso con i siti web.

tendenze del web design
Day & Night , un cortometraggio della Pixar del 2010 ha influenzato gli approcci all’animazione utilizzati in film come
 Inside Out e Soul.

La creazione di un mini-sito divertente offre ai designer il tempo di essere semplicemente creativi, di esercitarsi e sperimentare le tecniche e di eliminare tutte le fermate del design senza preoccuparsi di esagerare in un concerto professionale. A volte la creazione fine a se stessa è un ottimo modo per uscire da un solco.

Puoi sperimentare in diversi modi: impostando un design UX intenzionalmente giocoso o sovvertendo deliberatamente le aspettative (ma assicurati di costruire comunque in modo accessibile !). Porta umorismo non solo nel testo e nelle immagini, ma anche nella navigazione del sito, nei menu e nelle interazioni. Sii sottile. Fai sembrare che sia un sito serio finché non lo è. Questa è un’opportunità per creare un sito che funzioni in modi inaspettati. Un sito di marketing in stile uovo di Pasqua per uno scopo professionale può funzionare se eseguito bene.

Guns 2 Swords è un mini-sito/impresa in piena gloria di Dungeons & Dragons degli anni ’80, con un assaggio di Scegli la tua avventura . È stato creato da MSCHF , un gruppo che è da qualche parte tra artisti gonzo e creatori di app hype, per essere un vero servizio. I visitatori potevano inviare le loro pistole per essere forgiate in spade da un fabbro di livello mondiale. Veramente epico.

22 tendenze del web design per il 2022 616de3d0c04f8e784b46c7fa ywVev9vrQlTzRsEUtESASdEBy5MdomW HH8JSo0Ti8NIHC3k4ZyxAcjoRsv1jrMkbMcOzvHjo n gC3xds2vNL2WHTRNoX9ai490wl6N 3MTholwxIrpcOBTc42QWvXrxxu8a7wcs1600

Blue Check Homes ha adottato l’approccio opposto di creare un sito Web “serio” dall’aspetto completamente legittimo. Quello che è iniziato come uno scherzo su Twitter di Danielle Baskin potrebbe finire per diventare un vero e proprio mini-business che vende medaglioni con “scacco blu” (come quelli sugli account Twitter verificati ) per le case di personaggi illustri.

22 tendenze del web design per il 2022 616de7658663c97747c7690f blue check homes

2. cacce al tesoro basate sul Web

Le strutture dei siti web in realtà si prestano incredibilmente bene a enigmi e cacce al tesoro. È possibile collegare in serie le pagine e proteggere con password determinate parti, in modo che i visitatori forniscano risposte o trovino indizi per sbloccare la pagina successiva della serie.

Ci sono tutti i tipi di modi creativi per nascondere e rivelare suggerimenti, indizi e risposte. Questo è un caso in cui puoi usare la tua abilità di web design per creare un puzzle che affascina. 

Alcune idee per indizi:

  • Fornisci una parola basata su un indovinello o un indizio
  • Trova una parola nascosta nel tuo sito principale o nel sito della caccia al tesoro
  • Trova un elemento cliccabile nascosto nella pagina
  • Disegna una forma
  • Decodifica un cifrario

Ricorda solo di dare al tuo pubblico qualche tipo di suggerimento o soluzione alternativa se vuoi davvero che tutti siano in grado di arrivare alla fine. Una caccia al tesoro può essere utilizzata per rivelare il lancio di un prodotto, rilasciare un nuovo video o fornire allo spettatore un’informazione nascosta.

L’agenzia di marketing ThreeSixtyEight ha fatto una caccia al tesoro per rivelare al suo team l’ubicazione del ritiro aziendale. Ha creato un’atmosfera misteriosa con musica e una regolazione dell’opacità attorno al cursore che un visitatore può usare per rivelare parti selettive della pagina mentre cerca indizi.

22 tendenze del web design per il 2022 616de844e1d099629df94100 threesixtyeight scavenger hunt site

3. esperienze App-like

Jeremy Beyt, co-fondatore di ThreeSixtyEight , crede fermamente che questo tipo di siti più piccoli e incentrati sull’esperienza siano il futuro del web design. Spiega: “Un’esperienza web basata sul front-end davvero esagerata dal punto di vista del design è un modo completamente nuovo di utilizzare il web che non esisteva prima; è un’esperienza simile a un’app. Questa, per me, è l’opportunità in questo momento”. Il mondo si è abituato alle app, dove l’interazione, l’animazione e le esperienze dinamiche sono la norma. Il passo logico successivo è portare quell’energia ai siti Web e creare esperienze più uniche lì.

Alcuni immaginano che stiamo tornando ai tempi in cui i siti erano autonomi, esoterici e curiosi. Ma i nuovi strumenti per la creazione di siti, come il no-code , semplificano notevolmente la realizzazione di progetti dinamici e incentrati sull’interazione. ThreeSixtyEight ha persino aggiunto un passaggio completo incentrato sul design dell’interazione al suo processo di sviluppo.

4. Siti web di una pagina

A volte il sito più efficace è quello meno complesso. Abbiamo visto la crescente popolarità del sito Web di una pagina che rinuncia ai menu e alla navigazione a favore della semplice navigazione a scorrimento. I siti di una pagina funzionano meglio quando il loro argomento è più ristretto, come un portfolio o la presentazione di una singola idea.

Questi siti evocano la sensazione di tenere in mano un volantino o leggere un poster. Tutte le informazioni necessarie per la revisione sono in un unico posto senza la distrazione della navigazione o la ricerca su più pagine.

Questo sito Web per Indi Harris (costruito da Jordan Hughes) è un curriculum digitale. Lascia che il suo soggetto sia al centro dell’attenzione. Ciò rende più probabile che uno spettatore occasionale legga l’intero curriculum poiché tutto ciò di cui hanno bisogno è in primo piano.

22 tendenze del web design per il 2022 616ded7f531c686503c47443 indi harris website

Il sito portfolio di Joshua Kaplan è più complesso ma altrettanto efficace. Usa una struttura coerente in modo che lo spettatore non si perda, riduce gli elementi di distrazione (senza sfondo, immagini grandi o movimento) e fa sembrare il suo sito un po’ retrò-web con il linework e il logo del simbolo del copyright di ritorno al passato.

22 tendenze del web design per il 2022 616dee4d52cf558f72920706 joshua kaplan

5. Siti con un forte senso del luogo

Forse stiamo solo compensando il viaggio mancante, ma alcuni siti web sembrano avere più senso del luogo. Stiamo vedendo fotografie di locali presenti sulle home page e di sezioni che richiamano l’attenzione su città, paesi e luoghi naturali intorno a dove vivono i creatori.

Il web può essere un luogo distaccato in cui spesso non hai alcuna connessione con la provenienza del sito che stai navigando. L’aggiunta di una nota come ” fatto con amore in …” o con un’immagine del tuo posto preferito nelle vicinanze spinge i visitatori a immaginare dove ti trovi e crea una piccola connessione con il mondo reale per loro. Se abbiamo viaggiato di meno, almeno possiamo ricordare che stiamo facendo collegamenti online in tutto il mondo.

Grace Potter usa questa immagine bella oceano come la sua pagina di destinazione, anche se non è direttamente collegata al suo lavoro. Con questa fotografia, fonda il suo sito Web nelle sue radici neozelandesi, portando il visitatore nel suo mondo.

22 tendenze del web design per il 2022 616df0b586905129af1f27d2 grace potter website

6. Modelli Art Déco

Siamo di nuovo negli anni ’20, dopotutto! I motivi Art Déco si adattano bene ai disegni geometrici che sono stati di tendenza negli ultimi anni. Sebbene la prima associazione delle persone con lo stile art déco potrebbe essere siti speakeasy decorati e inviti di nozze a tema Gatsby, può creare design meravigliosamente minimalisti.

La tendenza di quest’anno si ispira alle linee pulite e curve e alle forme grafiche ripetitive dell’illustrazione e dell’architettura art déco. Questi elementi possono ispirare bellissimi loghi, caratteri, motivi distanziatori, bordi e illustrazioni. Per progettare efficacemente in questo stile, è utile comprendere la filosofia alla base del movimento art déco originale .

L’Art Déco combinava elementi del mondo naturale con la modernità dell’era delle macchine: linee audaci, simmetria, semplicità e ripetizione invariata degli elementi. Guarda come le forme di questa ala di libellula si traducono nei modelli regolari del classico Chrysler Building in stile art déco.

22 tendenze del web design per il 2022 616df1f6976f0a662f1d629a art deco examples

Lo stile artistico di Alegria che BUCK ha progettato per Facebook nel 2017 sembra prendere molti spunti dalla rappresentazione art déco di figure umane. Le linee pulite e curve, i volti ovali, i dettagli ridotti e le proporzioni esagerate richiamano alla mente questo stile artistico . Forse un nuovo tipo di design della figura modernista, come questo splendido pezzo dell’illustratore Rodolfo Reyes , potrebbe essere una versione aggiornata di questa tendenza.

22 tendenze del web design per il 2022 616df37d1d1a50d18954a281 rodolfo reyes

7. Meno immagini negli eroi

Quest’anno, molti designer scelgono di creare sezioni degli eroi e pagine di destinazione che parlano con il design piuttosto che fare affidamento su fotografie o illustrazioni. Le immagini degli eroi danno subito un grande impatto visivo, ma a volte l’eliminazione della distrazione di un’immagine vistosa mette l’accento più sullo stile e sui contenuti.

Questi quattro siti Web di Humain , SVZ , Heyday e RADAR sono incredibilmente diversi, ma ognuno utilizza layout, tipografia, colore e forma per comunicare un’identità di marca forte e unica. La rinuncia alle immagini crea anche un po’ di mistero, invogliando i visitatori a scoprire cos’altro c’è oltre la sezione degli eroi.

22 tendenze del web design per il 2022 616df5b92e3bad095ec091bc heyday website
22 tendenze del web design per il 2022 616df6e0d50aba2939c77071 radar website
22 tendenze del web design per il 2022 616df51bd422291cee78bc7a SVZ WEBSITE
22 tendenze del web design per il 2022 615f72b6e46d0ba9f2f6db68 humain

8. Tipography sovradimensionato

La tipografia di dimensioni insolite è una tendenza di design fresca e audace per quest’anno. A una certa dimensione, le parole diventano più un elemento grafico che una semplice parte della copia. Questa è una tecnica versatile che può essere utilizzata in modo altrettanto efficace in design minimalisti o massimalisti e può adattarsi a molti stili diversi.

Questo sito Web di portfolio di film per Eva Habermann (realizzato da Daniel Spatzek) sovrappone un testo di grandi dimensioni su una bobina di portfolio di film in movimento. Il testo blocca parzialmente l’immagine, rendendo lo spettatore curioso di vedere di più, e un font sans-serif in due colori offre la giusta quantità di contrasto senza essere illeggibile o opprimente.

22 tendenze del web design per il 2022 616df7e81f8b08196a249f2a eva habermann website

Il sito portfolio di David Calle utilizza un testo di grandi dimensioni per creare un design sofisticato e ultra minimalista. Il colore di sfondo neutro e il carattere serif si combinano magnificamente con un sottile movimento animato mentre lo spettatore scorre.

22 tendenze del web design per il 2022 616df91e7a08903c29d5d6ea david calle website

9. Caratteri interattivi

Prendendo ulteriormente l’uso del testo, alcuni designer hanno trovato modi creativi per far muovere e giocare il loro testo con il mouse dell’utente. Un modo semplice per rendere interattivo il testo consiste nell’applicare una modifica dello stato al passaggio del mouse come faresti con un pulsante. Aiuta il fatto che ora sia più facile creare effetti più elaborati utilizzando le moderne piattaforme senza codice di quanto non fosse in passato provare a scrivere queste interazioni a mano. Quando si utilizza l’interattività sui caratteri, è importante tenere a mente la leggibilità poiché alcune persone sono distratte dallo spostamento dei caratteri.

Il sito web di Dillinger utilizza un carattere che cambia peso quando il cursore passa sopra il testo. Nota che il testo che si restringe sullo sfondo nero rende il testo selezionato più leggibile, un’ottima aggiunta per l’usabilità. La dimensione esagerata del cursore rende anche il sito più coinvolgente. Il designer Tim Ricks è stato così gentile da creare una versione clonabile di questo sito per chiunque voglia vedere come è stato creato l’effetto.

22 tendenze del web design per il 2022 616dfb097a08903d25d6f1c5 directors about news website

10. Progettazione responsabile del movimento 

Ora che stiamo parlando di interattività, è il momento di parlare di design responsabile del movimento, che vediamo iniziare a diventare una pratica standard. Sebbene il movimento sia un aspetto intrigante del web design, è facile non solo esagerare, ma anche causare danni alle persone provocando la cinetosi. La cinetosi è abbastanza comune e dovrebbero essere evitate animazioni come il ridimensionamento attivato dal mouse, gli effetti di parallasse o lo scorrimento con spostamento del piano (noto anche come scrolljacking).

Il movimento può essere usato in modo sottile e responsabile. Corey Moen, Senior Brand Designer presso Webflow, è entrato nei dettagli su come costruire tenendo conto dell’impostazione “Riduci movimento” in MacOS. 

E mentre questo è importante, non significa che dovresti usarlo come un toccasana e una scusa per usare il movimento ovunque. Il movimento eccessivo è un’esperienza utente confusa, dannosa per molti e semplicemente non necessaria. 

11. Collage illustration

La grafica in stile collage può dare alle illustrazioni del sito una sensazione tattile, aprire più spazio bianco in un design e consentire di incorporare immagini senza focalizzare l’intero design attorno a una fotografia. Assicurati di mescolare forme, motivi e colori all’interno di un collage. Puoi aggiungere un effetto monocromatico, una tinta o un filtro alle fotografie per aiutarle a fondersi con il design generale.

Il sito di Vanta utilizza illustrazioni in stile collage sulla pagina di destinazione e in tutto il sito. La modifica delle sue fotografie per un aspetto simile a un collage consente di posizionare la grafica in modo irregolare e fuori asse, rompendo la griglia del sito

22 tendenze del web design per il 2022 616dfbe452cf55057897481a vanta website

12. Illustrazioni astratte

Le illustrazioni astratte che hanno una trama più organica e un senso della mano umana che le crea stanno diventando più popolari. Mentre la grafica vettoriale pulita e vivace e le illustrazioni carine di esseri umani e oggetti hanno governato il web design per alcuni anni, forse le persone sono alla ricerca di qualcosa che sia un po’ più naturale e sofisticato.

Questo tipo di illustrazione può essere creato con inchiostro e carta e scansionato o creato in un software di illustrazione. La chiave è incorporare varie trame e irregolarità naturali come acquerello, inchiostro, pittura, effetti serigrafici o la trama della carta. Le linee possono anche essere più morbide, imitando le variazioni di spessore della linea che derivano dall’uso di grafite o inchiostro.

Astratto non deve significare semplice! Queste illustrazioni di post sul blog del designer Adam Ho sono un esempio perfetto. Guarda le curiose complessità dei suoi progetti. Con le loro linee ultrasottili e le forme grafiche, sembrano dei disegni tecnici senza rappresentare direttamente alcun oggetto specifico.

22 tendenze del web design per il 2022 616dfc4cd422297bec7d8504 abstract illustration

13. Gradienti con grana

I gradienti sono già popolari, ma con l’aggiunta di grana creano un effetto completamente diverso. Una sfumatura perfetta è elegante e moderna, donando agli oggetti un bagliore futuristico o una sensazione brillante e tecnologica. Grain fonda un disegno, gli conferisce consistenza e lo aiuta a sentirsi più naturale.

A seconda del trattamento, la grana può imitare film, fotografia o supporti di stampa. Una grana fine e multicolore può sembrare una pellicola analogica, mentre una grana monocromatica più grande può sembrare un poster serigrafato. La grana e le sfumature che la incorporano possono essere utilizzate in modo selettivo o sull’intera pagina, come sfondo completo o all’interno di oggetti specifici.

Abbiamo utilizzato una serie di gradienti granulosi sul sito Web per la conferenza Webflow 2021 No-Code . I gradienti vengono utilizzati nella grafica animata, negli sfondi e negli elementi in tutta la pagina della conferenza e abbiamo scelto una grana di medie dimensioni che dia un effetto tipo di supporto di stampa.

22 tendenze del web design per il 2022 616ed57aab40664adeead2b5 no code conf image

14. Lavoro di linea

Una tendenza che si sente in qualche modo sia moderna che di ritorno al passato è il linework. I designer possono utilizzare le linee per delineare sezioni, intestazioni, paragrafi e gallerie di prodotti o creare una griglia dinamica per l’intera pagina web. Aggiungi illustrazioni al tratto (astratte o rappresentative) per portare ulteriormente questo stile. Con questo tipo di design, lo spessore della linea avrà il maggiore impatto sull’effetto finale.

Appart Agency sito s’utilizza linee ultrafini. L’effetto è tecnico, nitido e minimalista. Il design grafico e la selezione dei colori arancione, nero e tortora ricordano il movimento artistico minimalista degli anni ’60. Anche il movimento delle linee orizzontali sullo scorrimento è un bel tocco.

22 tendenze del web design per il 2022 616ed6911085a4cae12b54e2 apart agency

Anche Breef utilizza linee sottili, ma le combina con caratteri tipografici più chiari ed elementi grafici illustrativi. Con la tavolozza dei colori tenui e la funzione di passaggio del mouse barrato, l’effetto complessivo è casuale, in un modo da millennial adulto. Il suo sito ha molte informazioni da comunicare e le chiare divisioni delle sezioni, le illustrazioni e lo sfondo senza fronzoli aiutano il contenuto a risaltare.

22 tendenze del web design per il 2022 616ed7100ac17475a5c6c14c breef

CPGD utilizza linee nere in grassetto per un effetto grafico fantastico. Questo design ha una sensazione più giovane e divertente. Ogni sezione all’interno della griglia allineata è di un colore diverso, aiutando a differenziare il contenuto e anche il cambio di colore al passaggio del mouse orienta l’utente.

22 tendenze del web design per il 2022 616ed93dc5d58858b893e40a cpgd

15. Siti web a schermo diviso

Un modo interessante per spezzare un design è con un layout a schermo diviso, che abbiamo notato più di recente. Il doppio layout offre al tuo design contrasto, interesse visivo e separazione naturale dei contenuti. È anche un’ottima scusa per giocare con i colori.

22 tendenze del web design per il 2022 616ed9ece0d3811ea6e58f67 var but 1

var!-būt! Il sito web del festival (costruito da ONEIGHT7) dà una svolta interessante a questo design con un piè di pagina fisso, uno scorrimento scorrevole e direzioni di scorrimento contrastanti nelle sezioni destra e sinistra. Lo schermo diviso qui fissa lo spettatore in modo da poter incorporare molti movimenti senza che si perdano.

22 tendenze del web design per il 2022 616eda39ed0a9882cb4b50ec var but 2

16. Più vetromorfismo

Una splendida tendenza per quest’anno è il glassmorphism. Una combinazione di trasparenza, sfocatura e movimento può far sì che gli elementi delle pagine si comportino visivamente come il vetro. Puoi utilizzare questa tecnica in loghi, illustrazioni o anche intere sezioni. 

La chiave di questo stile è la diffusione, il riflesso e l’ombra, che creano l’illusione ottica. Combinato con un movimento sottile, l’effetto vetro può far sembrare un sito 3D. La diffusione del “vetro smerigliato” all’interno dell’immagine ti consente di incorporare la trasparenza nel tuo design senza che diventi troppo visivamente disordinato. 

Tyler Galpin usa il glassmorphism per creare un logo affascinante con movimento.

22 tendenze del web design per il 2022 616edac5e7b078225a6e4241 glassmorphism logo

Stefan Velikov usa il glassmorphism in questo progetto Webflow clonabile per far apparire questa illustrazione della carta di credito e farla uscire dalla pagina.

22 tendenze del web design per il 2022 616edb2ec2656c6ab11f78c5 glassmorphism credit card

17. Meno neumorfismi

Il neumorfismo, una nuova interpretazione dello scheumorfismo nel design, è uno stile minimalista che ha iniziato a diventare popolare per app e siti Web nel 2020. Imita il design moderno dei dispositivi (pensa a un telecomando di nuovo stile o a un vecchio iPod ) utilizzando elementi monocromatici a basso contrasto, ombre sottili , e rinunciando a linee e bordi taglienti. Ecco un esempio da Dribble :

22 tendenze del web design per il 2022 616edbc1c2656c77851fdbf0 neumorphism

Il neumorfismo spicca perché è diverso dalla maggior parte dei progetti web, ma a volte le cose sono costruite in modo standard perché funziona semplicemente meglio. Il motivo per cui abbiamo scelto “meno neumorfismo” come tendenza è semplice: lo stile è terribile per l’accessibilità .

La mancanza di contrasto e la chiara differenziazione rendono i siti in questo stile molto difficili da navigare per chiunque abbia una vista ridotta e gli elementi in ombra rendono difficile per l’utente dire quale pulsante stanno premendo. Il CDC mette il numero di americani con disabilità visive a più di 3,22 milioni , ma il design accessibile non è importante solo per le persone con disabilità. Tutti incontreranno difficoltà di visione situazionale ad un certo punto, come ambienti luminosi che interferiscono con la visibilità dello schermo e il neumorfismo è difficile da leggere in ambienti del genere. ?

Cinquantatre milioni di persone nei soli Stati Uniti vivono con disabilità e tutti sperimentano disabilità situazionali ad un certo punto nel tempo. L’accessibilità è molto più di una tendenza: è una necessità e dovrebbe sempre essere una considerazione fondamentale quando si progetta per il web.

18. Copia inclusiva

Abbiamo notato che molti più siti Web si stanno spostando verso contenuti e linguaggio inclusivi nei loro progetti. Questa dovrebbe essere una norma e, si spera, questo è un cambiamento permanente verso una consapevolezza più universale dell’impatto del linguaggio. Una copia più inclusiva rende il web un luogo più accogliente e più accessibile a più persone.

Webflow ha il nostro riferimento per il linguaggio inclusivo che usiamo per guidare tutto il nostro output scritto e lo abbiamo reso disponibile pubblicamente come parte della nostra pagina del sistema di progettazione del marchio. Le linee guida linguistiche possono essere una funzionalità utile da aggiungere a qualsiasi sito Web aziendale.

Non è solo quello che dici, ma anche come e dove lo dici. Testo alternativo , testo leggibile (carattere, dimensione e colore) ed evitare il testo come immagine sono tutti modi per assicurarti che tutti siano in grado di leggere ciò che il tuo sito ha da dire, indipendentemente dalla lingua o dalle capacità. 

19. Design neutro rispetto al genere

Un altro approccio che vediamo diventare uno standard è il web design di genere neutro , che vediamo già essere adottato in modo più universale. Il primo passo ovvio è rinunciare ai dettagli di genere inutilmente che erano così onnipresenti: siti di cura personale rosa aggressivamente o temi ipermaschili di lupi di fuoco e coltelli per le attrezzature da campeggio. Le donne acquistano strumenti elettrici e gli uomini acquistano prodotti per la cura della pelle, ma è facile passare ai presupposti della società senza pensare.

È diventato standard offrire più opzioni di genere e pronomi in moduli e menu a discesa. Il 42% percento degli americani ora pensa che dovrebbero essere incluse più opzioni. Meglio ancora, quando i siti Web non hanno la pressante necessità di includere tali opzioni, possono eliminarle completamente, come ha scelto Snapchat .

22 tendenze del web design per il 2022 616edc71c23362118c2d56a0 google gender neutral option 1

Quando si scrive una copia, il nuovo standard è optare per loro piuttosto che per lui o lei quando non è specificato un genere. Anche nell’e-commerce , molti siti stanno diventando più inclusivi scegliendo di non ordinare i vestiti per genere o offrendo più sistemi di dimensionamento e scatti modellati su vari corpi per rendere più accessibili i loro prodotti.

Evita di presumere quanto segue sulle persone che potrebbero utilizzare il tuo sito web: quale potrebbe essere il loro genere e a cosa saranno interessati a causa del loro genere. Evitare questi presupposti è più rispettoso e sarà apprezzato dai tuoi visitatori.

20. Priorità della velocità della pagina

Dal punto di vista tecnico, quest’anno la velocità della pagina è diventata una considerazione prioritaria per gli sviluppatori web. L’aggiornamento dell’algoritmo di Google del 2021 rende la velocità una considerazione più importante di prima per la SEO. Ciò riflette anche le maggiori aspettative degli utenti per le prestazioni della velocità del sito poiché il 53% degli utenti abbandonerà una pagina il cui caricamento richiede più di 3 secondi. Sono finiti i giorni di paziente attesa sulle schermate di caricamento. 

Google PageSpeed ​​Insights o Lighthouse sono strumenti che possono essere utilizzati per valutare l’ottimizzazione della velocità della pagina. Ci sono anche alcuni semplici passaggi che gli sviluppatori (o la loro piattaforma preferita) possono eseguire per assicurarsi che le pagine si carichino rapidamente, come l’ottimizzazione delle immagini e il caricamento differito delle immagini fuori schermo. Anche limitare il numero di caratteri che stai utilizzando può essere d’aiuto. Vuoi anche evitare di sviluppare le tue pagine su una piattaforma che fa troppo affidamento sui plug-in poiché ciò può avere un grande impatto.

21. Costruire con contenuti dinamici

Il contenuto dinamico consente ai progettisti di creare più velocemente, costruire più grandi e includere una maggiore complessità senza aumentare la quantità di lavoro necessaria per apportare modifiche. Più strumenti di database disponibili e piattaforme senza codice significano che più persone che progettano per il Web possono iniziare a costruire in questo modo, indipendentemente dal loro livello di esperienza. Questo è un modo molto più efficiente di creare per il Web e sta diventando molto più ampiamente adottato.

Il contenuto dinamico è costruito attorno a un database collegato a strutture ripetute. La struttura può essere modificata in un unico posto e puoi modificare contemporaneamente tutti i post del tuo blog, ad esempio, senza doverli modificare manualmente. Questo è ottimo per chiunque crei un sito con contenuti in continua evoluzione, come e -commerce , blog, portfolio, menu di ristoranti o siti di notizie.

Il contenuto statico avrà ancora alcuni usi, ma la creazione di contenuti dinamici sta prendendo il sopravvento sul web.

22. Nessun codice utilizzato per più teams

Stiamo vedendo sempre più team che incorporano il no-code nei loro flussi di lavoro e beneficiano della velocità e dell’indipendenza che offre loro. No-code è diventato un movimento, che consente ai creatori di cittadini di creare per il Web senza dover avere esperienza di programmazione. Probabilmente il tuo team sta già utilizzando una moltitudine di strumenti senza codice per rendere il proprio lavoro più efficiente.

Per le aziende, questo significa che più team possono creare risorse web per la propria azienda. I dipartimenti delle risorse umane possono creare siti di formazione, archivi di risorse o directory aziendali. I team di progettazione possono realizzare prototipi funzionanti o sistemi di progettazione artigianale a cui può fare riferimento chiunque in tutta l’azienda. Il marketing può contribuire direttamente alle parti del sito che utilizzano per connettersi con i clienti o persino creare micrositi per campagne specifiche o iniziative regionali più piccole.

L’indipendenza offerta dal no-code apre maggiori opportunità di innovazione e sperimentazione e aiuta i team a lavorare molto più rapidamente. Ci aspettiamo di vedere molte più aziende incorporare strumenti senza codice nei loro flussi di lavoro quotidiani in modo più significativo quest’anno.

Siamo entusiasti di vedere come verranno messi in atto nel 2022

Ci è piaciuto navigare nei siti che hanno ispirato così tanto questo elenco. Prevediamo un anno di giocosità e revisione creativa mentre i designer si allontanano da alcune delle tendenze che sono diventate così onnipresenti negli ultimi anni. Non vediamo l’ora di vedere cosa creerete per il web nel 2022.